{"id":261114,"date":"2023-10-17T08:46:00","date_gmt":"2023-10-17T05:46:00","guid":{"rendered":"https:\/\/inform.click\/como-aproveitar-a-pagina-404\/"},"modified":"2023-10-17T09:41:00","modified_gmt":"2023-10-17T06:41:00","slug":"como-aproveitar-a-pagina-404","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/como-aproveitar-a-pagina-404\/","title":{"rendered":"Como aproveitar a p\u00e1gina 404?"},"content":{"rendered":"

\n Voc\u00ea j\u00e1 encontrou o erro N\u00e3o encontrado (404) em algum site? Voc\u00ea sabia que tem a oportunidade de converter os visitantes que chegam a p\u00e1ginas n\u00e3o encontradas? Este artigo ir\u00e1 ajud\u00e1-lo a tirar proveito da p\u00e1gina 404.\n<\/p>\n

\n Caso voc\u00ea n\u00e3o tenha configurado o Google Analytics para rastrear a p\u00e1gina 404. Aqui est\u00e1 um blog oficial<\/a> configurando um para o seu site.\n<\/p>\n

\n Se voc\u00ea souber corretamente, a web funciona no protocolo HTTP. O servidor web retornar\u00e1 um c\u00f3digo de status HTTP apropriado para cada solicita\u00e7\u00e3o de recurso.\n<\/p>\n

\n Existem quatro c\u00f3digos de status HTTP b\u00e1sicos que voc\u00ea pode precisar saber e eles s\u00e3o 200 \u2013 Encontrado<\/strong>, 301 \u2013 Movido permanentemente<\/strong>, 404 \u2013 N\u00e3o encontrado<\/strong>, 500 \u2013 erro interno do servidor<\/strong>. O 404 \u2013 n\u00e3o encontrado e o 500 \u2013 erro interno do servidor s\u00e3o dois dos c\u00f3digos de status mais exibidos.\n<\/p>\n

\n A \u00fanica diferen\u00e7a entre 404 e 500 \u00e9 que um servidor da web exibir\u00e1 a p\u00e1gina de erro atribu\u00edda em caso de erro 404 n\u00e3o encontrado, enquanto n\u00e3o houver sa\u00edda gerada pelo servidor exibida no caso de 500, pois o servidor da web est\u00e1 enfrentando algum erro de configura\u00e7\u00e3o.\n<\/p>\n

\n Um 404 pode ocorrer por v\u00e1rios motivos, como o visitante solicitar um recurso que nunca existiu em seu site, solicitar uma p\u00e1gina\/recurso que voc\u00ea excluiu ou solicitar um recurso com erro ou erro de digita\u00e7\u00e3o no URI.\n<\/p>\n

\n Existem alguns casos em que voc\u00ea deseja excluir essas p\u00e1ginas, postagens e recursos de m\u00eddia desatualizados. E ter erros 404 neste caso \u00e9 um processo natural. N\u00e3o h\u00e1 nada de errado com isso.\n<\/p>\n

\n Se voc\u00ea fizer um pouco de pesquisa, descobrir\u00e1 que a maioria dos sites tem uma p\u00e1gina 404 est\u00e1tica instalada. Em qualquer caso de erro n\u00e3o encontrado, a mesma p\u00e1gina ser\u00e1 exibida. Se o designer for experiente o suficiente, ele\/ela pode ter colocado um pequeno link\/bot\u00e3o de navega\u00e7\u00e3o para a p\u00e1gina inicial.\n<\/p>\n

\n Que tal correr uma milha extra com suas p\u00e1ginas 404? Que tal tornar sua p\u00e1gina 404 um pouco interativa? Vamos explorar as possibilidades.\n<\/p>\n

\n Aqui est\u00e3o as quatro maneiras de transformar sua p\u00e1gina 404 est\u00e1tica em uma mais interativa:\n<\/p>\n

    \n
  1. P\u00e1gina 404 com o link mais relevante pesquisado pelo usu\u00e1rio\n <\/li>\n
  2. P\u00e1gina 404 com suas melhores ofertas gratuitas\n <\/li>\n
  3. P\u00e1gina 404 com assistentes de link\n <\/li>\n
  4. p\u00e1gina 404 com links que voc\u00ea deseja promover\n <\/li>\n<\/ol>\n
    \n 01 404 p\u00e1gina com o link mais relevante pesquisado pelo usu\u00e1rio:
    \n<\/h5>\n

    \n Saber o que seus visitantes estavam procurando em seu site \u00e9 a chave. Fornecer ao usu\u00e1rio os links certos para os melhores recursos correspondentes provavelmente seria a melhor experi\u00eancia do usu\u00e1rio que voc\u00ea pode oferecer ao visitante.\n<\/p>\n

    \n A quest\u00e3o pode surgir como voc\u00ea saberia o que o usu\u00e1rio estava procurando e como voc\u00ea sugeriria os links com base em sua pesquisa?\n<\/p>\n

    \n Bem, a solu\u00e7\u00e3o pode parecer complexa no come\u00e7o, mas n\u00e3o \u00e9 t\u00e3o complexa de desenvolver. Se voc\u00ea \u00e9 um desenvolvedor, sabe que pode extrair a cadeia de recursos solicitada e fazer uma verifica\u00e7\u00e3o de regex em rela\u00e7\u00e3o aos recursos que possui em seu site.\n<\/p>\n

    \n Por exemplo, voc\u00ea est\u00e1 oferecendo servi\u00e7o de reparo de alto-falante para a maioria das marcas de fabrica\u00e7\u00e3o de \u00e1udio. Os alto-falantes Bose X1, por exemplo, est\u00e3o na sua lista. Mas um visitante chega ao seu site com o Bose X10 como um recurso solicitado. N\u00e3o h\u00e1 alto-falante chamado Bose X10, ent\u00e3o, naturalmente, n\u00e3o deve estar na sua lista.\n<\/p>\n

    \n A coisa poss\u00edvel para exibir em sua p\u00e1gina 404 \u00e9 listar todos os alto-falantes BOSE que voc\u00ea conserta. E, se poss\u00edvel, liste primeiro os alto-falantes da s\u00e9rie BOSE X.\n<\/p>\n

    \n Essa pode ser a melhor maneira de um usu\u00e1rio navegar para uma p\u00e1gina adequada, apesar de ser direcionado para uma p\u00e1gina 404. As chances de converter aquela p\u00e1gina 404 s\u00e3o muito altas. Voc\u00ea o ajudou a navegar para a p\u00e1gina real.\n<\/p>\n

    \n Al\u00e9m disso, isso tamb\u00e9m ajudar\u00e1 voc\u00ea a diminuir a taxa de rejei\u00e7\u00e3o do seu site. Se voc\u00ea n\u00e3o mostrar os links sugeridos para a melhor p\u00e1gina correspondente, h\u00e1 grandes chances de que o visitante navegue de volta ou saia do seu site.\n<\/p>\n

    \n 02 404 p\u00e1gina com suas melhores ofertas gratuitas:
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Vamos considerar que mostrar o link mais relevante n\u00e3o \u00e9 bem poss\u00edvel para o seu site. Ou voc\u00ea n\u00e3o quer entrar em muitas coisas de codifica\u00e7\u00e3o. Esta pode ser a melhor op\u00e7\u00e3o para come\u00e7ar.\n<\/p>\n

    \n Quando um visitante acessar a p\u00e1gina 404 do seu site, mostre a ele uma mensagem de que lamenta que o recurso que ele est\u00e1 procurando n\u00e3o esteja dispon\u00edvel.\n<\/p>\n

    \n Logo ap\u00f3s o texto de desculpas, mostre a eles a melhor oferta em execu\u00e7\u00e3o no seu site. Pode ser como oferecer 5% ou 10% de desconto em seu produto mais popular ou oferecer algo valioso gratuitamente em troca de um e-mail.\n<\/p>\n

    \n Essa pode ser a melhor maneira de manter todos os visitantes envolvidos com outros produtos ou ofertas que chegaram \u00e0 p\u00e1gina 404!\n<\/p>\n

    \n 03 404 p\u00e1gina com assist\u00eancia de link:
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Enquanto voc\u00ea sempre pode exibir a navega\u00e7\u00e3o nas 404 p\u00e1ginas. Mas h\u00e1 grandes chances de um visitante ir ao seu painel de navega\u00e7\u00e3o, identificar a p\u00e1gina que deseja visitar e chegar a essa p\u00e1gina! A maioria deles simplesmente sai.\n<\/p>\n

    \n Voc\u00ea pode ter um design de p\u00e1gina 404 de forma que contenha todos os links importantes para v\u00e1rios recursos do seu site, juntamente com uma mensagem de erro 404 clara.\n<\/p>\n

    \n Isso pode ajudar o usu\u00e1rio a entender que acessou a p\u00e1gina errada. \u00c9 404, mas ele tem uma lista de links exibindo todos os recursos importantes do site que ele pode visitar.\n<\/p>\n

    \n 04 404 p\u00e1gina com links que voc\u00ea deseja promover:
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n \u00c9 muito simples, basta ter os links que voc\u00ea deseja que seus visitantes visitem em p\u00e1ginas 404. Eu n\u00e3o sugeriria seguir esse caminho sozinho. Pode ser que a mistura da sugest\u00e3o 03 e 04 funcione.\n<\/p>\n

    \n Manter os links das p\u00e1ginas que voc\u00ea realmente deseja promover na p\u00e1gina 404 certamente ajudar\u00e1 voc\u00ea a aumentar o n\u00famero de visitas nessas p\u00e1ginas. A desvantagem \u00e9 que voc\u00ea est\u00e1 gerando mais visitas despreocupadas que podem contribuir para uma alta taxa de rejei\u00e7\u00e3o.\n<\/p>\n

    \n A \u00fanica sugest\u00e3o que eu faria aqui \u00e9 que, se seguir esse caminho, tenha pelo menos uma oferta que seja gratuita ou muito gen\u00e9rica por natureza. O que significa que qualquer pessoa seria capaz de se relacionar com a oferta que voc\u00ea est\u00e1 fazendo. \u00c9 muito acess\u00edvel ou gratuito, o que o ajudar\u00e1 a melhorar os engajamentos.\n<\/p>\n

    \n Exemplos populares de p\u00e1ginas 404 criativas\n<\/p>\n

    \n Se voc\u00ea est\u00e1 procurando alguma inspira\u00e7\u00e3o ao criar uma p\u00e1gina 404 para o seu site, aqui est\u00e3o alguns dos meus exemplos de p\u00e1ginas 404 favoritas.\n<\/p>\n

    \n Wufoo
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Wufoo<\/a> \u00e9 um dos servi\u00e7os populares de integra\u00e7\u00e3o de formul\u00e1rios de contato na Internet. Observe o tema geral da p\u00e1gina e o bot\u00e3o verde se diferenciando do resto da p\u00e1gina!\n<\/p>\n

    \n O dinossauro representa a mensagem n\u00e3o encontrada, e d\u00ea uma olhada no bot\u00e3o CRIE UM FORMUL\u00c1RIO GRATUITAMENTE Call to Action. Ele claramente direciona o usu\u00e1rio a pressionar o bot\u00e3o e executar alguma a\u00e7\u00e3o na p\u00e1gina n\u00e3o encontrada tamb\u00e9m.\n<\/p>\n

    \n Em vez de manter a navega\u00e7\u00e3o no topo, eles usaram os itens de navega\u00e7\u00e3o selecionados no bot\u00e3o CTA.\n<\/p>\n

    \n AirBnB
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Veja como o AirBnB<\/a> est\u00e1 representando tudo, desde uma mensagem 404 clara, ilustra\u00e7\u00e3o n\u00e3o encontrada e o link de navega\u00e7\u00e3o na pequena \u00e1rea!\n<\/p>\n

    \n Um usu\u00e1rio que se perdesse no site do AirBnB chegaria a esta p\u00e1gina, esta p\u00e1gina tem toda a dire\u00e7\u00e3o necess\u00e1ria (links) para enviar o usu\u00e1rio de volta \u00e0(s) p\u00e1gina(s) importante(s) e mant\u00ea-lo engajado no site.\n<\/p>\n

    \n Mail Chimp
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n A plataforma de marketing por e-mail muito popular do Mailchimp<\/a> tem uma bela p\u00e1gina 404 instalada. Eles usaram o Macaco com estilo de hulk aplicado a quem parece se perder em uma floresta.\n<\/p>\n

    \n Um usu\u00e1rio direcionado para este 404 recebe uma mensagem clara com uma ilustra\u00e7\u00e3o, uma mensagem clara seguida pela ilustra\u00e7\u00e3o.\n<\/p>\n

    \n O melhor \u00e9 que eles sabem que o usu\u00e1rio perdeu o rumo, ent\u00e3o ele pode encontrar uma barra de busca logo ap\u00f3s a mensagem de n\u00e3o encontrado. O usu\u00e1rio pode pesquisar qualquer recurso que estava procurando anteriormente usando a pesquisa.\n<\/p>\n

    \n Se a pesquisa n\u00e3o for algo que prefira encontrar ou localizar um recurso, eles inclu\u00edram uma bela navega\u00e7\u00e3o logo abaixo da barra de pesquisa!\n<\/p>\n

    \n um pouco
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n O Bitly<\/a> \u00e9 um dos servi\u00e7os de encurtamento de URL mais populares, com alguns recursos interessantes, como marca personalizada e an\u00e1lise de cliques.\n<\/p>\n

    \n Aparentemente, eles t\u00eam uma p\u00e1gina 404 bonita e significativa! Se voc\u00ea gastar alguns segundos, notar\u00e1 que o designer manteve o oceano vazio. Significa que n\u00e3o h\u00e1 nada dentro da \u00e1gua, o que d\u00e1 uma ilustra\u00e7\u00e3o clara de que nada foi encontrado para o recurso solicitado.\n<\/p>\n

    \n Nenhum painel de navega\u00e7\u00e3o mantido no cabe\u00e7alho. A p\u00e1gina mostra a mensagem de erro, seguida pelos tr\u00eas links de navega\u00e7\u00e3o simples e b\u00e1sicos na parte inferior.\n<\/p>\n

    \n Para tornar as coisas mais interativas, a equipe de design criou o efeito de onda no caso de movimento do mouse. Visite a p\u00e1gina para experiment\u00e1-lo.\n<\/p>\n

    \n Bolacha
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n A bela ilustra\u00e7\u00e3o de um prato vazio no Cooklet<\/a> deixa claro que o que voc\u00ea est\u00e1 procurando n\u00e3o existe.\n<\/p>\n

    \n O Oh n\u00e3o! Junto com um prato vazio, transmita a mensagem n\u00e3o encontrado. O interessante \u00e9 que eles disponibilizaram o link de a\u00e7\u00e3o Get Back (voltar ao hist\u00f3rico do javascript) e ir para o link da p\u00e1gina inicial na mensagem n\u00e3o encontrado.\n<\/p>\n

    \n Al\u00e9m disso, eles mant\u00eam intacto o cabe\u00e7alho com a barra de pesquisa. Isso significa que um usu\u00e1rio que deseja navegar al\u00e9m da p\u00e1gina anterior ou da p\u00e1gina inicial poder\u00e1 localizar recursos facilmente.\n<\/p>\n

    \n J\u00e1 testei algum desses?
    \n<\/h5>\n

    \"\"<\/a><\/p>\n

    \n Acima est\u00e1 a imagem da p\u00e1gina 404 do meu pr\u00f3prio site. Inicialmente eu n\u00e3o tinha bot\u00f5es ou links na minha p\u00e1gina 404. Era uma p\u00e1gina 404 simples mostrando a mensagem de erro, isso!\n<\/p>\n

    \n Adicionei um bot\u00e3o que se diferencia do restante dos elementos da p\u00e1gina e motiva o visitante a pression\u00e1-lo. Pression\u00e1-lo move o usu\u00e1rio de volta para a p\u00e1gina inicial. O bot\u00e3o simples me ajudou a trazer visitantes para a p\u00e1gina inicial do meu site e mant\u00ea-los engajados no site.\n<\/p>\n

    \n Estou planejando adicionar mais coisas din\u00e2micas em breve \u00e0 minha p\u00e1gina que discuti no ponto #1.\n<\/p>\n

    \n Conclus\u00e3o
    \n<\/h4>\n

    \n Ter 404 \u00e9 algo natural para qualquer site. Mas tirar proveito da p\u00e1gina 404 e converter esses visitantes 404 em clientes \u00e9 a verdadeira intelig\u00eancia. As t\u00e9cnicas discutidas ir\u00e3o ajud\u00e1-lo a diminuir sua taxa de rejei\u00e7\u00e3o e melhorar o engajamento.\n<\/p>\n<\/p>\n

    \n Fonte de grava\u00e7\u00e3o: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Voc\u00ea j\u00e1 encontrou o erro N\u00e3o encontrado (404) em algum site? Voc\u00ea sabia que tem a oportunidade de converter os visitantes que chegam a p\u00e1ginas n\u00e3o encontradas? Este artigo ir\u00e1 ajud\u00e1-lo a tirar proveito da p\u00e1gina 404. Caso voc\u00ea n\u00e3o tenha configurado o Google Analytics para rastrear a p\u00e1gina 404. Aqui est\u00e1 um blog oficial configurando um para o seu site. Se voc\u00ea souber corretamente, a web funciona no protocolo HTTP. O servidor web retornar\u00e1 um c\u00f3digo de status HTTP apropriado para cada solicita\u00e7\u00e3o de recurso. Existem quatro c\u00f3digos de status HTTP b\u00e1sicos que voc\u00ea pode precisar \u2026<\/p>\n","protected":false},"author":1,"featured_media":187867,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[202,98,59],"tags":[],"class_list":["post-261114","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer-de-web","category-seo-e-marketing-2","category-web-e-wordpress-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=261114"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261114\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/187867"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=261114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=261114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=261114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}