Páginas de erro 404 personalizadas: os melhores exemplos de 'página não encontrada' que salvam páginas da web corrompidas

Todos nós experimentamos isso mais do que gostaríamos. Aquela sensação quando você clica em um link antecipando a abertura de uma nova página da web que faz o suficiente no valor nominal para chamar sua atenção, apenas para ser atingido com o temido erro 404.

Página. Não. Encontrado.

Oh, meu Deus, meu Deus. Se você é o usuário, fica imediatamente frustrado ou desapontado. Se você é o dono do site, no momento em que descobre que tem um link ou uma página quebrada é sempre uma mistura de constrangimento e confusão - “mas funcionou ontem!”

No entanto, entre as interrupções, geralmente existem algumas joias ocultas quando se trata de 404 páginas de erro. Em vez de seguir as ovelhas, alguns sites se deram ao trabalho de transformar suas páginas 404 em uma desculpa para usar uma onda de diversão ou informações adicionais - muito inteligente se você me perguntar!

Quer mais designs selecionados e enviados diretamente para sua caixa de entrada?
Inscreva-se para o DesignRush Daily Dose!

Essas páginas de erro personalizadas servem como inspiração perfeita para outros designers. Claro, o melhor cenário é um design de site imaculado que funciona impecavelmente todas as vezes. No entanto, coisas acontecem, temas dão errado, servidores web funcionam mal e páginas quebram. Assim, uma mensagem personalizada da marca em seu site para diminuir o impacto e fazer com que os visitantes voltem para ver mais depois de uma confusão é imprescindível. Algumas páginas 404 são tão engraçadas que as pessoas continuam acessando-as de propósito, e até mesmo as compartilham com seus amigos!

Por que as páginas da Web de erro 404 são necessárias?

Erros de página 404 ocorrem quando um "link quebrado" ou URL impreciso leva os usuários a uma página da web inacessível.

Às vezes, ocorrem erros 404 quando outras pessoas ou empresas online mencionam sua marca digitalmente com um link corrompido. Na maioria das vezes, nesses casos, as páginas 404 são originadas quando alguém comete um erro de digitação no link, como adicionar uma letra adicional no final de um URL. Na verdade, 45,9 por cento das vezes, as pessoas tropeçam em uma página 404 por causa de um erro de digitação, link antigo no e-mail ou marcadores antigos que salvaram um link para uma página que já foi removida.

Uma das ocorrências de página 404 mais comuns, no entanto, é quando os administradores de site excluem a página completamente quando ainda há outros links em seu site (e em toda a Internet) que apontam para a página agora desativada. Nesses casos, você deve se lembrar de rejeitar os links. Isso significa que você quebra os laços e informa aos mecanismos de pesquisa que esses links estão quebrados, em vez de permitir que eles aprendam isso por conta própria e direcionem as pessoas às suas páginas de erro.

Quando você deseja mover ou remover conteúdo, você precisa redirecionar as páginas - para isso existem os redirecionamentos 301, 307 e 308. Um redirecionamento 301/308 é um redirecionamento permanente - sempre que alguém vai para uma página anterior, será redirecionado imediatamente para a nova.

No entanto, o redirecionamento 302/307 é temporário. Os administradores de sites os usam por vários motivos.

Acredite ou não, os mecanismos de pesquisa podem levar as pessoas a 404 páginas. Por exemplo, quando você faz um redirecionamento corretamente, as pessoas devem ir para a página para a qual você está apontando agora. Mas, às vezes, leva alguns dias (ou mais) para que os mecanismos de pesquisa rastreiem as páginas e observem todas as alterações feitas. Nesse curto espaço de tempo, eles ainda podem levar as pessoas para a página 404 errada.

Outras vezes, pode haver um bug no site que cria links quebrados. Nesse caso, você precisa pedir ajuda a programadores e desenvolvedores. Afinal, uma pesquisa descobriu que 17,5% dos sites têm um link quebrado.

Como monitorar páginas 404

Você deve sempre monitorar todas as páginas 404 em potencial e tentar corrigi-las assim que aparecerem. Felizmente, existem ferramentas que podem ajudá-lo a encontrar seus links quebrados e lidar com eles. Alguns incluem Screaming Frog, Dead Link Checker e, talvez o mais popular, as próprias Ferramentas do Google para webmasters.

Criação de páginas da Web com erro 404 eficazes

