Porque todos os websites precisam de uma página 404 personalizada

Escrito por
Elena Demianenko
Nov 01, 2021
13 min read

Os visitantes geralmente veem uma página 404 depois de clicar em um URL inexistente. Informa aos usuários que falta a página que procuram.

Pode parecer claro e simples, mas, na verdade, muitas coisas podem dar errado quando se trata de criar uma página 404 adequada. Vamos descobrir quais erros os webmasters e desenvolvedores cometem ao configurar uma página 404.

Porque os visitantes vêm uma página 404

Uma página 404 é o código de resposta padrão HTTP que indica que um usuário acessou uma página inexistente porque clicou em um link quebrado, digitou incorretamente um URL ou porque a página foi excluída.

Nesses casos, o usuário geralmente vê uma das mensagens padrão:

  • 404 não encontrado
  • Erro 404
  • HTTP 404 não encontrado
  • A página não pode ser encontrada
  • O URL solicitado não foi encontrado neste servidor

No entanto, existe outra opção. Em vez das mensagens padrão, um usuário pode ver uma página bem projetada com elementos de navegação personalizados. Este cenário é muito melhor, e mais tarde explicaremos o porquê. Enquanto isso, vamos descobrir por que um usuário vê uma página 404:

  • Links de entrada quebrados. Digamos que você tenha uma página com planos de assinatura semelhante a https://seranking.com/assinatura.html. Se adicionarmos uma letra “s” à palavra “assinatura”, o link levará a uma página não existente https://seranking.com/assinaturas.html.
  • Links internos incorretos em seu site. Por exemplo, um webmaster ou gerente de conteúdo esqueceu de adicionar “.html” ao URL https://seranking.com/assinatura.html. Se os usuários seguirem o link https://seranking.com/assinatura, eles verão uma página 404.
  • Erros do usuário. Um usuário pode digitar um URL incorreto na barra de endereço.
  • Conteúdo oculto. Quando os usuários tentam acessar partes ocultas de conteúdo em um site, eles também são redirecionados para uma página 404.
  • Páginas excluídas. Finalmente, você poderia ter excluído uma página do seu site e alguém tentaria acessá-la a partir de favoritos salvos ou seguindo um link em outro site. Embora não haja nada de errado em ter essas páginas 404 no site, os webmasters devem mantê-las sob controle para se certificar de que todas as páginas removidas foram excluídas propositalmente. Você pode encontrar todas as páginas 404 de um site e corrigir possíveis erros durante uma auditoria do site.

Depois de saber o motivo das 404 páginas, eis o que você pode fazer a respeito:

  1. Minimize a chance de exibir uma página 404 para um visitante. Obviamente, você não pode fazer os usuários inserirem um endereço URL corretamente. Ainda assim, você pode consertar os links internos quebrados, bem como links de entrada quebrados.
  2. Se um usuário acabar vendo uma página 404, você deve verificar se ela está bem pensada. Assim, você pode minimizar danos à reputação e à usabilidade.

Uma boa, e uma má página 404

Não importa o quanto você tente consertar todos os erros, os usuários ocasionalmente esbarrarão na sua página 404 por um motivo ou outro. É por isso que seu principal objetivo é fornecer ao usuário uma experiência bastante agradável.

Primeiro, vamos dar uma olhada nas recomendações do Google para criar as páginas 404 certas:

  • Notifique os usuários de forma educada de que a página solicitada não está disponível.
  • Crie uma página 404 da mesma forma que as outras páginas do site. Os elementos de navegação também devem ter a mesma aparência.
  • Vincule sua página 404 aos artigos ou seções de comentários mais populares, bem como à página principal.
  • Fornece aos usuários a oportunidade de relatar links quebrados.
  • Mesmo que sua página 404 seja útil e tenha uma ótima aparência, você não quer que ela apareça nos resultados de pesquisa do Google. Certifique-se de que o servidor da web retorne um código de status HTTP 404 real quando uma página ausente for solicitada. É necessário evitar que tais páginas sejam indexadas pelos motores de busca.

Vamos dar uma olhada em cada uma dessas recomendações com mais detalhes. O exemplo clássico é uma página de erro do servidor que não tem design e, o que é pior, não ajuda os visitantes a navegar para uma página válida.

standard 404 page

Ninguém fica feliz em ver essas páginas. E se você estivesse tentando encontrar um produto e clicar em um link esperando encontrar as informações necessárias apenas para ver uma página 404? A maioria dos usuários ficaria irritada e simplesmente deixaria seu site para procurar em outro lugar. Em outras palavras, você afastará muitos clientes em potencial para sua marca. Estudos também mostram que páginas de erro 404 simples definitivamente não são a melhor solução, porque os usuários hoje em dia são estragados e tomam decisões rápidas.

Finalmente, isso é exatamente o oposto do que o Google recomenda. Depois de perceber que a página necessária não foi encontrada, os usuários não são incentivados a procurar mais em seu site. É por isso que seu principal objetivo é transformar esse erro em algo bonito.

