Daniele V Silva - Webdesigner, desenvolvedor front-end, programador de interfaces, Gerente de projetos web, consultora e freelancer

Taken with instagram

Taken with instagram

A importancia de páginas de erro 404 eficientes

Publicado em , por , na categoria Elementos e técnicas, Webdesign

Recentemente, eu explique a importância do carregamento rápido do site, pois você só tem 7 segundos para prender a atenção do seu usuário. Esse novo artigo, eu pretendo começar de uma forma bem parecida:

Você pode ter apenas uma chance de prender a atenção do seu visitante

Quando você faz uma busca no google por webdesigner, por exemplo, ele retorna mais de 14.000.000 resultados. Se ao clicar no primeiro link você for redirecionado para uma página não encontrada, o que parece mais provável?

1 – Você tentará incansávelmente encontrar a página perdida

2 – Você partirá para o segundo site nos resultados da pesquisa

Agora digamos que no dia seguinte, você vai ao google para fazer a mesma busca novamente, ele retorna praticamente os mesmos resultados. quais as chances de você clicar novamente no site que retornou uma página não encontrada no dia anterior?

Dessa forma acredito que fica claro:  uma vez que um visitante escolhe visitar o seu site em uma lista de milhões, você terá apenas uma chance de oferecer a informação que ele procura.

A importância das páginas de erro

Todos nós sabemos a importância da home page de um site. Nós aprendemos que ela é a porta de entrada para o seu site e onde tudo começa e que se você cometer um erro nessa página, a chance de perder o visitante é muito grande.

No entanto, devemos nos lembrar que um site não funciona como um livro ou uma revista. Ele não é linear. Quando editamos um livro, nós sabemos “teoricamente” qual será a primeira e a última página a ser vista, nós podemos controlar a ordem que o visitante recebe a informação e evitar que ele se confunda ou se canse da leitura dando os detalhes a medida que ele se aprofunda no conteúdo. Em um website o visitante pode começar a navegação a partir incluindo páginas de erro.

Além disso, nem tudo funciona perfeitamente todos os dias, e você precisa estar pronto, isso se chama Design Defensivo.

Levando em conta que, na maioria dos casos, os sites de conteúdo tem sua maior fonte de trafego originada nos sites busca, é praticamente impossível determinar quais serão as suas páginas de entrada, alguns estudos simples e softwares podem oferecer essa informação  mas ela muda de acordo com o interesse do visitante e isso é ainda mais visível em sites com grande quantidade de conteúdo, por exemplo, uma noticia antiga que não traz uma grande quantidade de trafego para o site, pode  facilmente seresquecidas, mas pode voltar a ser interessante repentinamente em um período em que um fato similar acontecer.

Se isso não foi o bastante para convencê-lo, pense nos links de referência: um outro site qualquer que mencionou aquela sua materia há muito tempo atrás, e que, por uma razão qualquer, consegue um pico de audiencia em um determinado momento, essa seria a sua melhora chance de aumentar seu trafego sem custo. Mas então essa específica página aprsenta um erro 404, e até você perceber pode ser muito tarde.

Então o que fazer?

Primeiramente é preciso entender as principais razões para que o seu visitante seja direcionado para uma página de erro e como evitá-las

Erros de digitação do visitante

Um visitante pode estar procurando uma página especifica, digitar o endereço errado (esquecer ou trocar uma letra, por exemplo, ou terminar a url com .html quando o site utiliza .htm), nesse caso ele será direcionado para a tela de erro 404, “página não encontrada“.

Para evitar esse tipo de problema, use endereços simples. Em meus artigos sobre cores, é simples saber qual é a url para cada cor, basta digitar o endereço do site seguido do nome da cor ex.: www.danielevsilva.com.br/azul.
Url muito longas além de difícil de memorizar, permitem mais possibilidades de erro, principalmente quando envolvem palavras acentuadas ou separadas por hífen ou underline.

Páginas movidas, excluídas ou com novo endereço