Uma coisa é quase certa - você sempre terá 404 páginas de vez em quando, mesmo se fizer tudo certo em seu site. Mas a boa notícia é que você pode maximizar a experiência do usuário e minimizar sua aparência rejeitando links, monitorando páginas constantemente, executando verificadores de sites e muito mais.

Quando os erros acontecem, devemos aprender com eles. Use programas analíticos de sites como o Google Analytics para melhorar o desempenho do site. Acompanhe o que as pessoas fazem quando chegam à sua página 404. Então, use esses dados a seu favor.

Se, por exemplo, o próximo passo que eles dão depois de uma página 404 é voltar para a página inicial, você pode colocar um botão claro e visível que os levará até lá dentro do seu design. Ou, se eles gostam de visitar a página de contato após um erro 404, conecte-se a ela e facilite um pouco suas vidas.

Rastreie o comportamento e as informações do consumidor para ver o que está funcionando para seu site e o que seus consumidores gostam e não gostam. O que é melhor? Não há adivinhação com esse tipo de coisa - números e dados concretos sobre os visitantes do seu site falam por si.

Os melhores designs de página de erro 404 que você deseja copiar imediatamente

Depois de percorrer a internet em busca de erros (por mais estranho que pareça), existem algumas páginas 404 que se destacam das demais. Dê uma olhada - talvez alguns deles inspirem o seu próprio design de marca!

1. A página de erro 404 mapeada: BluePath

BluePath trabalha com seus clientes para “criar e implementar estratégias de análise automatizadas” que ajudam a afastar os usuários das planilhas. Embora isso seja incrível por si só, eles gentilmente reservaram um tempo para criar esta página de erro 404 peculiar.

Na verdade, a página mostra um mapa (no qual você não está graças à sua estupidez de navegar “fora do mapa”). A cópia na página também diz:

“Este [mapa] mostra todos os crimes relatados em Atlanta nos últimos dois anos. Porque? Porque é um crime que você ainda não nos contratou! ”

Bem jogado, BluePath. Bem jogado.

2. Erro de página Snarky 404: The Australian

Marca de notícias nacional líder da Austrália, The Australian ostenta uma variedade de notícias nacionais e globais e cobertura de negócios. No entanto, assim como o resto de nós, eles são vulneráveis ​​a erros ocasionais. Neste caso, sua página de erro 404.

Mas, em vez de se submeter à clássica “página não encontrada”, o australiano optou por usar a página como uma chance de fazer uma escavação astuta em vários políticos australianos (Donald Trump e um pedaço de carvão também fazem parte da lista, estranhamente). Cada político tem uma citação associada a eles e suas opiniões sobre o link quebrado.

3. A página de erro Gamified 404: Kualo

OK. Esta pode ser a melhor página de erro 404 da história da Internet. Kualo decidiu transformar sua casa de links quebrados em um jogo de Space Invaders para os usuários jogarem. A gamificação é uma ótima maneira de transformar os internautas desapontados em consumidores de conteúdo muito felizes.

Além disso, os usuários podem voltar intencionalmente a esta página apenas para jogar o jogo clássico. Como os mecanismos de pesquisa veem tudo (olá, Big Brother ...), eles também rastreiam o tempo dos usuários na página. Faz sentido - se você passa muito tempo em uma página, isso significa que você realmente gosta do conteúdo. Se você é um usuário frequente e sempre volta para ver mais, os mecanismos de pesquisa mapearão sua jornada e recompensarão os sites com melhor classificação!

O que é melhor? Você não só tem a chance de jogar o jogo incrível no site de Kualo, mas também tem um incentivo para fazê-lo! Se você destruir 1.000 invasores, terá um desconto na hospedagem deles. No geral, este é realmente um design incrível e demorei uma hora extra para escrever este artigo puramente por causa desta página. Tiremos o chapéu para Kualo.

PS Você pode bater nossa pontuação mais alta?

4. The Quirky 404 Error Page: The Useless Web Index

O inútil índice da web - com seu nome altamente apropriado - decidiu nos dar o amado meerkat em seu design de página de erro 404. Quanto mais tempo você passa na página, mais suricatos chegam, tanto que depois de cerca de 10 segundos há pelo menos oito deles na tela.

Você quase se sente mal pelos suricatos que estão claramente lutando para encontrar sua página da web!

