Se você já acessou uma página 404, sabe o quão frustrante isso pode ser. Eu costumava pensar que elas eram apenas becos sem saída, mas agora as uso para manter as pessoas no meu site e guiá-las de volta para algo útil.
Neste guia, mostrarei como criar uma página 404 no WordPress que não seja apenas funcional, mas útil. Você aprenderá a projetar uma que se encaixe na sua marca, aponte as pessoas na direção certa e possa até ajudar a coletar leads.
O Que É uma Página de Erro 404?
Uma página de erro 404 geralmente é exibida quando os visitantes do site procuram informações que foram excluídas, removidas ou movidas para outro URL. O termo erro 404 vem do código de status HTTP 404, que seu servidor web retorna quando a página da web solicitada não é encontrada.
Mas existem outros motivos pelos quais os visitantes podem receber um erro de página 404 não encontrada.
Seu site também pode exibir este erro se:
- A conexão do usuário estiver quebrada
- O nome de domínio que o usuário está procurando não existir mais
- Um usuário digitar o URL errado
Você também pode querer alterar o link permanente (slug) de uma página. Mas, depois de fazer isso, você pode esquecer de redirecioná-la adequadamente. Nesse cenário, os usuários provavelmente verão um erro 404 não encontrado devido a um link quebrado.
Quais São os Benefícios de uma Página 404 Personalizada no WordPress?
Você já acessou uma página 404? Se sim, sabe o quão frustrante é ver uma.
O mesmo acontece com seus visitantes quando eles chegam ao seu site procurando por informações específicas, mas acabam em uma página 404. Isso pode irritá-los e convencê-los a sair rapidamente do seu site e, potencialmente, nunca mais voltar.
Além disso, pode ter o seguinte impacto em seus negócios:
- Aumentar a Taxa de Rejeição: Relatórios mostram que sites com uma taxa de rejeição menor classificam mais alto nos motores de busca. Portanto, se as pessoas estiverem saindo do seu site devido a erros 404 frequentes, a alta taxa de rejeição resultante pode impactar seu SEO.
- Crescimento Mais Lento: Você pode perder um cliente em potencial que acessou seu site para fazer uma compra. A perda de clientes em potencial significa menos conversões, o que, por sua vez, significa um crescimento lento.
- Imagem de Marca Pobre: Ao oferecer uma experiência ruim aos visitantes, você está afetando a imagem da sua marca. Quando isso acontece, as pessoas deixarão de confiar na sua marca e evitarão comprar de você. Se isso ocorrer, recuperar sua reputação pode ser desafiador.
Normalmente, se as pessoas tiverem uma boa experiência com seu site, elas vão querer voltar. Mas uma página de erro 404 nem sempre oferece a melhor experiência ao usuário.
Felizmente, você pode evitar perder leads e clientes em potencial projetando uma página de erro 404 que ajude os visitantes a encontrar as informações de que precisam. É uma excelente maneira de reter visitantes, diminuir as taxas de rejeição e manter a reputação da sua marca.
Mas como fazer isso? Mostraremos como na próxima seção.
Como Criar uma Página 404 no WordPress
Personalizar sua página 404 do WordPress é mais fácil do que você imagina. Existem alguns métodos diferentes para criar um design de página 404 personalizado, incluindo a edição do arquivo 404.php do seu site ou o uso de um plugin de página 404 do WordPress.
Para a maioria dos proprietários de sites, um plugin do WordPress é a maneira mais fácil e eficaz de personalizar sua página 404, pois não requer a edição dos arquivos do seu tema do WordPress.
O plugin que usaremos para este guia é o SeedProd, o melhor construtor de sites e construtor de landing pages do WordPress.
Com este plugin, você pode projetar uma página 404 personalizada com uma mensagem, uma imagem e um CTA para incentivar os visitantes a permanecerem no seu site.
O SeedProd também inclui recursos avançados, como:
- Construtor de páginas de arrastar e soltar
- Construtor de temas amigável
- Elementos de design para geração de leads
- Modelos de landing pages pré-prontos
- Kits de sites com barra lateral, cabeçalho, rodapé e modelos de páginas populares.
- Editor de temas e widgets do WooCommerce
Com isso em mente, você pode seguir as etapas abaixo para criar uma página 404 personalizada com o SeedProd, sem código ou CSS.
Passo 1. Instale e Ative o SeedProd
Primeiro, você precisará acessar o site do SeedProd e baixar o plugin. Embora exista uma versão gratuita do SeedProd, usaremos o plugin premium porque ele permite substituir o modelo 404 integrado do seu tema.
Se precisar de ajuda com isso, você pode consultar nossa documentação sobre instalação e ativação do SeedProd. Ela inclui tudo o que você precisa, incluindo a instalação do plugin e a ativação da sua chave de licença.
Etapa 2. Escolha um Modelo de Página 404
Após ativar o plugin, navegue até SeedProd » Landing Pages no seu painel do WordPress. Em seguida, na seção 'Página 404', clique no botão 'Configurar uma página 404'.
Na próxima tela, você pode escolher um modelo de página 404 pré-pronto. O SeedProd filtrará automaticamente os modelos para mostrar todos os designs de página 404 disponíveis.
Você pode clicar na lupa para visualizar um design ou clicar no ícone de marca de seleção para escolher um modelo específico.
Estamos usando o modelo de página 404 'Fist Bump', mas você pode escolher qualquer design ou criar modelos do zero.
Etapa 3. Personalize sua Página 404 do WordPress
Após escolher seu modelo, você verá o construtor de páginas de arrastar e soltar onde poderá personalizar sua página 404.
No lado esquerdo, você verá blocos e seções que pode adicionar ao seu design. E à direita está uma visualização ao vivo da sua página.
A maioria dos modelos 404 do SeedProd já possui vários blocos do WordPress, formando o núcleo do design. Para personalizá-los, clique para destacar o bloco no seu layout e faça alterações usando as configurações no painel esquerdo.
Para adicionar novos blocos ao seu design, encontre o bloco no menu esquerdo e arraste-o para sua página. A partir daí, você pode personalizar o bloco usando o processo que explicamos acima.
Quando os visitantes acessam sua página 404, eles podem precisar de ajuda para entender como chegaram lá e o que fazer a seguir. Com isso em mente, é uma boa ideia adicionar um texto explicando que o que eles procuram não pode ser encontrado e sugerindo várias ações a serem tomadas.
Como nosso modelo já possui um bloco de Título e Texto, podemos clicar neles para atualizar o conteúdo com nossa mensagem personalizada.
Por exemplo, na imagem a seguir, adicionamos uma mensagem que sugere visitar o blog ou usar a caixa de pesquisa para encontrar algo mais específico.
Agora, vamos ver como adicionar esses 2 recursos à sua página 404, começando com um botão para visitar o blog.
Primeiro, encontre o bloco Coluna no painel esquerdo e arraste-o para o seu layout.
A partir daí, escolha a opção de layout de 2 colunas. É aqui que você colocará novos elementos lado a lado na página, que no nosso caso, são um botão e uma barra de pesquisa.
Agora você pode arrastar o bloco Botão para sua primeira coluna. Nas configurações do bloco, você pode alterar o texto do botão e adicionar o URL da sua página de blog.
Depois de fazer isso, clique na aba Avançado para alterar mais configurações, incluindo cor, estilo, espaçamento do botão e muito mais.
Para adicionar uma caixa de pesquisa na segunda coluna, procure o bloco Formulário de Pesquisa e siga o mesmo processo de antes.
Você pode até alterar a cor de fundo da linha para destacar seus itens de ação.
Aqui estão algumas outras maneiras de melhorar o conteúdo da sua página 404:
- Use MonsterInsights e o bloco Shortcode do SeedProd para exibir posts populares em sua página 404 automaticamente.
- Exiba produtos populares do WooCommerce para impulsionar as vendas de comércio eletrônico
- Use o bloco Formulário de Contato para coletar feedback dos visitantes da página 404
Quando estiver satisfeito com a aparência da sua nova página, clique no botão Salvar no canto superior direito e, no menu suspenso, selecione a opção Salvar como Modelo .
Agora você pode dar um nome ao seu modelo de página 404 personalizado, clicar no botão Salvar Modelo e retornar ao editor.
Etapa 4. Ative sua página 404 do WordPress.
Com o design personalizado da sua página 404 pronto, você pode clicar no ícone 'X' no editor para retornar ao seu painel administrativo do WordPress. Ao fazer isso, você verá um pop-up perguntando se deseja ativar a página imediatamente.
Clique no botão Sim, Ativar.
Após clicar neste botão, você voltará ao painel da página inicial e verá que o Modo de Página 404 está ativo.
Se você quiser desativar sua página 404 personalizada, basta alternar o seletor para a posição inativa.
Aqui está uma visualização final do nosso design personalizado de página 404 do WordPress:
Principal Conclusão: Você pode criar uma página 404 no WordPress sem tocar em código usando o construtor de arrastar e soltar do SeedProd e um de seus modelos prontos.
| Ferramenta: SeedProd |
| Caso de Uso: Criar uma página 404 personalizada no WordPress |
| Sem Necessidade de Código: Sim |
| Editor Visual: Construtor de arrastar e soltar |
| 2. Use Palavras-chave |
Maneiras de Transformar sua Página 404 do WordPress em um Ímã de Leads
A maioria das empresas usa sua página de erro 404 para informar aos visitantes que a página que eles procuram não foi encontrada. Como já discutimos, as páginas 404 que fazem apenas isso podem ser chatas e improdutivas.
Em vez disso, é melhor otimizar a página para geração de leads.
Dessa forma, em vez de perder clientes potenciais, você pode incentivá-los a agir e converter. Para isso, no entanto, você precisará de uma página visualmente atraente.
Comece usando as cores e elementos certos para fazer a página se destacar. Você também precisará otimizá-la para gerar leads e aumentar as conversões.
Existem várias maneiras de fazer isso, então vamos ver as mais eficazes:
1. Exiba seu Produto
Uma das maneiras mais eficazes de fazer sua página de erro 404 gerar mais leads é mostrar seus produtos. Em vez de dizer aos seus visitantes que a página que eles procuram não existe, use-a para dar mais informações sobre seus produtos.
Adicione algumas imagens de seus produtos de alta qualidade e com aparência profissional e vincule a elas.
A Steve Madden usa essa técnica para converter sua página de erro 404 em um design que aumenta ativamente as conversões.
Usando essa técnica, você pode incentivar os visitantes a explorar mais seu site, mesmo que eles não encontrem exatamente o que precisam.
2. Use Palavras-chave
Outra maneira eficaz de gerar leads através da sua página 404 é usar palavras-chave direcionadas. Os melhores leads para qualquer negócio vêm da busca orgânica, e você só pode obter bom tráfego orgânico se melhorar seus rankings de busca.
Adicionar palavras-chave relevantes à sua página de erro 404 pode ajudar a aumentar seus rankings de SEO.
Vamos ver um exemplo para ajudá-lo a fazer isso de forma mais eficaz.
Digamos que você tenha um negócio de marketing de conteúdo. Nesse caso, em sua página de erro 404, você pode escrever algo como isto:
‘Quer criar conteúdo que gere leads para o seu negócio? Veja como podemos ajudá-lo a fazer isso’.
Agora adicione um link para sua página inicial ou uma página de destino poderosa para ajudar os visitantes a obterem o que você prometeu.
Em vez de sair do seu site, os visitantes agora podem explorar seu site para entender seus serviços. E se gostarem, eles podem converter.
3. Adicione Informações Sobre seu Negócio
Outra maneira brilhante de transformar sua página 404 é adicionar as informações do seu negócio.
Seus visitantes podem cair em um erro 404, mas você não quer perdê-los com uma mensagem decepcionante. Adicionar as informações do seu negócio é uma excelente maneira de reacender o interesse deles e engajá-los novamente.
A marca de moda Myntra usa essa técnica maravilhosamente:
Além de exibir a mensagem de erro, também ajuda os usuários a explorar diferentes seções do site. Como visitante, você pode conferir sua coleção em categorias definidas na barra de menu, visitar seu perfil, verificar sua lista de desejos, ir para o seu carrinho ou até mesmo pesquisar produtos.
Melhor ainda, ele exibe uma barra de desconto no lado direito da tela. Assim, em vez de encontrar um beco sem saída, os visitantes podem conferir a coleção e comprar produtos com um grande desconto.
4. Adicione Botões de CTA Relevantes
Adicionar botões de call-to-action (CTA) relevantes à sua página 404 é uma maneira inteligente de pedir aos clientes que entrem em contato e resolvam seus problemas.
Pode ser um botão de suporte ao cliente, um formulário de contato, um botão de consulta, um botão de chamada ou qualquer coisa que você considere útil. Seus visitantes podem usar facilmente esses botões para registrar uma reclamação, fazer uma ligação rápida, fazer perguntas, seguir você nas redes sociais ou fazer qualquer coisa para tornar a situação menos frustrante.
5. Adicione Pop-ups de Intenção de Saída
Pop-ups de intenção de saída são outra maneira eficaz de evitar que os visitantes tenham uma experiência ruim em seu site. Crie um pop-up de saída que apareça na tela do seu visitante pouco antes de ele sair.
Use-o para exibir códigos de desconto, oferecer preços, anunciar novidades e muito mais. É uma maneira poderosa de convencer os visitantes de que vale a pena revisitar seu site no futuro.
As pessoas adoram descontos e ofertas. Portanto, exibi-los em pop-ups de saída pode reengajar visitantes, gerar leads sólidos e impulsionar suas vendas.
6. Torne-a Interessante
Aterrar em uma página de erro 404 já é super frustrante. É ainda mais irritante se a página for sem graça.
Em vez disso, transforme a experiência em algo mais divertido e emocionante. Por exemplo, você pode usar o humor para tornar a mensagem mais memorável e fazer seus visitantes sorrirem.
Outra maneira de tornar sua página 404 agradável é adicionar um jogo na tela. É uma maneira inteligente de chamar a atenção e manter os usuários em seu site por mais tempo.
Ponto Principal: Uma página 404 bem projetada pode ajudar a reduzir a taxa de rejeição e até mesmo a aumentar sua lista de e-mails ou vendas, oferecendo links, CTAs e conteúdo inteligente em vez de um beco sem saída.
Que Tipos de Páginas 404 Você Pode Criar?
Nem todas as páginas 404 são iguais. Você pode projetar a sua com base no que faz mais sentido para o seu site e público.
- Útil: Adicione links para sua página inicial, blog ou uma barra de pesquisa para ajudar os visitantes a encontrar o que precisam.
- Criativa ou Engraçada: Use humor, animações ou ilustrações para tornar a página mais memorável.
- Com a Marca ou Focada em Produtos: Mostre seu estilo e inclua links para produtos em destaque ou conteúdo popular.
- Otimizada para SEO: Use palavras-chave, CTAs fortes e formulários de captura de leads para transformar visitantes perdidos em assinantes ou clientes.
Páginas 404 Afetam o SEO?
Um ou dois erros 404 não prejudicarão suas classificações de pesquisa — eles são uma parte normal da execução de um site. Mas muitos links quebrados podem levar a uma má experiência do usuário, e isso pode afetar seu SEO ao longo do tempo.
Se os mecanismos de pesquisa continuarem encontrando páginas ausentes, isso pode diminuir a velocidade de rastreamento e indexação. Além disso, os usuários podem sair rapidamente do seu site, o que aumenta sua taxa de rejeição.
Para ficar por dentro das coisas, uso um plugin como o Broken Link Checker para monitorar meu site e corrigir quaisquer problemas rapidamente.
Sua Vez
Uma página 404 personalizada é um elemento essencial para qualquer site.
Não só oferece uma melhor experiência ao usuário, mas também pode ajudar a gerar leads para o seu negócio. Seguindo as dicas e tutoriais deste artigo, você pode aprender a criar uma página 404 que incentive os visitantes a permanecerem em seu site e a tomarem uma atitude.
Então, por que se contentar com uma mensagem de erro 404 genérica quando você pode criar uma página personalizada que funciona para você?
Esperamos que você tenha achado este guia útil. Antes de ir, você também pode gostar deste guia sobre como criar um tema WordPress do zero sem instalar um tema filho.
Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTube, X e Facebook para mais conselhos e conteúdo úteis para expandir seus negócios.