Então, o que é uma página 404 incrível? O Google o descreve da seguinte maneira:

  1. Uma página 404 deve ser semelhante às outras páginas do site, exceto pelo conteúdo textual. E isso faz sentido porque o principal objetivo desta página é informar aos usuários que mesmo quando a página está faltando, eles ainda estão no mesmo site e tudo vai ficar bem. Os visitantes devem ver as cores, logotipo, menu e elementos de navegação familiares.
  2. Adicione um bloco de navegação com links para suas categorias mais vendidas ou as mais populares para fazer o usuário permanecer no site.
  1. Apresenta uma barra de pesquisa. Há uma chance de que os visitantes o usem, insiram uma solicitação mais relevante e encontrem exatamente o que precisam.
404 search bar
  1. Adicione um formulário de contato para permitir que os usuários notifiquem você sobre o problema e relatem um link quebrado. Dessa forma, você pode se comunicar de forma eficaz com os usuários, melhorar a qualidade do seu site e até encontrar erros ocultos.
  1. Livre-se da barra de rolagem. É importante ajustar a página da web exatamente como o tamanho da tela, sem rolar.
  1. Se uma página 404 for exibida devido a uma solicitação de autorização, você deve fornecer o formulário de login na página.

No entanto, há algo mais. Ao criar uma página 404 brilhante, você pode transformar a situação a seu favor e se tornar viral – as pessoas podem compartilhar sua obra-prima e esquecer todas as emoções negativas associadas a páginas inexistentes. Você pode encontrar exemplos de excelentes páginas temáticas aqui ou apenas pesquisar as “melhores páginas 404”.

Esses caras realmente fizeram um ótimo trabalho, pois isso é algo que as pessoas querem compartilhar nas redes sociais.

O que não fazer em páginas 404

A falta de informação no 404 não é o único problema com as páginas de erro. Existem alguns outros erros comuns a serem evitados.

Redirecionar para a Página Principal

Uma página 404 ainda é uma página 404, portanto, você não deve configurar um redirecionamento a partir desta página. As únicas exceções são os casos que descrevemos acima. O rastreador da Web deve entender que a página não foi encontrada (no caso do código de status 404) ou excluída (no caso do código de status 410). Saiba mais sobre os códigos de status de resposta HTTP aqui.

Portanto, você não deve redirecionar os usuários para uma página irrelevante, como a página inicial. John Mueller, o defensor de pesquisa do Google, afirmou o mesmo em um de seus tweets:

Você ainda pode encontrar plug-ins do WordPress que redirecionam páginas inexistentes para a página principal, mas desaconselhamos seu uso.

Podemos mencionar apenas uma situação em que esses redirecionamentos são razoáveis ​​- são redirecionamentos para outras páginas semelhantes que resolvem o mesmo problema de um usuário.

Outros códigos de Estado HTTP para páginas com erros

De acordo com a Central de Pesquisa do Google, há apenas um código de status de resposta HTTP para uma página inexistente, e esse código é 404. Muitas vezes, os webmasters fazem intencionalmente uma página 404 personalizada enviar um código de status 200 quando deveria retornar 404.

O código de status 200 indica que a solicitação foi bem-sucedida, mas não há resultado. É por isso que veicular um código de status 200 na página não encontrado para rastreadores não é uma boa ideia e pode levar a consequências negativas:

  • O código de status 200 permite que os robôs digitalizem e indexem a página se não houver outras limitações;
  • A página não está marcada como inexistente e, portanto, não está bloqueada para rastreamento. 

É por isso que você precisa monitorar os códigos de resposta dos servidores. Você pode fazer isso com a ajuda da ferramenta de auditoria de site do SE Ranking. Na seção “Análise de página”, você pode ver quantas páginas 404 estão em seu site. Na seção “Páginas rastreadas”, você pode filtrar as páginas necessárias por códigos de status de resposta HTTP.

HTTP status codes key takeaways:

  • Depois de encontrar um erro 404, um rastreador da web continuará visitando a página por um tempo. Ele pressupõe que a resposta de erro foi exibida acidentalmente e a página estará de volta. Eventualmente, um bot entenderá que a página não existe e a removerá do índice.
  • As páginas podem ser excluídas mais rapidamente se um código de status 410 for usado. No entanto, isso geralmente não é grande coisa para webmasters, então eles tendem a usar um código 404.
  • O código de status 200 mostra que a solicitação foi bem-sucedida e a página existe.
  • Quando um navegador exibe uma mensagem 200 quando tecnicamente a página não existe, a página pode ser sinalizada como um Soft 404. Você pode ler mais sobre o Soft 404 na Central de Ajuda do Google. Aqui, John Mueller também explica por que as páginas podem se tornar soft 404s.
  • O código 301 (movido permanentemente) mostra que o URL não existente foi redirecionado para um novo URL permanente.

Então, vamos resumir. O que você deve fazer para evitar problemas com páginas 404? Basta criar uma página 404 incrível que irá entregar o código de resposta 404 e fornecer aos usuários todas as opções necessárias para mantê-los no local.

Subscreva ao nosso Blog!

Subscreva à nossa newsletter e resumos para ter novidades, artigos de especialistas e dicas de SEO na sua caixa de correio.

Obrigado!
Subscreveu com sucesso ao nosso blog!
Por favor verifique o seu email para confirmar a subscrição.