Claro, a gamificação faz maravilhas para o seu negócio, mas incorporar um vídeo que esteja remotamente conectado aos tópicos 404 também é uma boa tática. As pessoas podem ficar e assistir até o final, tornando-se outra ótima maneira de aumentar o tempo gasto na página da web e aprimorar suas métricas gerais, mesmo se aparecerem 404 páginas.

5. A página de erro 404 ilustrada: Lego

Se você é um fã de Lego, vai adorar o design da página de erro 404. Como algumas empresas já destacaram, a página 404 é na verdade uma ótima desculpa para usar uma página errada para reafirmar sua marca ou produto aos visitantes.

A Lego é realmente famosa por usar várias táticas para aumentar sua base de clientes e nunca perder a chance de lembrar às pessoas que eles são relevantes. Eles têm uma série de filmes animados, videogames, conteúdo adicional e muito mais. A Lego está lá para pessoas de todas as idades, desde os tijolos Lego Duplo até suas caixas do arquiteto que permitem que os adultos construam réplicas dos marcos mais famosos.

Não esperávamos nada menos para sua página 404. Nesse caso, a página 404 da Lego é muito ilustrativa: o 'cabo' que conectava o link que você clicou à página da web está quebrado e algum pobre sujeito o encontrou para seu horror!

6. Página de erro Punny 404: Blue Daniel

Como parte de seu portfólio, Daniel Karcher escolheu usar a página de erro 404 para mostrar ainda mais suas habilidades. Ele optou por um ambiente de metrô, com anúncios em cartazes usando trocadilhos e um jogo de palavras para uma reviravolta humorística.

Em sua mensagem de erro, você notará referências ao filme “The Missing” e ao programa de TV “Lost”. O último tem grafite sobreposto para fazer aos usuários a pergunta "você está PERDIDO?"

Já que você obviamente se perdeu nesta página 404, você tem a chance de voltar ao nível principal. Esperto!

7. Página de erro 404 do The Adventurous: Emirates

Conforme mencionado no início do artigo, algumas empresas usam uma combinação de humor e informações úteis para criar uma página de erro 404 que parece mais parte do site real do que uma seção ou link quebrado.

A Emirates é um excelente exemplo, pois associa uma piada irônica a links para suas páginas mais visitadas. Eles dizem: “Desculpe, viajamos pelo mundo, mas parece que não conseguimos encontrar esta página”. Sugerindo que, como eles estiveram em todos os lugares, a página que você está procurando quase certamente não existe - oh!

Considerando o fato de que 73,7% das pessoas que acessam uma página 404 deixam o site imediatamente, é uma ótima tática manter os visitantes em seu site oferecendo links para as páginas mais visitadas.

Quando as pessoas não encontram o que procuram, perdem a confiança. Por sua vez, os motores de busca perdem a confiança. E basta dizer que você não quer que ninguém perca a confiança em seu negócio. Encontrar uma maneira de transformar uma situação ruim, como um link quebrado, pode ajudá-lo a fazer valer sua empresa e até mesmo impressionar os visitantes do seu site.

8. A página de erro 404 mínimo: truques de CSS

Provavelmente, é muito embaraçoso para um site de desenvolvimento da Web ou de codificação ter um erro 404. Quero dizer, é seu trabalho garantir que essas coisas não aconteçam afinal - não é?

Independentemente disso, a equipe do CSS Tricks conseguiu transformar um erro potencialmente embaraçoso em uma página 404 bem projetada. O centro da página tem o estilo de uma folha de papel rasgada, atrás da qual está o código que deveria ter constituído a página que você está tentando visitar.

9. A página de erro 404 autodepreciativa: Cloud Sigma

Podemos nos relacionar com o que Cloud Sigma fez com sua página de erro 404. Sempre dizemos, em caso de dúvida, apenas use fotos de cães ou gatos para amenizar situações potencialmente ruins. Nesse caso, o site apresenta a foto de um gato (desculpe, o desenvolvedor júnior) tentando usar um computador. É na hora certa. Você não pode deixar de rir!

Mas, o mais importante, o erro do site Cloud Sigma também oferece um método claro de fuga de volta à página inicial. Se você não deseja que as pessoas saiam totalmente do site, certifique-se de que voltar para a página inicial é sempre fácil e está a apenas um clique de distância.

10. A página de erro 404 não convencional: LimpFish

Por último, o Limpfish usou uma versão peculiar de uma página de erro 404 para mais uma vez trazer um sorriso ao rosto de todos os usuários. Certo, fiquei um pouco confuso quando vi isso pela primeira vez, pois parece ser uma combinação de um anúncio de namoro e um pedido genuíno relacionado à tecnologia ... Não tenho certeza do que é mais aparente. Mas se você pensar bem, quem precisa de uma boa combinação mais do que um link quebrado?

