Por que todo site precisa de uma página 404
Técnicas eficazes para criar uma página de erro personalizada e os melhores exemplos do Tilda e da Web
Ninguém gosta de cair em uma página de erro. Uma página de erro 404 Not Found inesperada pode ser frustrante e, às vezes, até fazer com que as pessoas abandonem seu site. Mas aqui está a boa notícia: Uma página 404 personalizada e bem projetada pode transformar esse momento de frustração em uma experiência positiva e amigável para o usuário. A seguir, mostraremos como, com exemplos reais.
A 404 page indicates a failed attempt to access something on the web—usually due to a broken link, a dead link, a typo in the address, or an outdated page that no longer exists.
A 404 page may seem like something negative, but it's actually a crucial part of good UI. It provides an opportunity to guide users back on track, maintain engagement, and offer helpful navigation options, ensuring a seamless user experience even when something goes wrong.
If you've ever wondered how to create a 404 page for your website, this guide is for you.
A 404 page may seem like something negative, but it's actually a crucial part of good UI. It provides an opportunity to guide users back on track, maintain engagement, and offer helpful navigation options, ensuring a seamless user experience even when something goes wrong.
If you've ever wondered how to create a 404 page for your website, this guide is for you.
Por que você precisa de uma página 404
Embora não seja possível prever todos os possíveis erros que os usuários cometem, você certamente pode se preparar para eles.
Veja por que ter um design de página 404 personalizado é essencial para qualquer site:
1
Erros acontecem
Nem mesmo o site mais fácil de usar pode impedir que as pessoas digitem um endereço errado ou cliquem em um link desatualizado. Sem uma página de erro personalizada útil, os visitantes podem abandonar seu site, o que leva à perda de conversões.
Nem mesmo o site mais fácil de usar pode impedir que as pessoas digitem um endereço errado ou cliquem em um link desatualizado. Sem uma página de erro personalizada útil, os visitantes podem abandonar seu site, o que leva à perda de conversões.
2
Sites maiores, problemas maiores
À medida que seu site cresce, você otimiza os URLs para otimização de mecanismos de pesquisa (SEO), remove conteúdo antigo ou reestrutura páginas - gerando links quebrados e erros de redirecionamento. Uma página 404 pode mostrar aos usuários o caminho de volta e reduzir sua taxa de rejeição.
À medida que seu site cresce, você otimiza os URLs para otimização de mecanismos de pesquisa (SEO), remove conteúdo antigo ou reestrutura páginas - gerando links quebrados e erros de redirecionamento. Uma página 404 pode mostrar aos usuários o caminho de volta e reduzir sua taxa de rejeição.
3
Experiência do usuário e SEO
Quando as pessoas chegam a uma página de erro simples, sem ter para onde ir, elas provavelmente sairão, prejudicando sua classificação e as métricas do usuário. Os mecanismos de pesquisa percebem os erros de rastreamento e penalizam os sites com excesso de links quebrados. Ao personalizar sua página 404, você ajuda na usabilidade e na otimização dos mecanismos de pesquisa.
Quando as pessoas chegam a uma página de erro simples, sem ter para onde ir, elas provavelmente sairão, prejudicando sua classificação e as métricas do usuário. Os mecanismos de pesquisa percebem os erros de rastreamento e penalizam os sites com excesso de links quebrados. Ao personalizar sua página 404, você ajuda na usabilidade e na otimização dos mecanismos de pesquisa.
Em resumo, uma página 404 personalizada e bem projetada mostra aos visitantes que você valoriza a experiência deles, mesmo quando algo dá errado.
Práticas recomendadas para criar uma página de erro personalizada: O que lembrar
1
Explicar o que aconteceu
Informe às pessoas por que elas podem estar vendo a página de erro 404 Not Found - seja um endereço errado ou um link que não existe mais. Sempre forneça um caminho claro de volta à sua página inicial ou à navegação principal.
2
Entreter ou envolver
Um humor leve, uma ilustração atraente ou um vídeo curto podem transformar um momento frustrante em algo memorável, ajudando a reduzir a taxa de rejeição e mantendo os visitantes em seu site.
nomophobia.us
O tom de sua página de erro depende da identidade de sua marca, mas adicionar um pouco de humor nunca é demais.
3
Traga os usuários de volta
Embora os elementos divertidos sejam importantes, lembre-se do objetivo principal: guiar as pessoas de volta ao seu site. Adicione chamadas claras para ação, links para seções populares ou um botão proeminente "Ir para a página inicial".
4
Manter a consistência da marca
Mesmo que seja uma página de erro 404, ela ainda faz parte de seu design geral. Use as mesmas cores, fontes e tom de voz da marca para obter uma experiência perfeita e fácil de usar.
5
Prevenir erros futuros
Nenhum site é perfeito, mas você pode minimizar os problemas verificando e corrigindo regularmente os links quebrados. Ferramentas como o Google Search Console destacam os links inativos, permitindo que você os resolva mais rapidamente e reduza a taxa de rejeição.
Como criar uma página de erro 404 no Tilda
1
Crie uma nova página
Crie uma página dedicada para sua página 404 no Tilda.
Crie uma página dedicada para sua página 404 no Tilda.
2
Crie seu layout
Inclua uma mensagem de erro amigável, alguns elementos visuais divertidos e um link para sua página inicial (ou uma barra de pesquisa, se preferir).
Inclua uma mensagem de erro amigável, alguns elementos visuais divertidos e um link para sua página inicial (ou uma barra de pesquisa, se preferir).
3
Publique
Depois de finalizar seu conteúdo, publique a página.
Depois de finalizar seu conteúdo, publique a página.
4
Atualizar as configurações 404
Acesse Site Settings → More → 404 Page e selecione a página que você acabou de criar. Em seguida, clique em Save changes (Salvar alterações).
Acesse Site Settings → More → 404 Page e selecione a página que você acabou de criar. Em seguida, clique em Save changes (Salvar alterações).
Importante:
- Não use /404 como URL - a página 404 padrão doilda substituirá automaticamente a sua.
- Certifique-se de republicar todas as páginas para que sua nova página 404 personalizada seja publicada.
O que incluir em uma página 404 personalizada
Explique como alguém pode ter ido parar nessa página de erro e dê a ele uma saída fácil: Um link para sua página inicial, um menu de navegação claro ou uma caixa de pesquisa.
Quais blocos usar em uma página 404 personalizada?
Isso depende de seus objetivos. Um único bloco com um título e uma imagem rápidos funciona muito bem, mas se você realmente quiser se destacar, considere a possibilidade de usar um vídeo. Para ter mais liberdade criativa, use o Zero Block. Se o seu site tiver um cabeçalho persistente, você já tem uma navegação integrada.
Se você ainda não conhece as soluções sem código, use este código promocional exclusivo para obter um mês do Tilda Personal Plan em vez da avaliação padrão de duas semanas.
Consulte as instruções sobre como ativá-lo
Primeiro, faça um esboço de um protótipo de sua página 404. Você pode encontrar inspiração pesquisando exemplos - por exemplo, confira a galeria #madeontilda. Em seguida, escreva seu texto e selecione uma imagem. Depois disso, escolha os blocos apropriados da Biblioteca de blocos do Tilda com base em suas necessidades. Você também pode usar modelos prontos de página única, como os modelos de negócios da Tilda. Se o seu site já tiver um cabeçalho com um menu de navegação, você terá automaticamente links para a sua Home Page e outras seções/páginas.
Como deve ser a aparência de uma página 404?
Não há regras rígidas - sua página 404 pode ser tão criativa quanto você quiser. O mais importante é torná-la útil, envolvente e consistente com a identidade de sua marca. Use isso como uma oportunidade para mostrar sua criatividade e impressionar seus visitantes.
Páginas 404 inspiradoras sobre a Tilda
Se você gostou do artigo, compartilhe-o com seus amigos. Obrigado!
Leia também:
Livro de curso gratuito sobre como projetar, configurar e executar páginas de destino de alta conversão em
Guia prático gratuito para animação na Web com exemplos e técnicas,
e dicas sobre como usá-los
