Como tirar vantagem da página 404?

Você já encontrou o erro Não encontrado (404) em algum site? Você sabe que tem a oportunidade de converter os visitantes que chegaram em páginas não encontradas? Este artigo irá ajudá-lo a aproveitar a página 404.

Caso você não tenha configurado o Google Analytics para rastrear a página 404. Aqui está um blog oficial configurando um para o seu site.

Se você souber corretamente a web funciona no protocolo HTTP. O servidor web retornará um código de status HTTP apropriado para cada solicitação de recurso.

Existem quatro códigos de status HTTP básicos que você pode precisar saber e eles são 200 – Encontrado , 301 – Movido permanentemente , 404 – Não encontrado , 500 – Erro interno do servidor . O erro 404 – não encontrado e 500 – do servidor interno são dois dos códigos de status mais exibidos.

A única diferença entre 404 e 500 é que um servidor da web exibirá a página de erro atribuída em caso de erro 404 não encontrado enquanto não houver saída gerada pelo servidor exibida no caso de 500, pois o servidor da web está enfrentando algum erro de configuração.

Um erro 404 pode ocorrer por vários motivos, como o visitante solicitar um recurso que nunca existiu em seu site, solicitar uma página/recurso que você excluiu ou solicitar um recurso com erro ou erro de digitação no URI.

Existem alguns casos em que você deseja excluir essas páginas, postagens e recursos de mídia desatualizados. E ter 404 erros neste caso é um processo natural. Não há nada de errado com isso.

Se você pesquisar um pouco, descobrirá que a maioria dos sites tem uma página 404 estática. Em qualquer caso de erro não encontrado a mesma página será exibida. Se o designer for experiente o suficiente, ele pode ter colocado uma pequena navegação no link/botão inicial.

Que tal correr uma milha extra com suas 404 páginas? Que tal tornar sua página 404 um pouco interativa? Vamos explorar as possibilidades.

Aqui estão as quatro maneiras de transformar sua página 404 estática em uma mais interativa:

1. página 404 com o link mais relevante pesquisado pelo usuário
2. 404 página com suas melhores ofertas gratuitas
3. página 404 com assistentes de link
4. página 404 com links que você deseja promover

01. Página 404 com o link mais relevante pesquisado pelo usuário:

Saber o que seus visitantes estavam procurando em seu site é a chave. Servir o usuário com os links certos para os melhores recursos correspondentes provavelmente seria a melhor experiência do usuário que você pode oferecer ao visitante.

A questão pode surgir como você saberia o que o usuário estava procurando e como você sugeriria os links com base em sua pesquisa?

Bem, a solução pode parecer complexa no início, mas não é tão complexa para desenvolver. Se você for um desenvolvedor, saberá que pode extrair a string de recurso solicitada e fazer uma verificação de regex em relação aos recursos que você possui em seu site.

Por exemplo, você está oferecendo serviço de reparo de alto-falante para a maioria das marcas de fabricação de áudio. Os alto-falantes Bose X1, por exemplo, estão na sua lista. Mas um visitante chega ao seu site com o Bose X10 como um recurso solicitado. Não há alto-falante chamado Bose X10, então, naturalmente, não deve estar na sua lista.

A coisa possível para exibir em sua página 404 é listar todos os alto-falantes BOSE que você repara. E, se possível, liste primeiro os alto-falantes da série BOSE X.

Essa pode ser a melhor maneira de um usuário navegar para uma página adequada, apesar de estar em uma página 404. As chances de converter essa página 404 são muito altas. Você o ajudou a navegar para a página real.

Além disso, isso também ajudará você a diminuir a taxa de rejeição do seu site. Se você não mostrar os links sugeridos para a página de melhor correspondência, há grandes chances de que o visitante navegue de volta ou saia do seu site.

02. 404 página com suas melhores ofertas gratuitas:

Vamos considerar que mostrar o link mais relevante não é bem possível para o seu site. Ou você não quer entrar em muitas coisas de codificação. Esta pode ser a melhor opção para começar.

Quando um visitante chegar à página 404 do seu site, mostre a ele uma mensagem de que lamenta que o recurso que ele está procurando não esteja disponível.

Logo após o texto do pedido de desculpas, mostre a eles a melhor oferta em execução no seu site. Pode ser como oferecer 5% ou 10% de desconto no seu produto mais popular, ou oferecer algo valioso de graça em troca de um e-mail.

Essa pode ser a melhor maneira de manter todos os visitantes envolvidos com outros produtos ou ofertas que chegaram à página 404!

03. 404 página com assistência de link:

Enquanto você sempre pode exibir a navegação nas páginas 404. Mas há muitas chances de que um visitante vá ao seu painel de navegação, identifique a página que ele gostaria de visitar e caia nessa página! A maioria deles simplesmente vai embora.

Você pode ter um design de página 404 de tal forma que contenha todos os links importantes para vários recursos do seu site, juntamente com uma mensagem de erro 404 clara.