Porém, o efeito jornal acrescenta um pouco de ironia, considerando que estamos operando na internet. O objetivo final foi um sucesso - eles nos fizeram sorrir e rir, e não saímos do site assim que chegamos a uma página 404.

O que aprender sobre páginas 404

Ao adicionar um aspecto divertido, lúdico, amigável ou gamificado que corresponda à identidade de sua marca com suas páginas 404, você pode manter o visitante em seu site e até mesmo promover seu negócio ainda mais. Um exemplo notável, a gamificação, custa dinheiro adicional, mas é um investimento inteligente que reduz as taxas de rejeição.

Além das páginas 404 úteis e táticas que vimos em ação acima, também preparamos uma lista de coisas que devemos e não devemos fazer que devem ajudá-lo a transformar o acidente em uma oportunidade - especialmente porque as pessoas sempre digitarão incorretamente de vez em quando, e você não pode controlar isso. No entanto, você pode afetar a experiência deles se por acaso eles pousarem em uma página corrompida.

Aqui estão algumas coisas que você deve ter em mente ao criar sua própria página 404 útil:

• Seja honesto. Como dissemos, haverá 404 páginas e, às vezes, nem será sua culpa. Independentemente disso, certifique-se de explicar o que aconteceu e oferecer maneiras de reparar a situação e ajudar as pessoas a encontrar o que procuram.
• Não perca a oportunidade. Adicione um pouco de humor e personalidade de marca para que as pessoas não saiam frustradas - ou simplesmente não saiam.
• Envolva os usuários. Deixe-os jogar um jogo, se seu orçamento permitir. Caso contrário, existem várias maneiras de aumentar o engajamento. Adicione um vídeo, ilustração ou animação fofa. Tente amenizar a situação - se tudo mais falhar, fotos e vídeos bonitos de animais também funcionarão.
• Impeça-os de partir. Cada visitante do site que sai é uma oportunidade perdida de converter um cliente potencial em um cliente. Você pode adicionar links relevantes para as páginas mais visitadas ou incorporar uma função de pesquisa na página 404 para que eles possam navegar em seu site.
• Adicione um incentivo. Algumas marcas oferecem incentivos se você encontrar sua página 404. Dessa forma, você ainda pode coletar mais leads. Por exemplo, você pode oferecer uma assinatura de boletim informativo, conteúdo gratuito como um e-book ou um estudo de caso e muito mais.
• Sem publicidade. Bem, não no sentido tradicional. Se houver um erro no site e as pessoas acessarem ele, não tente exagerar ou deixá-los pensar que talvez você esteja deixando a página 404 de propósito.
• Carregamento rápido. Se as pessoas pousarem em uma página corrompida, você não quer que elas esperem eternamente para descobrir isso. Uma boa velocidade de carregamento também é recomendada para todas as outras páginas do seu site. A taxa de rejeição continua aumentando a cada segundo adicionado de tempo de espera.
• Não use termos técnicos complicados. O objetivo é tentar manter os usuários em seu site, não afastá-los ainda mais com linguagem complicada e termos desnecessários.
• Não se esqueça de monitorar seus links quebrados e corrigi-los o mais rápido possível.

Página não encontrada ... mas a conclusão é

O design da página de erro 404 de cada site pega o contratempo e o transforma em uma oportunidade para construir ainda mais a fidelidade à marca. Por meio da criatividade, do design estelar e de um pouco de sagacidade, o design do seu site também não terá que se preocupar com erros - tudo será apenas uma extensão das ofertas da empresa.

Nossa dica final: puxe todas as barreiras para sua página 404 porque 73 por cento das pessoas que saem depois de chegar a uma página 404 representam 74 por cento dos clientes em potencial perdidos. Esses são seus clientes potenciais fugindo, e uma página 404 personalizada pode fazê-los ficar e navegar mais. Não importa se você deve ter uma página 404 personalizada ou não. A questão é: você pode se dar ao luxo de não ter um?

Quer sua própria página de erro 404 personalizada para garantir uma melhor experiência do usuário? A DesignRush tem uma lista das principais agências digitais que podem criar uma página da web da marca E um site completo para o seu negócio.

Quer designs mais inspiradores? Assine a nossa newsletter!