Uma página épica 404 provavelmente não vai ganhar nenhum prémio para o seu negócio. Já percebi.
Mas mostra que se preocupa com os seus clientes.
Uma grande página 404 pode ser uma forma inteligente de mostrar a personalidade da sua marca.
Mas vale a pena investir numa página 404 extravagante?
Pode ser.
Porque quando os utilizadores aterram na sua página 404, não estão a encontrar o que precisavam.
O uso de links, gráficos inteligentes, e cópias espirituosas pode fazê-los esquecer que você (talvez) fez asneira e voltar a pô-los nos eixos.
Tendo em conta a importância das 404 páginas, o que se segue é uma lista de 37 dos melhores exemplos de 404 páginas que pode encontrar online.
Antes de mergulhar nos exemplos, vamos tirar um momento para rever os princípios básicos de uma página 404.
O que é uma página 404?
Uma página 404 é uma página de aterragem que diz aos seus espectadores que a página solicitada não está disponível ou, em alguns casos, não existe.
Um erro 404 diz aos utilizadores que a página não pode ser acedida – e pode ser um grande problema.
Quando os utilizadores não conseguem aceder a uma página, não conseguem encontrar a informação de que necessitam.
Diz também ao Google que o seu site oferece uma má experiência de cliente, o que pode resultar em menos tráfego e rankings mais baixos.
De facto, os visitantes do site nunca aterrariam numa página 404, mas a realidade é que acontecem de vez em quando – mesmo de sites bem conservados.
Porquê aterrar um Visitante numa página 404?
Porquê aterrar um utilizador numa página 404?
Existem várias razões, que incluem:
- O servidor está em baixo.
- A página moveu-se e não foi redireccionada.
- A página nunca existiu.
- O utilizador digitou mal o URL.
- li>O URL está avariado.
Basicamente, se um utilizador tentar visitar uma página que não pode ser encontrada, serão enviados para a sua página 404.
Para que serve fazer uma página 404 que se destaca?
Uma página de erro 404 visualmente apelativa e de fácil utilização mostra aos clientes que se preocupam com a sua experiência e estão interessados em mantê-los no seu website.
Quando bem feita, uma boa página 404 ajuda os utilizadores a perdoar-lhe o erro (mesmo que tenha sido culpa deles, digitando o URL errado) e mantém-nos no seu sítio.
Uma boa página 404 pode fazer os utilizadores sorrir e – mais importante – ajudá-los a encontrar o que procuram.
Revimos dezenas de páginas 404 para encontrar as melhores que mostram a criatividade e personalidade das marcas.
Aqui estão 37 dos melhores exemplos de 404 páginas bem feitas.
Disney
Disney bateu com a sua 404 página ao destacar uma das personagens mais populares conhecidas pela destruição – Wreck-it Ralph.
Tem também um caractere secundário em Ralph Breaks The Internet.
Alguns caracteres são apropriados para a página 404, mas repare no que está mesmo ao lado de KnowsMore: uma pequena barra de pesquisa.
Existe outro no topo da página, mas este está morto no centro onde os utilizadores o verão. Esta barra de pesquisa mantém os utilizadores na página, ajudando-os a encontrar o que procuram.
Drift
Drift é uma ferramenta de marketing de conversão e plataforma de vendas que oferece ferramentas para chat ao vivo, páginas de aterragem, e muito mais.
A cópia na sua página 404 permanece na marca, mencionando “conversas”, mas também funciona para manter as pessoas no website Drift, oferecendo ligações à sua página inicial, ao seu blog, e ligações a algumas das suas peças de conteúdo mais populares.
No canto superior direito, oferecem também um caminho para a conversão, fornecendo o botão Get Drift Free (Obter Deriva Livre).
Help Scout
Help Scout fornece às empresas ferramentas para software de help desk, apoio ao cliente baseado em e-mail, e bases de conhecimento online.
Like Drift, a sua página 404 oferece links para o seu blogue e outros posts, mas utilizam um gráfico engraçado de cães engraçados para manter as pessoas a sorrir.
Terapia de apartamento
Terapia de apartamento, um site de decoração doméstica, mantém-no leve por brincadeira que a fita washi (uma popular fita de papel usada em decoração e scrapbooking) não consegue fixar o link partido.
Apenas abaixo da dobra, eles ligam a vários posts populares para manter os visitantes do site envolvidos.
Incluíram também uma barra de pesquisa e a sua principal barra de navegação para que os utilizadores possam continuar a explorar o site.
CoSchedule
404 página coscheduleCoSchedule, uma ferramenta de agendamento de marketing, mantém-no simples com um GIF de cão bonito e links para a sua página inicial e blog.
Este exemplo serve apenas para mostrar que não é preciso largar muito dinheiro para criar uma página 404 envolvente.
É simples, mas faz o trabalho.
Sprout Social
Sprout Social, a ferramenta de marketing das redes sociais, quer realmente manter os seus clientes na página.
Começam com uma reacção de língua na cara à aterragem na página errada – mas também empurram uma demonstração gratuita, enquanto o link da página inicial toma um lugar atrás.
Então, o seu chatbot aparece para descobrir o que precisa.
No fundo, promovem a sua newsletter.
Essencialmente, transformaram a sua 404 página numa página de aterragem.
ConvertKit
Quem não gosta de cães?
ConvertKit mantém-no leve, oferecendo uma foto do cão de um membro da equipa e um link para a sua página inicial.
Mas, eles também o mantêm profissional, fornecendo o seu chat online e um CTA para se inscreverem gratuitamente.
Screaming Frog
Screaming Frog é uma ferramenta concebida para ajudar os proprietários de sítios a encontrar e corrigir ligações quebradas – e eles reconhecem a ironia de ter uma página 404 ao espetarem um pouco de diversão neles próprios, oferecendo depois ligações ao seu blogue, página de contacto, e serviços.
Não é como as outras 404 páginas da lista, esta não é estática.
As moscas movem-se à volta da página, os peixes flutuam, e os lírios rodam.
É uma pequena mudança, mas faz com que a página se sinta bem pensada.
Moz
Moz mantém a simplicidade com um camafeu de Roger Mozbat, a mascote da marca.
A sua presença está na marca e é uma forma fácil de fazer sorrir a maioria das pessoas.
Moz também lhe dá uma barra de pesquisa do site para que possa encontrar o que procura.
BigCommerce
A página 404 do Bigcommerce oferece muitas das mesmas características que já vimos antes – o CTA a contactar, solicitar uma demonstração, e uma maneira fácil de explorar o site.
Mas o que se destaca é a imagem bem desenhada do espaço exterior, que faz com que a página se sinta pensada e planeada.
Há uma boa hipótese de os utilizadores que aterrarem na sua página 404 ficarem aborrecidos – um gráfico criativo ajuda a sentir que tem as suas coisas juntas e isto foi apenas um pequeno passo em falso.
Kinsta
Kinsta, uma empresa de alojamento WordPress baseada na nuvem, adopta uma abordagem semelhante ao BigCommerce, oferecendo uma imagem bem desenhada na sua página 404.
Mantéem a sua barra de navegação e pesquisa superior, para que os utilizadores possam facilmente encontrar outras informações.
Utilizam também um pop up para sugerir conteúdos alojados, o que provavelmente ajuda a conduzir os assinantes de correio electrónico.
Lego
Lego mantém a luz usando uma grande imagem de um homem Lego juntamente com o gracejo “Lamentamos não conseguir encontrar essa página! Não se preocupe, apesar de tudo ser STILL AWESOME!” que é uma referência a uma canção do Lego Movie.
Também oferecem uma ligação à sua loja para manter os utilizadores no local.
Slack
/p>
404 página slackA página 404 doSlack é incrível.
A imagem acima mostra-lhe uma floresta com borboletas voadoras, porcos, flores, e galinhas.
Também vai a preto e branco se for a outro separador o que, infelizmente, torna difícil obter uma imagem de ecrã das maravilhas.
Chefe para o seu site para a experiência completa.
Mailchimp
Ferramenta de correio electrónico Mailchimp mantém simples – mas inteligente – com a sua página 404 animada de um animal a procurar num buraco por, presumivelmente, a página que se perdeu.
É inteligente e mostra que a sua 404 página não é um pensamento posterior.
okta
Okta é uma empresa de gestão de acesso baseada na nuvem, sediada em São Francisco.
A sua página 404 é bastante simples, mas gosto muito que ofereçam razões pelas quais a ligação pode estar quebrada, o que ajuda os utilizadores a compreender o que pode ter corrido mal.
Suíça
Swiss Airlines não oferece qualquer informação adicional, para além de uma ligação à sua página inicial e à barra de navegação, mas a imagem na sua página 404 é realmente pura.
As nuvens movem-se enquanto guia o seu cursor sobre a página, envolvendo-o em nuvens.
É uma característica interessante que me manteve na sua 404 página por mais tempo do que gostaria de admitir.
Wizarding World
Como muitos fãs de Harry Potter saberão, Harry perde-se na primeira vez que tenta usar pó Floo, uma substância brilhante que deixa os feiticeiros viajar transportando-os para quase qualquer outra casa ou edifício com uma lareira.
A imagem acima mostra a cena em que Harry sai da lareira onde acidentalmente se transportou coberto de fuligem – tornando-a a imagem perfeita para uma página 404.
Sudoeste
Há outra 404 página que me fez sorrir – primeiro, eles usam uma referência “Guerra das Estrelas”, que a mantém leve.
A página também apresenta um bastão em movimento utilizado pelos marshallers de aviões que dirigem aviões na pista.
P>A seguir à imagem, Southwest oferece links rápidos para ajudar os utilizadores a encontrar o que precisam.
É funcional mas ainda se destaca.
9GAG
9GAG, a plataforma online para memes e vídeos, utiliza um GIF totalmente na marca para a sua página 404 e oferece um único link que direcciona os utilizadores para a sua aplicação.
É simples, mas a permanência na marca assegura que os visitantes do site sabem que estão no site certo, apesar de não encontrarem a página que estavam à procura.
Flywheel
Flywheel, uma empresa de alojamento WordPress gerida, oferece esta página 404 peculiar para que as pessoas saibam que aterraram na página errada.
A linguagem casual reflecte a sensação geral da sua marca, e o link para a página inicial ajuda os utilizadores a encontrar o seu caminho.
Como várias outras marcas, também oferecem uma função de chat para ajudar ainda mais os utilizadores que perderam o seu caminho.
Dan Woodger
Dan Woodger, um artista e ilustrador, apresenta o seu próprio trabalho na sua página 404. O seu hambúrguer brilhante e alegre está mesmo em casa.
Notificação de que ele não menciona que é uma página 404 ou dá qualquer outra informação, a não ser um link para o seu trabalho.
Este exemplo serve para mostrar que uma grande página não tem de ser complicada.
Destilada
Muitas marcas ligam na sua 404 página. Não há muita gente que veja a página, por isso o que é que isso interessa.
Mas mostrar o estilo da sua marca numa página (aparentemente) insignificante tem muito peso.
Se se preocupa com a sua página 404, há uma boa hipótese de se preocupar também com os seus clientes e clientes.
Distilled usa uma imagem infográfica para explicar o que é a página e o que pode ter corrido mal.
Taco Bell
Taco Bell é conhecido por ser um pouco irreverente. A sua página 404 não é excepção.
A página apresenta um taco dançante que escorrega e derrama os seus recheios, e depois volta a enfiá-los na sua concha.
É um lembrete engraçado de que sabem que algo correu mal.
A página também inclui um link para a página inicial do site, menu, locais, e onde comprar cartões de oferta e mercadoria.
Magnt
Magnt oferece um construtor e ferramentas fáceis de usar para criar sites, e orgulham-se de serem melhores do que o seu construtor de sites baseado em modelos padrão.
A sua página 404 destaca a criatividade da marca com um diagrama Venn inteligente que explora as razões pelas quais poderá ter acabado na página – “Partimos alguma coisa” ou “Não se pode escrever.”
Dribble
Dribble, um mercado criativo para profissionais de design, oferece uma página 404 totalmente funcional.
Os utilizadores podem arrastar o ponto abaixo da fonte 404 para explorar designers dentro de uma gama de cores específica.
Clicking nos blocos que compõem os números 404 leva-o a esses designers específicos.
Também oferecem uma barra de pesquisa, para utilizadores que preferem pesquisar o sítio dessa forma.
Overflow
A personalidade doverflow é colocada em frente e no centro da sua página 404.
O seu tom de conversação e humor são convidativos e acolhedores que se ligam comigo para querer clicar de volta à sua página inicial.
E, a mesma voz e o mesmo tom são veiculados na página inicial.
Wendy’s
Até agora, provavelmente já se riu de um ou dois tweets da Wendy’s.
Mas, semelhante ao Overflow, Wendy’s continua o mesmo fluxo de voz e tom no seu website, mesmo na sua página 404.
Criaram um videojogo interactivo para utilizadores semelhante ao Pac-Man na sua página 404.
Veja se consegue levar a Wendy até ao fim!
Red Bull
Red Bull’s 404 page é um sonho para qualquer profissional de SEO ou de marketing.
Está repleta de links para artigos e lista de reprodução de vídeos.
Red Bull até roda a lista de reprodução de vídeos para o seu evento mais recente.
P>É possível ver pela imagem acima, a Red Bull estava a usar o seu evento de surf Red Bull Big Wave 2020 como fonte de inspiração.
Blizzard
Blizzard Entertainment, os criadores do World of Warcraft, também conhecido como WOW, se for um cromo como eu. 🤓
Blizzard apresenta um dos seus personagens mais conhecidos, um Murloc, para ajudar a resgatá-lo da sua página 404.
Marvel
Marvel utiliza as suas diferentes personagens de banda desenhada como o Capitão América, Deadpool, etc. num 404 página.
uma pequena dica: Continue a carregar em refrescar. A cada três actualizações, a Marvel irá servir um visual diferente.
Patagonia
patagonia 404 page
Patagónia está pendurada dez na sua página 404 a reproduzir o seu casual, vibração tropical.
P>Primeiro, eles envolvem o espectador com um laço de vídeo, mas depois guiam o utilizador mais abaixo na página para ligações às suas categorias de compras populares.
Backcountry
Backcountry, um popular website de equipamento de exterior que muitas vezes passo demasiado tempo a comprar coisas que nunca vou comprar, mostra o seu lado engraçado enquanto me ligo ao seu público.
Nintendo
Nintendo não tem algumas peças visualmente envolventes, o que me surpreendeu, sabem, por ser a Nintendo e tudo mais.
Mas, o que é importante é que a Nintendo acrescenta links para recursos para o utilizador.
Força os utilizadores a permanecerem no website e não a regressarem aos SERPs.
Zillow
Zillow oferece um benefício GIF interactivo aos seus buscadores.
Zillow utiliza os dados dos clientes para ver que os seus utilizadores são amantes de animais de estimação.
E, para manter os amantes de animais de estimação envolvidos, criaram este gato interactivo que acrescenta um pequeno riso no final quando parte algo na sala.
Como amante de animais, posso ligar-me a isto!
H&R Bloco
H&R Bloco é outro olhar para um não…so-appealing 404 página, mas oferece mais informações aos utilizadores para os manter a clicar e empenhados no seu website.
World of Warcraft
div id=”10aaa74e912″>world of warcraft 404 page
A equipa do World of Warcraft reconhece as competências do seu público com algumas anedotas sobre CDNs e acima da dobra.
Playstation
Playstation dá um belo grito a um dos seus mais recentes jogos na sua página 404.
Plus, fornecem opções para voltar à página inicial ou obter conselhos do centro de ajuda.
Sumário
Num mundo perfeito, nunca ninguém veria as suas 404 páginas.
Mas no mundo real, as coisas acontecem.
Links ficam truncados, os dedos gordos escorregam, e por vezes esquecem-se apenas de redireccionar uma página. Comece por utilizar uma ferramenta como o Screaming Frog para encontrar esses links quebrados.
Remember, leva tempo a criar 404 páginas criativas que atraem os utilizadores em vez de os afugentar.