Algumas vezes, quando mudamos a plataforma de desenvolvimento de um site, ou quando precisamos alterar a hierarquia de links, todas as urls do site precisam ser modificadas, e pode levar meses até que os buscadores comecem a indexar as novas urls.

Para evitar esse tipo de problema, utilize os recursos de redirecionamento via .htacces, nesse caso, cada vez que o visitante tentar acessar uma URL inexistente no seu site será redirecionado para a nova página correspondente, veja como funciona.  O wordpress possui alguns plugins que facilitam esse processo.

 

É preciso ajudar o visitante a encontrar o que ele procura

Uma página de erro, não deve somente informar o problema ocorrido, mas também dar alguma solução para que o visitante encontre o que estava procurando.

Seja Educado

Mesmo que o erro não seja seu, desculpe-se.

Mas não em excesso.

Informe sobre o que aconteceu

É importante que o visitante perceba que o conteúdo que ele procura não está naquela página. Pode parecer obvio dizer isso, mas em alguns casos, uma página de erro com muita informações pode levar o visitante a pensar que o link que o levou até aquela página foi uma enganação e não um erro. Isso acontece facilmente quando o site possui conteúdo muito variado, o visitante encontra uma página de erro com resumo das ultimas materias publicadas e elas não tem qualquer relação com o assunto que ele estava procurando. É possível imaginar que o link que o levou aquela página era falso (coisa que acontece muito já que empresas compram espaços para colocar links em palavras muito procuradas independente de ter relação direta com o assunto)  e isso prejudica a imagem.

Antes de tudo, deixe claro que aconteceu algum erro,  que aquele conteudo deve estar em algum lugar e ajude-o a encontrar.

Indique qual caminho o visitante deve seguir

Não basta dizer que o visitante igitou alguma coisa errada e que deve procurar o erro e corrigir tao pouco dizer que ele deve procurar melhor em alguma outra parte do site.

Se o visitante encontrou a página de erro vindo de um link de outro site, a página de erro pode ser o primeiro contato que ele terá com o seu site. Nesse caso, ele pode não saber do que se trata, se é uma empresa, um site de noticias, um blog, isso pode não ficar claro no layout, então não espere que o visitante encontre, a primeira vista, aquilo que estava procurando. Muitas vezes, mesmo que ele veja o menu do site, ou uma lista com as categorias que você costuma falar, elas podem possuir mais de um significado, que na interpretação contextual dessa pessoa pode se tornar desinteressante.

Explique que essa é uma tela de erro conforme disse antes, que o site/blog/loja virtual, oferece determinado tipo de conteudo nas áreas x e y e que se ele não encontrou o que procurava pode apelar para a página inicial (se ela realmente oferece informação relevante), mapa do site (no caso de haver um), busca interna, links mais procurados ou relevantes para o artigo que ela estaa procurando, etc.

Mas atenção: ainda que essas informações (busca, mapa do site, links relevantes etc) estejam visiveis na tela, é importante citá-los no texto para garantir que o visitante irá percebe-los.

Ex. “Não encontrou o que procurava? Verifique o mapa do site (que poder ter um link) no final dessa página ou utilize o campo de busca ao lado .”.

Links para artigos relacionados

Essa prática pode ser adotada inclusive nas páginas dos artigos.

Existem meios de identificar através do texto url do site quais palavras foram escritas e com isso mostrar outras opções de conteúdo que tratam do mesmo assunto.

Inserir uma caixa de busca

Eu ainda pretendo criar um artigo inteiro sobre a importancia de ter uma ferramenta de busca interna eficiente, porque esse assunto é tão importante quanto longo.

Mas nesse momento acho que posso simplificar: se nada mais funcionou, se o visitante aina não sabe onde está, ou como encontrar o que está procurando, apresente-o um formulário de busca.

O bom é ter o campo de busca visível em todas as páginas do site, mas nesse caso especifico é impressindível.

