Projetando páginas 404 intuitivas e fáceis de usar
Publicados: 2019-10-16Todos nós já interagimos com uma página 404 em algum momento.
Essas páginas aparecem quando o link é quebrado, uma página é excluída ou quando o usuário digitou 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 SEO do seu site é incrivelmente importante para que você não perca 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 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 a transformar o mal em bem? 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 de um wakener, não é?
A página 404 não deve parecer uma surpresa desagradável, por isso é tão importante manter seu design igual ao layout geral do site.
Para isso, mantenha a aparência da página 404 igual à aparência das outras páginas, incluindo plano de fundo, cores, fontes e outros elementos (se aplicável). Além disso, muitos sites usam a página 404 como uma oportunidade para enfatizar a marca e lembrar os usuários sobre ela 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 observarmos 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 está quebrada.
Obviamente, você não precisa listar todos os problemas mencionados acima. Apenas certifique-se de que sua explicação é compreensível.
Ao ser honesto sobre o problema, você conquistará os usuários e os incentivará a permanecer no site e continuar navegando nele.
Crie uma mensagem envolvente
A página 404 é a chance perfeita para a marca mostrar sua identidade por meio de uma mensagem bem elaborada.
Os melhores exemplos de 404 páginas 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 para sua própria vantagem, 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 tomada
Um call-to-action é 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 zero opções. 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
- inscreva-se para um produto ou um boletim informativo
- 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”, escolha algo mais criativo (“Veja o que temos”).
Um usuário acessou a 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 está em lugar algum... 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 obtém melhor engajamento do que uma vazia.
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 navegar 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.
Se você é uma loja de comércio eletrônico, por exemplo, você 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.
Divirta-se
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 é sua tarefa 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.
Um erro 404 pode não estar necessariamente em seu site – um cliente pode abrir um boletim informativo antigo e seguir o link ou ele pode aparecer nos resultados de pesquisa no Google.
Portanto, quando você escolher uma ferramenta para monitoramento de erros, verifique se ela procura erros 404 em todos os lugares para que você possa corrigi-los.
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 permita saber 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.
Um erro 404 não é algo que acontece regularmente. Pode acontecer que você esteja indo perfeitamente bem e, de repente, um usuário receba 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 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 dissemos 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 deixado despercebido.
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 é realmente útil para o seu SEO, pois você pode eliminar os links 404 e melhorar o ranking do seu site.
Mas, novamente, assim como as ferramentas de rastreamento, as ferramentas de rastreamento de backlinks cobrem apenas um aspecto da identificação dos links quebrados. Se você quiser encontrar todos os links de erro 404, incluindo aqueles nos boletins antigos ou nas mídias sociais, precisará de uma análise mais abrangente.
Uma das maneiras mais comuns e eficientes de rastrear o erro de 404 páginas é 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. Apenas 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 de boa aparência com antecedência do que corrigir o problema freneticamente 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:
- Introduzir relatórios 404 automatizados e regulares para ficar de olho nas páginas 404 e corrigi-las em tempo hábil,
- Configure notificações em tempo real no 404,
- Execute uma auditoria para identificar quaisquer links quebrados.
Em suma, uma página 404 fácil de usar deve agregar valor ao usuário, ser consistente em termos de design geral do site e ajudar a navegar no site. Ao seguir essas regras, você manterá os usuários e, ao mesmo tempo, aumentará suas conversões.