Isso pode ajudar um usuário a entender que ele caiu na página errada. É 404, mas ele tem uma lista de links mostrando todos os recursos importantes no site que ele pode visitar.

04. Página 404 com links que você deseja promover:

É muito simples, basta ter os links que você deseja que seus visitantes visitem em páginas 404. Eu não sugeriria seguir esse caminho sozinho. Pode ser mistura de sugestão 03 e 04 pode funcionar.

Manter os links das páginas que você realmente deseja promover na página 404 certamente ajudará você a aumentar o número de visitas nessas páginas. A desvantagem é que você está gerando mais visitas despreocupadas que podem contribuir para uma alta taxa de rejeição.

A única sugestão que eu faria aqui é que, se seguir esse caminho, tenha pelo menos uma oferta que seja gratuita ou de natureza muito genérica. Ou seja, qualquer pessoa seria capaz de se relacionar com a oferta que você está fazendo. É muito acessível ou gratuito que o ajudará a melhorar os compromissos.

Exemplos populares de páginas criativas 404

Se você está procurando alguma inspiração ao criar uma página 404 para o seu site, aqui estão alguns dos meus exemplos de página 404 favoritos.

Wufoo

Wufoo é um dos serviços populares de integração de formulários de contato na internet. Observe o tema geral da página e o botão verde diferenciando-se do restante da página!

O dinossauro representa a mensagem não encontrada, e veja o botão CRIAR UM FORMULÁRIO GRATUITAMENTE Call to Action. Ele claramente direciona o usuário para pressionar o botão e realizar alguma ação na página não encontrada também.

Em vez de manter a navegação no topo, eles usaram os itens de navegação selecionados no botão CTA.

AirBnB

Veja como o AirBnB está representando tudo, desde uma mensagem 404 clara, ilustração não encontrada e o link de navegação sob a pequena área!

Um usuário que se perdesse no site do AirBnB chegaria a esta página, esta página tem toda a direção necessária (links) para enviar o usuário de volta para a(s) página(s) importante(s) e mantê-lo engajado no site.

Correio Chimpanzé

A plataforma de email marketing muito popular do Mailchimp possui uma bela página 404. Eles usaram o Macaco com estilo hulk aplicado a quem parece se perder em uma floresta.

Um usuário desembarcado neste 404 recebe uma mensagem clara com uma ilustração, uma mensagem clara seguida pela ilustração.

A melhor parte é que eles sabem que o uso se perdeu, então ele pode encontrar uma barra de pesquisa logo após a mensagem não encontrada. O usuário pode pesquisar qualquer recurso que estava procurando anteriormente usando a pesquisa.

Se pesquisar não é algo que prefira encontrar ou localizar um recurso, eles incluíram uma bela navegação logo abaixo da barra de pesquisa!

Pouco

O Bitly é um dos serviços de encurtamento de URL mais populares, com alguns recursos interessantes, como branding personalizado e análise de cliques.

Aparentemente, eles têm uma página 404 bonita e significativa! Se você gastar alguns segundos, notará que o designer manteve o oceano vazio. Significando que não há nada dentro da água, o que dá uma ilustração clara de que nada foi encontrado para o recurso solicitado.

Nenhum painel de navegação mantido no cabeçalho. A página mostra a mensagem de erro, seguida pelos três links de navegação simples e mais básicos na parte inferior.

Para tornar as coisas mais interativas, a equipe de design fez o efeito de onda no evento de movimento do mouse. Visite a página para experimentá-lo.

Panela

A bela ilustração de um prato vazio no Cooklet deixa claro que as coisas que você está procurando não existem.

O Oh não! Junto com um prato vazio transmita a mensagem não encontrada. O interessante é que eles fizeram o link de ação Get Back (javascript history back) e vão para o link da página inicial disponível sob a mensagem não encontrada.

Além disso, eles mantêm o cabeçalho com a barra de pesquisa intacta. Ou seja, um usuário que deseja navegar além da página anterior ou inicial, poderá localizar recursos facilmente.

Já testei algum desses?

Acima está a imagem da página 404 do meu próprio site. Inicialmente eu não tinha botões ou links na minha página 404. Era uma página 404 simples mostrando a mensagem de erro, que isso!

Eu adicionei um botão que diferencia do resto dos elementos da página e motiva o visitante a pressioná-lo. Pressioná-lo move o usuário de volta para a página inicial. O botão simples me ajudou a trazer visitantes para a página inicial do meu site e mantê-los engajados no site.

Estou planejando adicionar coisas mais dinâmicas em breve à minha página que discuti no ponto #1.

Conclusão

Ter 404 é uma coisa natural para qualquer site. Mas aproveitar adequadamente a página 404 e converter esses visitantes 404 em clientes é a verdadeira esperteza. As técnicas discutidas ajudarão você a diminuir sua taxa de rejeição e melhorar o engajamento.