Projetando páginas 404 intuitivas e fáceis de usar
Todos nós já interagimos com uma página 404 em algum momento.
Essas páginas aparecem quando o link é interrompido, uma página é excluída ou quando o usuário digita incorretamente o endereço da página. Mas seja qual for o motivo, continua sendo um erro que precisa ser corrigido. Além disso, links quebrados prejudicam a classificação do seu site e não é disso que você precisa. O aspecto de SEO do seu site é incrivelmente importante, então você não quer perder o tráfego só porque esqueceu de ficar de olho nas notificações 404.
Embora esteja claro que as páginas 404 precisam ser corrigidas o mais rápido possível, você nunca pode realmente prever quando o usuário encontra um link quebrado. Portanto, para estar pronto e transformar a experiência negativa em positiva, você precisa personalizar suas páginas 404 e torná-las fáceis de usar e intuitivas.
Pronto para aprender como transformar o ruim em bom? Vamos descobrir.
Personalize a página 404 do seu site
Imagine que você está navegando em um site incrivelmente colorido e atraente com muitos elementos interativos e de repente se depara com uma página em branco com a mensagem "404 página não encontrada".
Um pouco despertador, não é?
A página 404 não deve aparecer como uma surpresa desagradável, por isso é tão importante manter seu design igual ao layout geral do site.
Para isso, mantenha o visual da página 404 igual ao das demais páginas, incluindo fundo, cores, fontes e outros elementos (se aplicável). Além disso, muitos sites aproveitam a página 404 como uma oportunidade para enfatizar a marca e lembrar os usuários mais uma vez.
Ao criar uma página 404 para o seu site, preste atenção à mensagem. Uma mensagem bem elaborada é uma boa oportunidade para incluir um trocadilho inteligente ou lembrar os usuários sobre seus produtos/serviços de maneira discreta.
Explique o que aconteceu
Se olharmos para a página 404 padrão no Apache, veremos o seguinte:
E é isso. O usuário não tem ideia do que realmente aconteceu e o que fazer a seguir.
Como você se preocupa com seus clientes e deseja descartar qualquer experiência desagradável, forneça uma explicação para o erro. As principais razões para 404 são geralmente:
- O usuário digitou algo errado,
- O link está quebrado,
- A página não existe,
- A conexão com o servidor foi interrompida.
Obviamente, você não precisa listar todos os problemas mencionados acima. Apenas certifique-se de que sua explicação seja compreensível.
Ao ser honesto sobre o problema, você vai conquistar os usuários e incentivá-los a permanecer no site e continuar navegando nele.
Crie uma mensagem envolvente
A página 404 é a oportunidade perfeita para a marca mostrar sua identidade por meio de uma mensagem bem elaborada.
Os melhores exemplos de páginas 404 geralmente apresentam:
- trocadilhos
- Mensagem relacionada aos produtos ou serviços do site
- apelo pessoal,
- Referências à cultura pop e eventos reconhecíveis.
Como a página 404 é um erro por padrão, você precisa transformá-la em algo completamente oposto, também conhecido como uma experiência positiva e divertida.
O GitHub fez um trabalho brilhante em termos de design de sua página 404. Ele usou o estereótipo sobre os desenvolvedores e seu amor pela saga “Star Wars" e o usou em seu próprio benefício, tornando os elementos visuais e a mensagem da página instantaneamente reconhecíveis, mesmo por aquelas pessoas que não assistiram a nenhum filme de Star Wars.
Ofereça uma ação a ser executada
Uma frase de chamariz é realmente importante e é uma necessidade absoluta para um design de 404 páginas.
Um usuário nunca deve ficar com uma página em branco e nenhuma escolha. Portanto, mesmo que algo como 404 aconteça, ofereça uma alternativa que leve a um benefício mútuo.
Alguns dos CTAs mais populares para a página 404 são:
- uma barra de pesquisa
- pagina inicial
- principais produtos/serviços
- inscrever-se em um produto ou newsletter
- uma oferta de teste gratuito
Preste atenção ao design dos botões CTA. Eles devem ser facilmente identificados e não devem se misturar com o fundo, caso contrário, o usuário não os notará. Além disso, pense na mensagem do botão CTA: em vez de clichês como “Clique aqui”, use algo mais criativo (“Veja o que temos”).
Adicionar uma barra de pesquisa
Um usuário chegou à página 404 porque pesquisou algo. Portanto, ofereça a eles a opção de tentar novamente adicionando uma barra de pesquisa à página.
Você pode apoiá-lo com uma mensagem como: “Parece que sua consulta não foi encontrada em lugar nenhum… Por que não tentar novamente?” CTAs bem escritos têm uma alta taxa de engajamento e funcionam bem em conjunto com imagens.
Além disso, adicione um texto de dica à barra de pesquisa. Uma barra com um texto consegue um engajamento melhor do que uma vazia.
Adicionar pontos de saída
Uma barra de pesquisa na página 404 não é suficiente. E se os usuários não tiverem certeza do que precisam?
Adicione “Página inicial” ou qualquer outro botão relevante para levar o usuário de uma página 404 para uma possível conversão. Além disso, você pode adicionar um botão “Fale conosco” para aumentar a confiabilidade.
Algumas empresas usam a página 404 como uma oportunidade para lembrar sobre seus produtos e serviços e colocar os links correspondentes na página.
Mostre seus produtos/serviços
Se você é uma loja de comércio eletrônico, por exemplo, pode colocar seus produtos mais vendidos na página 404 para dar aos usuários a chance de descobrir seus melhores produtos e (espero!) comprá-los.
Quanto aos outros sites, com certeza você pode oferecer algo valioso para seus usuários. Pode ser uma avaliação gratuita de um produto, uma oferta para se inscrever em um curso ou um guia para áreas úteis do site.
Torná-lo divertido
Como já dissemos acima, a página 404 é uma experiência negativa porque o usuário não obteve o resultado pretendido. Para resolver o problema, torne a página interativa ou adicione um elemento divertido a ela.
Mesmo se você se posicionar como uma marca altamente profissional, um pouco de humor não fará mal. Além disso, muitas empresas adicionam gamificação e vídeos à sua página 404 para envolver o usuário e mantê-lo entretido.
Rastreando o erro 404
O erro 404 não é da conta do usuário. Mas cabe a você rastreá-lo e identificar a causa do erro e a jornada do usuário.
Há algumas coisas a serem lembradas ao escolher uma ferramenta para rastreamento de erros 404.
Considere todas as 404 fontes de erro
Um erro 404 pode não estar necessariamente no seu site – um cliente pode abrir um boletim antigo e seguir o link ou pode aparecer nos resultados de pesquisa do Google.
Portanto, quando você escolher uma ferramenta para monitoramento de erros, verifique novamente se ela procura erros 404 em todos os lugares para que você possa corrigi-los.
Relatório sobre o custo do erro 404
Como proprietário de um site, você provavelmente tem um milhão de coisas para fazer e corrigir erros 404 pode não estar no topo da sua lista.
É por isso que você precisa de uma ferramenta que informe quanto custam seus erros 404. E não estamos falando de dinheiro aqui – pode ser uma porcentagem de conversões perdidas, aumento da taxa de rejeição, número de usuários perdidos.
Depois de ver como os erros 404 afetam seus negócios, será mais fácil priorizar suas tarefas e mover os erros 404 para cima ou para baixo na lista.
Monitoramento constante
Um erro 404 não é algo que acontece regularmente. Pode acontecer que você esteja indo perfeitamente bem e, de repente, um usuário recebe um 404.
É por isso que sua ferramenta de rastreamento deve monitorar os erros 404 constantemente e notificá-lo imediatamente ao encontrar um. Dessa forma, você poderá corrigi-lo em tempo hábil e eliminar o risco de outros usuários tropeçarem na página 404.
Tipos de ferramentas de rastreamento
Existem diferentes tipos de ferramentas de rastreamento disponíveis que ajudarão você a identificar o erro 404 e corrigi-lo com sucesso.
Ferramentas de rastreamento
Ferramentas de rastreamento como o Screaming Frog são perfeitas para escanear rapidamente seu site e verificar se há links quebrados.
Essas ferramentas analisam os links do seu site e informam quais estão quebrados e qual é a origem do erro. Além disso, as ferramentas de rastreamento geralmente são fáceis de gerenciar e instalar.
A maior falha dessas ferramentas é que elas analisam apenas os links do seu site – e lembra o que falamos sobre a importância da análise avançada? Além disso, as ferramentas de rastreamento não informam o custo de um erro 404, mas apenas ajudam a identificá-lo.
Uma ferramenta de rastreamento é definitivamente útil e você deve implantá-la regularmente apenas para garantir que tudo esteja bem com sua loja. No entanto, não se esqueça de realizar análises regulares e avançadas para garantir que não haja outros erros que você possa ter passado despercebidos.
Ferramentas de backlink
Ao contrário das ferramentas de rastreamento, as ferramentas de backlink se concentram em fontes externas que levam os usuários aos links quebrados em seu site.
O Link Explorer da Moz é uma das ferramentas que ajudam você a encontrar os sites que estão levando os usuários ao seu site. Essa análise é muito útil para o seu SEO, pois você pode eliminar os links 404 e melhorar a classificação do seu site.
Mas, novamente, assim como nas ferramentas de rastreamento, as ferramentas de rastreamento de backlink cobrem apenas um aspecto da identificação dos links quebrados. Se você quiser encontrar todos os links de erro 404, incluindo aqueles em boletins antigos ou nas mídias sociais, precisará de uma análise mais abrangente.
Acompanhamento com Google Analytics
Uma das formas mais comuns e eficientes de rastrear o erro de página 404 é com o Google Analytics.
Para isso, você precisará copiar este código:
<script>
// Create Tracker - Send to GA
// Replace UA-11111111-11 with your own Tracking ID
ga('create', 'UA-11111111-11');
ga('send', {
hitType: 'event',
eventCategory: '404 Response',
eventAction: window.location.href,
eventLabel: document.referrer
});
</script>e adicione-o à página/modelo de erro 404. Lembre-se de colar o ID da sua conta do Google no código.
Depois disso, você poderá ver quais URLs exatos causam o erro 404 e onde as pessoas os obtêm.
E finalmente: corrija o problema!
Acidentes vão acontecer e isso é um fato. É melhor ter uma página 404 bonita com antecedência do que corrigir freneticamente o problema enquanto os usuários irritados estão esperando.
No entanto, 404 é um erro e precisa ser corrigido. Dependendo da prioridade do erro, você pode redirecionar o link, restaurar a página ou corrigir o link de origem. Além disso, faça o seguinte:
- Introduza relatórios 404 automatizados e regulares para ficar de olho nas páginas 404 e corrigi-las oportunamente,
- Configure notificações em tempo real em 404,
- Realize uma auditoria para identificar links quebrados.
Em suma, uma página 404 amigável deve agregar valor ao usuário, ser consistente em termos de design geral do site e ajudar a navegar no site. Seguindo essas regras, você irá reter os usuários e ao mesmo tempo aumentar suas conversões.