Se voc\u00ea tamb\u00e9m tem um plano para criar sua pr\u00f3pria p\u00e1gina 404 dessa maneira, ver alguns exemplos de p\u00e1ginas 404 personalizadas j\u00e1 feitas pode servir como uma boa inspira\u00e7\u00e3o para voc\u00ea. Assim, decidimos compartilhar uma lista de exemplos de p\u00e1ginas de erro 404 espirituosas e exclusivas que podem ajud\u00e1-lo durante sua cria\u00e7\u00e3o.<\/p>\n
Como uma p\u00e1gina de erro 404 deve se parecer<\/h2>\n
Primeiro, mencionaremos algumas caracter\u00edsticas que, em nossa opini\u00e3o, uma p\u00e1gina de erro 404 personalizada deve ter. Algumas dessas estrat\u00e9gias foram aplicadas por muitos sites influentes.<\/p>\n
1 Deve combinar com o estilo geral do seu site<\/h3>\n
Se voc\u00ea nos perguntar, isso deve ser \u00f3bvio. Existem tantos temas do WordPress que s\u00e3o feitos especificamente para se adequar \u00e0 vibra\u00e7\u00e3o de um determinado tipo de neg\u00f3cio ou \u00e0 natureza dos servi\u00e7os ou produtos que o site est\u00e1 promovendo. Portanto, \u00e9 natural que voc\u00ea ajuste o design da p\u00e1gina 404 ao modelo do site e ao tema geral do site<\/strong>. Por exemplo, se voc\u00ea \u00e9 um site de restaurante especializado em refei\u00e7\u00f5es requintadas, seria bom incorporar uma imagem de uma refei\u00e7\u00e3o elegante, bem como seu nome em sua p\u00e1gina de erro 404. Dessa forma, seus visitantes, pelo menos, n\u00e3o esquecer\u00e3o que voc\u00ea serve boa comida, apesar do transtorno com que se deparam no momento atual. Gra\u00e7as a muitos sites de a\u00e7\u00f5es gratuitas<\/a><\/strong> e v\u00e1rios recursos com ilustra\u00e7\u00f5es vetoriais<\/a><\/strong>voc\u00ea pode melhorar a apar\u00eancia da sua p\u00e1gina de erro 404 de acordo com suas necessidades.<\/p>\n Ter um pop-up de p\u00e1gina de erro 404 n\u00e3o \u00e9 apenas irritante, tamb\u00e9m \u00e9 algo que n\u00e3o deveria ter acontecido em primeiro lugar. \u00c9 por isso que \u00e9 sempre uma boa ideia incluir algum tipo de pedido de desculpas em sua p\u00e1gina de erro<\/strong>, onde voc\u00ea enfatiza que sente muito pelo problema do usu\u00e1rio de alguma forma.<\/p>\n Isso tamb\u00e9m pode ser uma boa pr\u00e1tica. Se voc\u00ea adicionar uma barra de pesquisa \u00e0 sua p\u00e1gina de erro 404<\/strong>, ela poder\u00e1 fazer com que os usu\u00e1rios permane\u00e7am em seu site para continuar explorando.<\/p>\n Assim como uma barra de pesquisa, um link \u00fatil pode fazer mais bem do que mal<\/strong>. Pode ser qualquer link que voc\u00ea considere importante, como seu blog, p\u00e1gina de contato ou at\u00e9 mesmo sua p\u00e1gina inicial. Al\u00e9m disso, adicionar link no WordPress<\/a><\/strong> \u00e9 super f\u00e1cil.<\/p>\n J\u00e1 mencionamos o humor anteriormente. Seja espirituoso, autodestrutivo ou simplesmente estranho, usar o humor em situa\u00e7\u00f5es como essas pode realmente ajudar bastante a aliviar o clima ou o visitante<\/strong>. Quem sabe, sua abordagem descontra\u00edda e c\u00f4mica pode at\u00e9 acabar com eles tendo uma impress\u00e3o mais positiva da sua marca em geral.<\/p>\n Em suma, se voc\u00ea tem uma boa ideia para uma linha espirituosa que pode ir para sua p\u00e1gina de erro 404, n\u00e3o hesite em adicion\u00e1-la, pois a atitude humor\u00edstica \u00e9 bem-vinda por muitos. E mesmo que seus visitantes n\u00e3o achem engra\u00e7ado, \u00e9 sempre melhor manter as coisas despreocupadas do que ser como uma m\u00e1quina sobre isso<\/strong>.<\/p>\n Voc\u00ea tamb\u00e9m pode definir um redirecionamento para sua p\u00e1gina de erro 404<\/strong>. Por exemplo, se ocorrer um erro, sua p\u00e1gina pode ser redirecionada para sua p\u00e1gina inicial. Esta, no entanto, n\u00e3o \u00e9 a melhor solu\u00e7\u00e3o, porque se houver algo errado com sua p\u00e1gina inicial, voc\u00ea estar\u00e1 de volta \u00e0 estaca zero.<\/p>\n Mas antes de mergulhar nos melhores exemplos que preparamos, reserve um tempo para refrescar sua mem\u00f3ria sobre a constru\u00e7\u00e3o de uma p\u00e1gina 404 no WordPress:<\/p>\n Agora que voc\u00ea sabe quais elementos podem fazer uma boa p\u00e1gina de erro 404, tamb\u00e9m forneceremos alguns exemplos de p\u00e1ginas de erro 404 que chamaram nossa aten\u00e7\u00e3o com seu senso de humor e o impacto geral de seu design.<\/p>\n<\/p>\n Ver pagina<\/a><\/p>\n Felizmente, a apar\u00eancia dessa p\u00e1gina de erro 404 n\u00e3o retrata como voc\u00ea reagir\u00e1 quando se deparar com esse problema. A Pixar decidiu adicionar um personagem chamado Tristeza de uma foto popular de 2015, Divertida Mente, com uma mensagem que o aconselha a n\u00e3o levar coisas como essas para o lado pessoal<\/strong>. N\u00e3o poder\u00edamos concordar mais.<\/p>\n Ver pagina<\/a><\/p>\n Depois de lan\u00e7ar uma nova identidade e design de marca, o Mailchimp tamb\u00e9m mudou a apar\u00eancia de sua p\u00e1gina de erro. O site especializado em servi\u00e7os de newsletter por e-mail decidiu incluir uma imagem n\u00e3o convencional de um burro cuja cabe\u00e7a est\u00e1 enterrada em um buraco, indicando que ele vasculhou todas as fendas do site e simplesmente n\u00e3o h\u00e1 p\u00e1gina para ser encontrada<\/strong>. Bem, \u00e9 evidente que o burro realmente tentou o seu melhor para encontrar essa p\u00e1gina para voc\u00ea, ent\u00e3o n\u00e3o h\u00e1 motivo para ficar muito frustrado com isso.<\/p>\n Ver pagina<\/a><\/p>\n Este site profissional baseado em fotografia \u00e9 especializado em capturar retratos de beb\u00eas rec\u00e9m-nascidos, casamentos e outros eventos relacionados \u00e0 fam\u00edlia. Ent\u00e3o \u00e9 justo que eles tenham decidido incluir uma foto de uma crian\u00e7a borrada fazendo birra em sua p\u00e1gina 404. Embora seja evidente pela foto que a crian\u00e7a acabou comendo um bolo, o texto sugere sutilmente que a p\u00e1gina que voc\u00ea estava procurando tamb\u00e9m foi comida<\/strong>. Mas como voc\u00ea pode ficar com raiva de uma crian\u00e7a chorando? Foi s\u00f3 curiosidade e acabou devorando sua p\u00e1gina por acidente!<\/p>\n Ver pagina<\/a><\/p>\n O design de 404 p\u00e1ginas da Blizzard Entertainment tem um toque especial. Al\u00e9m de uma janela quebrada e um menu distorcido (que ainda funciona, ali\u00e1s), h\u00e1 uma mensagem que culpa o usu\u00e1rio pelo erro<\/strong>. Eles foram um pouco ousados \u200b\u200bem sua abordagem porque esta \u00e9 definitivamente uma mudan\u00e7a das mensagens de desculpas usuais que tendem a aparecer em p\u00e1ginas de erro. No entanto, ainda \u00e9 \u00fanico e refrescante<\/strong>, por isso \u00e9 prov\u00e1vel que pelo menos algumas pessoas se divirtam com essa inesperada virada de mesa.<\/p>\n Ver pagina<\/a><\/p>\n Ver um antagonista de Angry Birds completamente derrotado na tela do site oficial deste jogo s\u00f3 porque a p\u00e1gina n\u00e3o pode ser encontrada pode realmente ter um efeito reconfortante em uma pessoa que a v\u00ea<\/strong>. Afinal, n\u00e3o \u00e9 outro sen\u00e3o um Bad Piggy que pode se relacionar com o seu infort\u00fanio.<\/p>\n Ver pagina<\/a><\/p>\n A Flywheel \u00e9 uma empresa especializada em ajudar desenvolvedores e designers a construir sites WordPress. Sua p\u00e1gina 404 \u00e9 simplista por natureza, mas \u00e9 composta por alguns elementos atraentes de design da web. Existe um “isso realmente \u00e9 uma merda!" mensagem que na verdade \u00e9 um trocadilho inteligente<\/strong>, considerando que um n\u00famero zero \u00e9 na verdade um buraco negro animado que sugou o que parece ser um laptop com uma p\u00e1gina quebrada.<\/p>\n Ver pagina<\/a><\/p>\n Todo bom designer de UX reconhece que enquanto voc\u00ea se concentra em resolver os maiores problemas que um usu\u00e1rio tem primeiro, voc\u00ea precisa acomodar quando eles saem do script tamb\u00e9m<\/strong>. \u00c9 por isso que o pessoal humilde do carwow criou uma p\u00e1gina 404 incr\u00edvel com um jogo de corrida de carros para quando as p\u00e1ginas n\u00e3o carregam como planejado.<\/p>\n Ver pagina<\/a><\/p>\n O humor brit\u00e2nico \u00e9 frequentemente caracterizado por n\u00e3o se levar muito a s\u00e9rio. Os pr\u00f3prios donos da empresa s\u00e3o brit\u00e2nicos, ent\u00e3o, nessa situa\u00e7\u00e3o, eles est\u00e3o realmente dando um soco em si mesmos. Eles fizeram isso desenhando dois personagens elegantes que est\u00e3o profundamente imersos em sua conversa sobre uma p\u00e1gina que n\u00e3o est\u00e1 funcionando<\/strong>. O tempo todo eles est\u00e3o dando conselhos ao usu\u00e1rio sobre o que eles devem fazer em seguida usando frases brit\u00e2nicas que soam francamente c\u00f4micas neste contexto.<\/p>\n Pessoalmente, perdemos quando eles chamaram a p\u00e1gina de ‘quatrocent\u00e9simas e quarta mensagem de erro’ e quando comentaram que ‘seu web-mordomo corrigir\u00e1 seu erro em um doddle’.<\/p>\n Ver pagina<\/a><\/p>\n O Slack \u00e9 uma plataforma colaborativa que ajuda empresas e empresas a trabalharem juntas e avan\u00e7arem. Mas se voc\u00ea chegar \u00e0 p\u00e1gina 404 deles, considere-se realmente perdido. Sua p\u00e1gina de erro apresenta uma bela anima\u00e7\u00e3o que tamb\u00e9m se move se voc\u00ea arrastar o ponteiro do mouse pela tela<\/strong>. Mesmo que seja visualmente atraente, este \u00e9 um exemplo de uma p\u00e1gina que n\u00e3o tem nenhuma correla\u00e7\u00e3o com o conte\u00fado do site, mas ainda faz bem o seu trabalho.<\/p>\n Al\u00e9m dos exemplos de p\u00e1ginas 404 cuidadosamente criados e usados \u200b\u200bpor marcas famosas, existem muitos outros \u00f3timos modelos aos quais voc\u00ea pode recorrer. Desenhados por artistas experientes com aten\u00e7\u00e3o a cada detalhe, estes s\u00e3o os nossos favoritos.<\/p>\n Ver pagina<\/a><\/p>\n Projetado por Lena Zaytseva, este modelo \u00e9 um \u00f3timo exemplo de layout de p\u00e1gina de erro 404 interativo e n\u00e3o t\u00edpico<\/strong>. M\u00ednimo, mas eficaz, combina a cor branca e amarela com textos animados. As palavras com o nome do site s\u00e3o separadas por “404”. Simultaneamente, sua mensagem principal junto com o bot\u00e3o de retorno aparece na parte inferior da p\u00e1gina. Esta solu\u00e7\u00e3o \u00e9 \u00f3tima para sites ousados \u200b\u200be nichos criativos<\/strong>.<\/p>\n Ver pagina<\/a><\/p>\n Embora esta p\u00e1gina 404 possa parecer b\u00e1sica no in\u00edcio, \u00e9 um bom exemplo de como a simplicidade pode ser eficaz<\/strong>. Com tonalidade de cor azul dominante e ilustra\u00e7\u00e3o 3D inteligente, mostra que 404 p\u00e1ginas originais e n\u00e3o tradicionais podem fazer uma diferen\u00e7a real. Se voc\u00ea deseja que sua apresenta\u00e7\u00e3o online se destaque, essa pode ser a op\u00e7\u00e3o certa.<\/p>\n Ver pagina<\/a><\/p>\n As p\u00e1ginas de erro 404 geralmente nos fazem sentir como se estiv\u00e9ssemos perdidos no espa\u00e7o. Com base nessa met\u00e1fora, este exemplo de p\u00e1gina 404 \u00e9 uma maneira poderosa de redirecionar os visitantes do site para a p\u00e1gina inicial<\/strong>. Gr\u00e1ficos encantadores e elementos planos s\u00e3o o foco principal deste modelo. Caso voc\u00ea queira uma p\u00e1gina 404 que seja uma pequena obra de arte e possa funcionar perfeitamente para qualquer tipo de site criativo, n\u00e3o hesite em experimentar este layout.<\/p>\n Ver pagina<\/a><\/p>\n Desenhado por Caroline Lee, este layout arrojado de 404 p\u00e1ginas \u00e9 uma \u00f3tima op\u00e7\u00e3o para quem prefere o estilo retr\u00f4 e multicolorido<\/strong>. A vibra\u00e7\u00e3o deste modelo nos lembra os videogames pioneiros e uma boa e velha era da televis\u00e3o. A mistura de cores brilhantes como rosa, amarelo, azul e verde e os diferentes tamanhos de formas se encaixam em qualquer design ou est\u00fadio de jogos.<\/p>\n Ver pagina<\/a><\/p>\n Se houver uma palavra que possa descrever esse layout, seria amarelo! Inspirado na est\u00e9tica da arte pop americana, este exemplo 404 combina dois tons de amarelo, pontos e listras ic\u00f4nicos. SE voc\u00ea quiser trazer alguma arte para este tipo de p\u00e1gina<\/strong>, este \u00e9 um caminho a percorrer.<\/p>\n2 Deve conter algum tipo de pedido de desculpas<\/h3>\n
3 Uma p\u00e1gina de erro 404 deve incluir uma barra de pesquisa<\/h3>\n
4 Considere adicionar um link<\/h3>\n
5 Ilumine-se com humor<\/h3>\n
\n
Nossas escolhas de inspira\u00e7\u00e3o de p\u00e1gina de erro 404<\/h2>\n
![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e692533b50.jpg\")
<\/a><\/p>\n![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e6929afc71.jpg\")
<\/a><\/p>\n![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e692e67c09.jpg\")
<\/a><\/p>\n![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e69330362e.jpg\")
<\/a><\/p>\n![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e693715f37.jpg\")
<\/a><\/p>\n![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e693c14d9a.jpg\")
<\/a><\/p>\n![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e694141c45.jpg\")
<\/a><\/p>\n![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e6947140c2.jpg\")
<\/a><\/p>\nInspire-se e prepare-se para experimentar<\/h2>\n
![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e694aab018.jpg\")
<\/a><\/p>\n![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e69501efe6.jpg\")
<\/a><\/p>\n![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e6954677d9.jpg\")
<\/a><\/p>\n![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e6958179b7.jpg\")
<\/a><\/p>\n![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e695d0a1cd.jpg\")
<\/a><\/p>\n
![\"Uma](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-337418-633e696159b5e.jpg\")
<\/a><\/p>\n