Mas porque eu sugiro a busca como ultima opção?

Através da sugestão, é possível ORIENTAR a navegação de um visitante na página. Sabemos que quando se encontra um problema, usualmente a opção que mostramos primeiro é aquela que ele vai tentar primeiro. e de todas as opções que temos, a busca é aquela em que temos o menor controle. O vistante que cometeu um erro digitando no endereço uma palavra complexa com grafia errada, pode cometer o mesmo erro na busca e por isso não receber nenhum resultado. Ou pode digitar termos que, somados, também não apresentam resultados ou apresentam muitos opção não totalmente relevantes, por exemplo, enquanto você escreveu um artigo sobre “como plantar flores’, ele pode buscar por algo como “cuidado com plantas”.

Se você possui uma forma de identificar pelo endereço da url, o que esse visitante estava procurando, tente mostrar automaticamente  resultados de conteúdo que existam e correspondam aquele assunto.

Uma busca com auto-sugestão baseada no conteúdo do site também pode resolver o problema, mas não é tão simples de implementar.

Notificar o erro ao responsável

Essa é uma situação controversa. Não é de responsabilidade do visitante identificar e notificar o erro. Hoje existem ferramentas específicas para isso, o próprio google analytics fornece esse tipo de informação, então está correto pedir ao visitante para avisá-lo sobre o problema?

Do meu ponto de vista, isso causa uma aparência de descuido, como se o responsável estivesse abrindo mão do problema esperando que o visitante tome alguma atitude, e o que ocorre raramente. Eu mesmo, nunca recebi uma notificação de erro vinda de um visitante em nenhum dos projetos que eu já trabalhei, nem mesmo portais de notícia que tem um número gigantesco de páginas e links de referência.

Por outro lado, inserir uma opção de contato de forma discreta com uma solicitação educada de ajuda, não incomoda ninguém, e quando bem feita pode ter o efeito contrário demonstrando preocupação em resolver os problemas. Mas lembrem-se do feedback, principalmente em sites grandes, se você abre um canal de comunicação com o usuario, esse visitante deve receber uma resposta adequada, se você não possui essa estrutura/tempo não cometa esse erro.

Curiosidades:

Falsa etimologia(ou não)

Circula na internet uma lenda urbana curiosa sobre a origem da expressão. Sua origem remontaria aos escritórios do CERN – Laboratório Europeu de Partículas Físicas -, com sede em Genebra, na Suíça. Nos primórdios da Web, por volta de 1980, no quarto andar do CERN, na sala 404, teria sido montado um banco de dados, controlado por três peritos em computação.

De acordo com a lenda, eles gerenciavam manualmente os pedidos de arquivos e os transferiam para os requisitantes. Quando aconteciam erros, eles alertavam: “Room 404 – File Not Found”. Mais tarde, a expressão teria sido incorporada ao mundo online pelo físico inglês Tim Berners-Lee, o criador da Web (wikipedia).

A grande sacada

No ano de 2000, percebendo que os sites davam pouca importância para as páginas de erro, a Heineken passou a comprar por quantias irrisórias as páginas de erro de diversos sites holandeses para promover uma de suas cervejas, a Murphys. Quando um internauta encontrava uma página de erro em um destes sites, apresentava–se uma página da promoção da cerveja com um link apontando para a promoção dentro do site da própria Heineken.

A campanha fez o maior sucesso, e merece ser considerada um grande case de webvertising. Na época ninguém pensava em vender suas páginas de erro, com isso a Heineken conseguiu montar uma campanha muito barata. Ao mesmo tempo, o internauta se deparava com uma recompensa (a página oferecia um copo de cerveja para quem se inscrevesse na promoção) num lugar um tanto quanto inusitado, uma página de erro (Webinsider).

 

Links

Quatro passos para criar uma página de erro 404 personalizada - WordPress

The 404 Research Lab -Doretório de informações sobre erros 404, com galeria e artigos

Exemplos de Uso

Leave a Reply