Quem atire a primeira pedra quem nunca se deparou com a mensagem de “Erro 404 — Página não encontrada” ao navegar pela internet. É algo frustrante, não é mesmo? O código de status HTTP 404 é um dos mais comuns e aparece quando determinada página não está disponível no servidor ou até mesmo quando ocorre uma falha na requisição realizada pelo usuário.
Neste artigo, exploraremos, nos mais profundos detalhes, o que é o Erro 404 e os principais motivos que levam a ele ser mostrado. Além disso, mostraremos soluções práticas para resolver o erro, proporcionando aos visitantes uma navegação mais suave e uma experiência positiva, contribuindo para acessibilidade.
Ao entender o Erro 404 e ao saber lidar com ele, você poderá melhorar consideravelmente a usabilidade de suas páginas. Acredite, o conteúdo a seguir será muito proveitoso. Por isso, orientamos ler ele por completo e aplicar as sugestões indicadas.
O que é o erro 404?
O erro 404 é um código de status HTTP que informa que a página que o usuário tentou acessar não foi encontrada no servidor. Quando alguém acessa seu site e, por algum motivo, o servidor não consegue encontrar a página solicitada, seja porque ela não existe ou teve seu endereço modificado, ele retorna o código de erro 404 para o navegador do usuário.
É comum que essa mensagem de erro seja exibida na tela dizendo: “Página não encontrada” ou “page not found”, a depender do seu tema. Há também sites que brincam com o conteúdo da página 404 para tornar o erro mais simples de ser contornado e não prejudicar tanto a experiência do usuário. Mostraremos exemplos no decorrer do artigo.
Quais as causas comuns do erro de página não encontrada?
Existem situações que comumente geram o erro 404, trataremos delas abaixo:
Digitação incorreta da URL pelo usuário
A digitação incorreta da URL pelo usuário pode causar o erro 404 porque se o endereço for digitado errado, não tem como o servidor saber qual a página correta (exceto se indicado para ele via um redirecionamento).
Por exemplo, suponha que um usuário queira visitar a seção de iPhone de uma loja fictícia chamada “lojadecelular.com.br”. Ao invés de digitar o endereço “lojadecelular.com.br/iphone”, ele, sem querer, digita “lojadecelular.com.br/iphon” (esquecendo o “e” da palavra iPhone).
O servidor, ao receber essa solicitação, não encontrará a página e, por isso, retornará o código de erro 404.
Links quebrados
Links quebrados (que não levam a lugar nenhum) ou desatualizados podem gerar o erro 404 porque esses links estão apontando para páginas que não existem mais ou foram movidas para outro local no site.
Dessa forma, quando um usuário clica em um link quebrado ou desatualizado, o servidor não consegue encontrar a página que indica à URL do link, gerando a mensagem de erro.
Por exemplo, imagine que você tem uma loja de sabonete e, dentre os produtos, possui um sabonete de lavanda no endereço “sualoja.com.br/lavanda/". Porém, você viu que esse aroma em específico não estava vendendo tanto e parou de produzir, focando em outros produtos. Por causa disso, excluiu a página de lavanda, mas um link para ela ainda permaneceu no menu principal.
Todas as vezes que um usuário clicar no link da lavanda, será mostrada uma mensagem de erro 404, já que a página do produto foi excluída.
Alterações no permalink da página, sem a criação de redirecionamentos adequados
Muitas vezes, por algum motivo, há a necessidade de alterar o link permanente da página. Quando isso é feito, ao acessar o link antigo, será apresentado o erro de página não encontrada.
Por exemplo, digamos que você tenha escrita um artigo para o seu blog sobre paternidade chamado “como educar corretamente os seus filhos”. A URL da página seria seusite.com/como-educar-corretamente-os-seus filhos/
O problema é que essa URL é longa e difícil de lembrar, dessa forma, você decide diminuí-la para seusite.com/como-educar-seus-filhos/. Muito melhor, não é mesmo? Mas todas as vezes que um usuário digitar a URL antiga, o erro será mostrado para ele.
A solução mais simples, nesse caso, é criar um redirecionamento da URL antiga para a nova, garantindo que ela estará disponível para o usuário, mesmo que tenha acessado o link anterior. Isso pode ser feito através de plugins para WordPress ou configurações no seu arquivo .htaccess.
Qual a diferença do erro 404 para os outros códigos de status HTTP?
Os códigos de status HTTP indicam o resultado de uma solicitação feita pelo navegador ao servidor web. Cada código tem um significado diferente. Para se ter uma ideia clara disso, destacaremos os códigos mais comuns e o que cada um representa:
- Erro 404 (Not Found): significa que a página daquele endereço em específico não foi encontrada no servidor.
- Código 200 (OK): mostra que a solicitação foi bem-sucedida e o servidor encontrou e retornou o conteúdo solicitado (e assim o site é mostrado ao visitante).
- Código 301 (Moved Permanently): indica que a página foi movida permanentemente para uma nova URL.
- Código 403 (Forbidden): mostra que o acesso à página foi proibido pelo servidor. Isso acontece quando o usuário não possui permissão para acessar determinada página. Isso acontece quando um usuário não logado tenta acessar parte da área administrativa do WordPress, por exemplo.
- Código 500 (Internal Server Error): mensagem de erro que informa algo ter impedido o atendimento da solicitação.
O que é uma página de erro 404?
Uma página de erro 404 é uma página projetada para lidar com o erro de página não encontrada, uma vez que ao se deparar com esse erro, o servidor tem duas opções: mostrar a mensagem de erro por conta própria ou apresentar a página de erro 404 personalizada (se ela existir).
A maioria dos temas para WordPress e sites possuem uma página dessas porque já a criaram, caso o servidor a solicite.
A importância de uma página de erro 404 personalizada
Ter uma página de erro 404 é importante porque é responsável por amenizar o erro para o usuário, indicando a ele o que aconteceu e o que pode ser feito. Para ter ideia da importância dessa página de erro, mostraremos agora a mensagem padrão de um servidor web:
A mensagem acima parece assustadora, sem especificar o que, de fato, houve para o usuário (principalmente brasileiros, já que a mensagem é em inglês, por padrão).
Em contrapartida, abaixo mostramos a mesma mensagem de erro, porém com uma página personalizada para ela.
Essa página de erro 404 é a da Pixar. Ela pede para o usuário não chorar, dando destaque a personagem que representa a tristeza do filme Divertidamente. E em seu texto faz referência ao filme, para deixar o usuário tranquilo.
Se gostou dessa página, mostraremos outras abaixo. Elas, inclusive, podem te inspirar a criar a sua.
Exemplos de página de erro 404
Abaixo estão listados outros exemplos de páginas de erro 404. Se tiver mais alguma sugestão interessante ou engraçada, compartilhe conosco para melhorarmos a lista.
A página de erro 404 - página não encontrada do Instagram é extremamente simples. Ela mantém o design padrão de sua versão desktop e informa ao usuário: “Desculpe, esta página não está disponível. O link que você seguiu pode estar corrompido ou a página pode ser sido removida. Volta para o Instagram”.
Diferente da página da Pixar mostrada anteriormente, essa do Instagram tem a vantagem de indicar um link para o usuário acesse a página principal novamente. Dessa forma, o visitante vê a ação a ser tomada e poderá seguir adiante com sua navegação.
Porta dos fundos
O Porta dos Fundos, canal brasileiro de humor no YouTube, possui também uma página bem simples. Boa parte das pessoas que se depararam com ela esperavam alguma piada ou referência aos vídeos mais famosos. Entretanto, apenas encontraram a mensagem “Está página parece estar indisponível. Ir para a home”, dando também a opção do visitante ir até a página principal.
Todoist
O Todoist, um dos melhores aplicativos de gestão de tarefas, apostou em suas já conhecidas ilustrações com a mensagem “Hmm, essa página não existe. Volte a organizar seu trabalho e sua vida ou visita nossa Central de ajuda.”, contendo um botão para voltar ao início.
Qual o impacto do erro de page not found no SEO do seu site?
Erros 404 não geram tanto problema assim em relação ao SEO (sigla que significa otimização para mecanismos de busca) do seu site, desde que os erros não sejam constantes. Afinal de contas, o Google espera que esse tipo de erro aparece minimamente em seu site.
Porém, dentre os possíveis impactos, listamos abaixo os mais relevantes:
- Perda de autoridade e tráfego: quando o Google encontra muitas páginas inexistentes, isso pode afetar sua percepção sobre a qualidade do conteúdo. Assim, o mecanismo de busca pode reduzir a classificação geral do seu site para aquela página em específico e direcionar menos tráfego.
- Links quebrados: esse tipo de link resulta em uma experiência negativa para os usuários, o que pode levar a uma diminuição da confiança nos seus links, porém apenas se forem extremamente excessivos.
- Indexação inadequada: as páginas não encontradas são normalmente rastreadas pelo Google, ocasionando uma indexação inadequada do seu conteúdo.
- Má usabilidade e experiência do usuário: Páginas 404 podem levar a uma má experiência do usuário, levando os usuários a saírem do seu site rapidamente (isso aumenta a taxa de rejeição e pode fazer o Google “acionar as bandeiras” para seu site).
O que fazer se estiver vendo o erro 404 com frequência?
Se estiver vendo a página de página não encontrada com frequência, inicialmente, se tiver o WordPress ou outro CMS instalado, veja se o erro não é devido à incompatibilidade de plugins, principalmente os de redirecionamento. É uma situação comum quando há diversas extensões dessa categoria instalados de uma só vez.
Caso contrário, pode ter sido devido a alterações na estrutura de links. Nesse caso, o ideal é identificar as páginas que estão com o erro e realizar o direcionamento correto para cada uma delas.
É importante lembrar que essa correção do erro 404 é essencial tanto para melhorar a experiência do usuário, quanto para ter maior desempenho rankings de busca para as palavras-chave do seu nicho, pois motores de busca interpretam o excesso de erros 404 como baixa qualidade do site. Sendo assim, é interessante se importar em resolver essa situação quanto antes.
Como redirecionar o erro 404 para uma página válida para o usuário?
Para redirecionar a página com erro 404 para uma válida, a solução mais rápida é via plugins como o Redirection.
Para utilizá-lo, é bem simples. Antes, recomendamos fazer uma cópia de segurança (backup).
1. Vá, no menu lateral do WordPress, em Ferramentas → Redirection. Assim que clicar no link, será enviada a tela de apresentação do plugin, escolha a opção “Redirecionamento automático”.
2. Depois, marque as duas caixas “Monitorar alterações nos links permanentes de posts e páginas do WordPress” e “Manter um registro de todos os redirecionamentos e erros 404”.
3. Na seção de API REST, clique em “Concluir configuração”.
4. Para inserir o redirecionamento, insira a URL de origem (da página antiga) e depois a URL de destino (a página que o redirecionamento levará no final). Por último, clique no botão “Adicionar redirecionamento”.
Porém, caso não utilize o WordPress, isso pode ser realizado através do código PHP abaixo que deve ser inserido no endereço da página a ser feito o redirecionamento:
<?php header ("location: http://enderecodoseusite.com.br/pagina-nova/"); ?>Conclusão
No artigo de hoje, exploramos em detalhes o significado do Erro 404 (página não encontrada) e também falamos da sua importância de resolvê-lo para cooperar para uma boa experiência do usuário durante a navegação em seu site.
Esperamos que tenha gostado bastante do conteúdo. Se tiver quaisquer dúvidas ou sugestões relativas ao assunto, até mesmo se souber de alguma outra página de erro 404 que vale a pena ser destacada, fale conosco na seção dos comentários logo abaixo.
Obrigado por ler até aqui. Nos vemos no próximo conteúdo.
