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.
Uma página 404 indica uma tentativa falhada de aceder a algo na web — geralmente devido a um link quebrado, um link inativo, um erro ortográfico no endereço ou uma página desatualizada que já não existe.
Uma página 404 pode parecer algo negativo, mas na verdade é uma parte crucial de uma boa interface de utilizador. Oferece uma oportunidade para orientar os utilizadores de volta ao caminho certo, manter o envolvimento e oferecer opções de navegação úteis, garantindo uma experiência de utilizador perfeita, mesmo quando algo corre mal.
Se você já se perguntou como criar uma página 404 para o seu site, este guia é para você.
Uma página 404 pode parecer algo negativo, mas na verdade é uma parte crucial de uma boa interface de utilizador. Oferece uma oportunidade para orientar os utilizadores de volta ao caminho certo, manter o envolvimento e oferecer opções de navegação úteis, garantindo uma experiência de utilizador perfeita, mesmo quando algo corre mal.
Se você já se perguntou como criar uma página 404 para o seu site, este guia é para você.
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
