10 exemplos de páginas 404 que você realmente deseja encontrar + criar suas próprias
Publicados: 2021-01-25Se você passa muito tempo online, provavelmente encontrou pelo menos uma página 404 . Você pode até ter encontrado algumas páginas de erro personalizadas. Você já se perguntou por que uma empresa investiria um tempo valioso projetando uma mensagem criativa para seus visitantes?
Uma página de erro 404 padrão tem pouco a dizer e muitas vezes deixa os visitantes se sentindo perdidos. Pior, pode afastar ativamente os usuários.
Ter uma página personalizada pode não ganhar nenhum prêmio de design para sua empresa, mas mostra que você se preocupa com seus visitantes e a experiência deles em seu site. É também uma forma inovadora de mostrar a personalidade da sua marca.
Vale a pena investir em uma ótima página 404 ? Absolutamente sim.
Índice
- O que é um erro 404?
- Como os visitantes encontram erros 404?
- 10 exemplos de páginas 404 brilhantemente criativas
- Sapo gritando
- ConverterKit
- Terapia de apartamento
- Moz
- CoSchedule
- Disney
- Lego
- Sprout Social
- Olheiro de ajuda
- BluePath
- Os benefícios de uma página 404 personalizada
- Ajude os mecanismos de pesquisa a indexar mais páginas em seu site
- Apresente uma imagem de marca consistente
- Transforme um visitante perdido em um feliz
- Aumente suas conversões
- Como criar uma página 404 original que funciona
- O que você deve incluir
- O que você não deve fazer
- Palavra final
O que é um erro 404?
Essencialmente, um erro 404 ocorre quando a página ou URL solicitada não está disponível ou, em alguns casos, não existe. Embora a mensagem na página de destino padrão informe os visitantes sobre o problema, ela raramente fornece informações adicionais ou incentiva os usuários a permanecerem.
Experimentar erros 404 pode causar vários problemas significativos e podem ocorrer em qualquer site, bem mantido.
Por exemplo, o Google envia regularmente bots para rastrear e catalogar páginas da web. Se o mecanismo de pesquisa encontrar esses problemas, ele determinará que seu site oferece uma experiência de usuário ruim. Isso também afetará o SEO, o tráfego do site e os rankings de pesquisa.
Em um mundo perfeito, os visitantes do site nunca encontrariam uma página de erro 404 . No entanto, você pode criar uma página da Web personalizada que os usuários possam desfrutar e achar útil. Quando você usa gráficos inteligentes, links relevantes e textos espirituosos, isso pode fazer com que os usuários esqueçam que algo deu errado e os levem de volta à navegação.
Muitas agências de desenvolvimento web podem ajudá-lo a evitar páginas de erro 404 ou criar um design exclusivo.
Como os visitantes encontram erros 404?
Infelizmente, há vários motivos pelos quais um usuário pode encontrar um erro 404 . As causas mais comuns incluem:
- A página não existe mais.
- O usuário digitou o URL errado.
- Há um link quebrado no site.
- A página foi movida e não foi redirecionada.
- O servidor pode estar inativo.
Resumindo, sempre que os usuários tentarem visitar um URL que não pode ser encontrado, eles serão enviados para a página 404 do seu site . Pode ser uma experiência frustrante e pode custar conversões valiosas. Felizmente, você pode transformar uma impressão negativa em positiva com uma página 404 original bem projetada e uma mensagem de erro criativa.
10 exemplos de páginas 404 brilhantemente criativas
A criação de uma página 404 amigável e visualmente atraente mostra aos visitantes que você se importa com a experiência deles e está interessado em mantê-los em seu site.
Quando bem feita, uma página 404 brilhante incentivará os usuários a perdoá-lo pelo erro ou os ajudará a perceber que digitaram o URL errado.
Uma página 404 bem projetada pode fazer os visitantes sorrirem e, mais importante, ajudá-los a encontrar o que estão procurando. Dos milhões na web, encontramos as melhores 404 páginas que mostram a criatividade e personalidade de várias marcas.
Aqui estão dez exemplos de páginas 404 inovadoras que são feitas excepcionalmente bem.
Sapo gritando
Ironicamente, o Screaming Frog é um serviço que ajuda os proprietários de sites a encontrar e corrigir links quebrados. Eles reconhecem ter uma página 404 zombando um pouco de si mesmos e, em seguida, oferecendo acesso rápido à sua página de contato, serviços e blog.
A página 404 de Screaming Frog é animada e parece um pequeno lago visto de cima. Os peixes flutuam, os lírios giram e as moscas se movem pela página. No entanto, o sapo titular está faltando. Pode ser uma pequena mudança, mas deixa uma impressão significativa.
ConverterKit
A maioria das pessoas adora cães, e o ConvertKit aproveita descaradamente nosso vínculo com esses companheiros peludos.
A página mostrará uma foto adorável do cão de um membro da equipe. Se você conseguir se livrar da fofura, encontrará um link para a página inicial e acesso ao bate-papo online. A simplicidade da página é uma das características que a tornam tão atraente.
Terapia de apartamento
O Apartment Therapy é um site de decoração para casa, e a fita washi é um adesivo popular usado na decoração e no scrapbooking. A página 404 da marca combina engenhosamente esses dois elementos, brincando que nem mesmo o washi pode consertar um link quebrado.
A página exibe várias postagens populares logo abaixo da dobra para manter os visitantes envolvidos. Também inclui uma função de pesquisa e barra de navegação para que os usuários possam continuar a explorar o site.
Moz
Moz mantém relativamente simples com uma participação especial do mascote da marca, Roger Mozbat. Não só faz a maioria das pessoas sorrir, mas também marca e combina perfeitamente com a personalidade da empresa. Há também uma barra de pesquisa visível para que as pessoas possam encontrar o que precisam.
CoSchedule
CoSchedule é uma ferramenta de agendamento de marketing. Eles mantêm as coisas simples exibindo um adorável GIF de cachorro e, ao mesmo tempo, fornecem links para seu blog e página inicial. A marca faz um trabalho fantástico ao mostrar que você não precisa gastar muito dinheiro para criar uma página 404 envolvente e divertida.
Simples e doce, mas faz o trabalho!
Disney
A página 404 da Disney impressiona ao destacar um dos personagens mais populares conhecidos pela destruição, Michael “Mike” Wazowski.
Esses caracteres são perfeitos para a página 404 . Curiosamente, a página de erro da Disney que muda dependendo da localização geográfica do visitante.
Lego
A página Lego 404 é exatamente o que você esperaria; um deserto ensolarado com um homenzinho de Lego que parece bastante chateado com a situação. Não só se encaixa perfeitamente na marca, mas também incentiva as pessoas a visitar a loja. É um apelo à ação convincente que funciona e não parece deslocado na página de erro divertida e inspirada em brinquedos.
Sprout Social
Sprout Social é uma ferramenta de marketing de mídia social , e eles realmente querem manter seus clientes na página. Primeiro, a empresa faz uma piada que zomba de seus visitantes estarem perdidos no ciberespaço. Embora engraçado, o que realmente se destaca é como a empresa usa a página para transformar um problema em um lead.
A página 404 da marca é outro excelente exemplo de como você pode transformar um erro em uma conversa, com um botão CTA que oferece uma demonstração gratuita. Se não é isso que você está procurando, você pode navegar usando o menu na parte superior da tela.
Em uma jogada brilhante, o Sprout Social transformou sua página 404 em uma landing page.
Olheiro de ajuda
O Help Scout fornece ferramentas para software de suporte técnico, suporte ao cliente baseado em e-mail e bases de conhecimento online para empresas.
Novamente, como tantos outros, eles aproveitam ao máximo o vínculo entre os humanos e seus companheiros peludos. Desta vez você começa a simpatizar com a pobre e exausta passeadora de cães enquanto ela tenta controlar os cães em fuga.
BluePath
A BluePath é uma empresa de análise de dados e estratégia que teve uma ideia notável para mostrar suas habilidades na página 404 . Eles também conseguem zombar um pouco dos usuários sem serem ofensivos.
Na metade esquerda da tela há um mapa mostrando vários pontos de dados em Atlanta. Então há você; um pequeno ponto que está fora do mapa. Por quê? De acordo com o BluePath, é porque você cometeu um crime ao não contratá-los por sua habilidade superior de análise de dados.
Os benefícios de uma página 404 personalizada
Se você tiver um site grande com uma grande variedade de páginas, provavelmente também haverá vários links mortos. É um efeito colateral comum que ocorre à medida que os sites crescem e os URLs das páginas mudam. Com uma página 404 personalizada, você pode ajudar os visitantes a encontrar as informações que desejam.
Criar uma página 404 exclusiva requer esforço e um pouco de conhecimento técnico. A menos que você tenha um designer experiente disponível, você precisará aprender a editar seu arquivo .htaccess e executar alguns comandos em seu servidor. Se você roda em um CMS como o WordPress, alguns plugins podem simplificar o processo.
Mesmo assim, você ainda pode estar se perguntando por que precisa dedicar o tempo necessário para criar uma página 404 personalizada. É uma ferramenta simples, mas altamente eficaz no arsenal do seu site, se você souber como usá-la, e ter uma tem vários benefícios notáveis.
Ajude os mecanismos de pesquisa a indexar mais páginas em seu site
Os mecanismos de pesquisa como o Google geralmente enviam rastreadores para indexar novas páginas. Normalmente, um encontro com uma página 404 prejudica seu SEO. No entanto, você pode criar uma página 404 que aumentará sua otimização de mecanismo de pesquisa.
Ao vincular aproximadamente 25 ou mais páginas internas, você torna mais fácil para esses rastreadores indexarem seu site. Além disso, é possível construir um código que irá randomizar quais links são mostrados. Consequentemente, os links serão alterados toda vez que a página for atualizada.
O processo aumenta o número de páginas indexadas, tornando mais fácil para mecanismos como o Google exibir seu conteúdo nos resultados de pesquisa. De acordo com o guru de SEO Neil Patel, o método pode aumentar significativamente o tráfego do mecanismo de busca do seu site.
Apresente uma imagem de marca consistente
Sua marca é um dos seus ativos mais importantes. É o que atrai as pessoas para seus produtos e serviços e cria a fidelidade do cliente. As pessoas querem sentir que você compartilha seus valores e que se importa com a experiência delas. Eles também querem desenvolver um relacionamento envolvente com sua marca.
Uma página 404 original permite que você apresente aos visitantes uma mensagem e aparência consistentes, ao mesmo tempo em que mostra a personalidade da sua marca. Também garantirá ao visitante que ele ainda está em seu site e não em um servidor bloqueado ou em um site quebrado.
Por fim, sua página de erro 404 deve ter a mesma marca do restante do seu site, com o mesmo esquema de cores, fontes, logotipo, cabeçalho, rodapé e navegação. O uso de agências de SEO na página pode ajudá-lo a otimizar ainda mais sua página de acordo com sua marca e práticas recomendadas.
Transforme um visitante perdido em um feliz
Finja por um momento que você chegou a uma página enquanto procura informações sobre um tópico específico. No entanto, depois de abrir o link listado nos resultados do mecanismo de pesquisa, você não obtém a resposta que estava procurando. Em vez disso, você verá a mensagem de erro “página não encontrada”.
Infelizmente, muitos sites não utilizam esta oportunidade de ouro. Em vez disso, eles permitem que os visitantes irritados saiam com uma experiência insatisfatória. Se você decidir usar uma página 404 original e otimizada , poderá evitar a perda dessa possível conversão e, em vez disso, transformar uma experiência ruim em divertida.
Use as seguintes táticas para melhorar a experiência dos visitantes perdidos do seu site:
- Empregar o humor para desarmar a situação
- Assuma a culpa, mesmo que o usuário possa ser o culpado
- Forneça uma barra de pesquisa para que eles possam procurar informações
- Incluir um link para a página inicial
- Sugira links úteis que eles podem querer visitar
- Uma maneira de entrar em contato com alguém que pode ajudar
Você não apenas neutralizará a situação e impedirá que a pessoa saia, mas também transformará sua experiência negativa em algo menos perturbador e mais positivo.
Aumente suas conversões
Sua página de erro 404 deve mostrar aos visitantes do site que você não apenas aceita seu erro, mas também garante que eles tenham uma experiência agradável. O objetivo é apagar a memória do link quebrado ou morto e incentivá-lo a fazer negócios com você.
Comece a usar sua página 404 para converter visitantes do site em clientes.
Quando as pessoas acessarem sua página 404, ofereça a elas um desconto ou uma oferta exclusiva de opt-in. Você pode dar um passo adiante e apresentá-los com recomendações de links personalizados com base na palavra-chave no URL de solicitação. Você pode até fornecer um e-mail ou formulário de contato para que eles possam entrar em contato para obter assistência.
Como criar uma página 404 original que funciona
Se você for criar uma página 404 original, siga algumas etapas para torná-la mais eficaz. Mais importante, tenha em mente que as páginas 404 mais úteis são simples, mas eficazes. Criar uma página da web complexa e confusa só frustrará ainda mais os visitantes do seu site.
Abaixo, analisamos alguns prós e contras para criar uma das melhores páginas 404 para o seu site.
O que você deve incluir
Nos últimos anos, as atraentes páginas de erro 404 tornaram-se significativamente mais populares. Eles podem fornecer aos visitantes links úteis, um pouco de diversão e um motivo para sorrir. Não há razão para uma página 404 ser a parada final para qualquer visitante do seu site.
Aqui estão algumas dicas úteis para ajudá-lo a criar uma página 404 eficaz.
Título forte
É crucial ter um título ou texto forte que explique às pessoas por que elas chegaram à página 404. Quando eles chegam em uma página que não tem as informações desejadas, um visitante pode se sentir frustrado e sair imediatamente. Seu título deve informá-los de que estão no lugar correto, apesar de encontrar uma página de erro.
Marca
Sua página 404 deve ter a mesma aparência que o restante de suas páginas da web. Certifique-se de que é fácil reconhecer sua marca e aproveite a oportunidade para mostrar sua personalidade.
Explicação do 404
Quando um visitante chegar a uma página 404, explique a eles por que chegaram lá. Afirmar que a página “foi movida” ou “não existe mais” pode ajudar os visitantes a entender que um jogo de Pac-Man baseado em navegador não substituiu a linda capa de chuva amarela que eles esperavam encontrar.
Links Úteis
É o seu site e você deve saber quais páginas ou diretórios são os mais populares. Inclua links para essas páginas ou diretórios para que os visitantes experimentem o mínimo de interrupções.
Uma barra de pesquisa
Incluir uma barra de pesquisa em sua página 404 pode ajudar os usuários a encontrar as informações que desejam sem precisar procurar o link ou a página da Web corretos. Ao dar às pessoas a capacidade de pesquisar, você diminui as chances de que elas saiam sumariamente depois de encontrar o erro.
Apelo à ação
Ter um call-to-action (CTA) é uma excelente maneira de manter as pessoas em sua página da web. Você pode oferecer um desconto, um brinde ou um presente para download como um pedido de desculpas enquanto recebe seus dados em troca. É uma maneira simples e acessível de transformar um visitante insatisfeito em um lead em potencial.
O que você não deve fazer
Existem boas práticas para a criação de páginas 404 criativas e algumas extremamente ruins. Abaixo, abordamos algumas coisas que você não deve fazer ao criar sua página 404 original.
Evite redirecionar para um URL de erro
É essencial garantir que seu site exiba o conteúdo da página de erro e não redirecione o visitante para uma página diferente, como /404 ou /error.html. O redirecionamento impedirá que os visitantes examinem o URL do problema e impossibilitará a coleta de dados analíticos sobre os endereços de link problemáticos.
Não redirecione para a página inicial
Você pode pensar que enviar visitantes para a página inicial é uma solução inteligente, mas os mecanismos de pesquisa consideram um comportamento “spam”. Na verdade, alguns tratarão a instância como um soft 404, independentemente do redirecionamento.
Evite usar um redirecionamento de meta de atualização de tags
Alguns sites usam uma metatag de atualização para enviar os visitantes para uma página diferente depois de ver o erro 404 por alguns segundos. O redirecionamento forçado de um visitante para outra página sem o seu consentimento é considerado uma prática terrível. Também pode parecer enganoso, e as pessoas preferem sair do que correr o risco de encontrar malware ou adware.
Palavra final
Um encontro com uma página 404 não precisa ser uma experiência ruim. Na verdade, é uma ótima maneira de incentivar as pessoas a se envolverem ainda mais com você. Espero que você se inspire depois de ver algumas das criações fantásticas de outras pessoas. Se você estiver se preparando para criar sua própria página 404 original , lembre-se de ter em mente o seguinte:
- Você deve garantir aos usuários que eles ainda estão no lugar certo.
- Não tenha medo de assumir a culpa por um link quebrado ou ausente.
- Seja criativo e construa algo memorável ou engraçado.
- Seja consistente com sua marca no design.
- Adicione informações úteis à página.
- Não se esqueça de incluir um call to action.
- Nunca use redirecionamentos automáticos para forçar as pessoas a uma página diferente.
Mais importante ainda, divirta-se. Não há nada de errado em zombar de si mesmo, de sua marca ou de seus usuários. No entanto, lembre-se de que há uma linha entre o humor inofensivo e tornar-se pouco profissional ou ofensivo.
Você está pronto para transformar sua página 404 em um ativo poderoso?