Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Como criar uma página 404 no WordPress que gere leads

Como criar uma página 404 no WordPress que gere leads 

Escrito por: imagem do autor Kaveri Bharali
imagem do autor Kaveri Bharali
Kaveri é uma entusiasta do WordPress que adora experimentar novos temas e plug-ins. Ela gosta de escrever sobre suas experiências para simplificar o WordPress para seus visitantes.
     Avaliado por: Turner John
imagem do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Deseja saber como criar uma página 404 para seu site WordPress?

Como proprietário de um website, você deseja que os visitantes tenham a melhor experiência possível em seu site. No entanto, é comum que os usuários encontrem uma página de erro 404, mostrando que a página que eles estavam procurando não pode ser encontrada.

Mas e se disséssemos que uma página 404 personalizada do WordPress pode ajudar a gerar leads para sua empresa?

Neste artigo, mostraremos a você como criar uma página 404 personalizada que gera leads para seu site WordPress.

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 o servidor da Web retorna quando a página da Web solicitada não é encontrada.

Mas há outros motivos pelos quais os visitantes podem receber um erro de página 404 não encontrada.

Seu site também pode exibir esse erro se:

  • A conexão do usuário está interrompida
  • O nome de domínio que o usuário está procurando não existe mais
  • Um usuário digita o URL errado

Você também pode querer alterar o permalink (slug) de uma página da Web. Mas, depois de fazer isso, você pode se esquecer de redirecioná-la corretamente. Nesse cenário, os usuários provavelmente verão um erro 404 não encontrado devido a um link quebrado.

Página de erro 404 do Google

Por que criar uma página 404 personalizada no WordPress?

Você já foi parar em uma página 404? Se já, você sabe como é frustrante ver uma página.

O mesmo acontece com os visitantes quando eles acessam o site em busca de informações específicas e acabam em uma página 404. Isso pode irritá-los e convencê-los a sair rapidamente do site e, possivelmente, nunca mais voltar.

Além disso, ele pode ter o seguinte impacto em seus negócios:

  • Aumentar a taxa de rejeição: Os relatórios mostram que os sites com uma taxa de re jeição menor têm uma classificação mais alta nos mecanismos de pesquisa. Portanto, se as pessoas estão deixando seu site devido a erros 404 frequentes, a alta taxa de rejeição resultante pode afetar seu SEO.
  • Crescimento mais lento: Você pode perder um cliente em potencial que chegou ao seu site para fazer uma compra. A perda de clientes potenciais significa menos conversões, o que, por sua vez, significa um crescimento lento.
  • Imagem ruim da marca: Ao oferecer uma experiência de usuário ruim aos visitantes, você está afetando a imagem da sua marca. Quando isso acontece, as pessoas deixam de confiar na sua marca e evitam comprar de você. Se isso acontecer, recuperar sua reputação pode ser um desafio. 

Normalmente, se as pessoas tiverem uma boa experiência com seu website, elas desejarão retornar. Mas uma página de erro 404 nem sempre oferece a melhor experiência para o usuário.

Felizmente, você pode evitar a perda de leads e clientes em potencial criando uma página de erro 404 que ajude os visitantes a encontrar as informações de que precisam. Essa é uma excelente maneira de reter visitantes, diminuir as taxas de rejeição e manter a reputação de sua marca.

Mas como você faz 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 plug-in de página 404 do WordPress.

Para a maioria dos proprietários de sites, um plug-in do WordPress é a maneira mais fácil e eficaz de personalizar a página 404, pois não é necessário editar os arquivos do tema do WordPress.

O plug-in que usaremos neste guia é o SeedProd, o melhor construtor de sites e páginas de destino do WordPress.

Construtor de sites WordPress SeedProd Drag and Drop

Com esse plug-in, você pode criar uma página 404 personalizada com uma mensagem, uma imagem e uma CTA para incentivar os visitantes a permanecerem em seu site.

O SeedProd também inclui recursos avançados, como:

  • Construtor de páginas do tipo arrastar e soltar
  • Criador de temas fácil de usar
  • Elementos de design que geram leads
  • Modelos de página de destino pré-criados
  • 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.

Etapa 1. Instalar e ativar o SeedProd

Primeiro, você precisará ir ao site do SeedProd e fazer o download do plug-in. Embora exista uma versão gratuita do SeedProd, usaremos o plug-in premium porque ele permite que você substitua o modelo 404 incorporado ao seu tema.

Se precisar de ajuda com isso, consulte nossa documentação sobre instalação e ativação do SeedProd. Ela inclui tudo o que você precisa, inclusive a instalação do plug-in e a ativação da chave de licença.

Etapa 2. Escolha um modelo de página 404

Depois de ativar o plug-in, navegue até SeedProd " Landing Pages no painel do WordPress. Em seguida, na seção "404 Page" (Página 404), clique no botão "Set up a 404 Page" (Configurar uma página 404).

Como criar uma página 404 no WordPress com o SeedProd

Na próxima tela, você pode escolher um modelo de página 404 pré-fabricado. 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.

Escolha um design de modelo de página 404

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

Depois de escolher o modelo, você verá o construtor de páginas do tipo arrastar e soltar, onde poderá personalizar sua página 404.

Construtor de páginas SeedProd 404

No lado esquerdo, você verá blocos e seções que podem ser adicionados ao seu design. E, à direita, há uma visualização ao vivo de sua página.

A maioria dos modelos 404 do SeedProd já tem vários blocos do WordPress, que formam o núcleo do design. Para personalizá-los, clique para destacar o bloco em seu layout e faça alterações usando as configurações no painel esquerdo.

Personalizar o título da página 404

Para adicionar novos blocos ao seu design, localize o bloco no menu à esquerda e arraste-o para sua página. A partir daí, você pode personalizar o bloco usando o processo que explicamos acima.

Quando os visitantes chegam à sua página 404, eles podem precisar de ajuda para entender como chegaram lá e o que fazer em seguida. Com isso em mente, é uma boa ideia adicionar algum texto explicando que o que eles estão procurando não pode ser encontrado e sugerindo várias ações a serem tomadas em seguida.

Como nosso modelo já tem um bloco Headline e Text, 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.

Personalizar a mensagem da página 404

Agora, vamos ver como adicionar esses dois recursos à sua página 404, começando com um botão para visitar o blog.

Primeiro, localize o bloco Column no painel esquerdo e arraste-o para o layout.

Adicionar o bloco Column no SeedProd

A partir daí, escolha a opção de layout de duas 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.

Escolha a opção de layouts de 2 colunas

Agora você pode arrastar o bloco Button para a primeira coluna. Nas configurações do bloco, você pode alterar o texto do botão e adicionar o URL da página do seu blog.

Adicionar um botão de chamada para ação

Depois de fazer isso, clique na guia Advanced (Avançado ) para alterar outras configurações, incluindo a cor do botão, o estilo, o espaçamento e muito mais.

Configurações avançadas do botão de call to action

Para adicionar uma caixa de pesquisa na segunda coluna, procure o bloco Search Form e siga o mesmo processo anterior.

Adicione o bloco do formulário de pesquisa à sua página 404

Você pode até mesmo alterar a cor de fundo da linha para destacar seus itens de ação.

Configurações de cor de fundo da linha da página 404

Aqui estão algumas outras maneiras de melhorar o conteúdo de sua página 404:

Quando estiver satisfeito com a aparência da nova página, clique no botão Save (Salvar ) no canto superior direito e, no menu suspenso, selecione a opção Save as Template (Salvar como modelo ).

Salvar a página 404 como um modelo

Agora você pode dar um nome ao seu modelo de página 404 personalizado, clicar no botão Save Template (Salvar modelo ) e retornar ao editor.

Nome do modelo de página 404 personalizado

Etapa 4. Habilite sua página 404 do WordPress.

Com o design personalizado da página 404 pronto, você pode clicar no ícone "X" no editor para retornar ao painel de administração do WordPress. Ao fazer isso, você verá um pop-up perguntando se deseja ativar a página imediatamente.

Ativar o modelo de página 404 no WordPress

Clique no botão Yes, Activate (Sim, ativar ).

Depois de clicar nesse botão, você voltará ao painel da página de destino e verá que o Modo de página 404 está ativo.

Página 404 ativa do WordPress

Se você quiser desativar sua página 404 personalizada, basta alternar a alternância para a posição inativa.

Página 404 inativa do WordPress

Aqui está uma visão final do nosso design personalizado da página 404 do WordPress:

Página 404 final personalizada no WordPress

Como otimizar a página de erro 404 para geração de leads?

A maioria das empresas usa sua página de erro 404 para informar aos visitantes que a página que eles estão procurando não pode ser encontrada. Como já discutimos, as páginas 404 que fazem apenas isso podem ser entediantes e improdutivas.

Em vez disso, é melhor otimizar a página para a geração de leads.

Dessa forma, em vez de perder clientes em potencial, 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 os elementos certos para fazer a página se destacar. Você também precisará otimizá-la para gerar leads e aumentar as conversões

Há várias maneiras de fazer isso, portanto, vamos dar uma olhada nas mais eficazes:

1. Exiba seu produto

Uma das maneiras mais eficazes de fazer com que sua página de erro 404 gere mais leads é mostrar seus produtos. Em vez de dizer aos visitantes que a página que eles estão procurando não existe, use-a para dar a eles mais informações sobre seus produtos. 

Adicione algumas imagens de alta qualidade e com aparência profissional de seus produtos e crie um link para 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.

Página de erro 404 de Steve Madden não encontrada

Com essa técnica, você pode incentivar os visitantes a explorar mais o seu site, mesmo que não encontrem exatamente o que precisam.

2. Use palavras-chave

Outra maneira eficaz de gerar leads por meio de sua página 404 é usar palavras-chave direcionadas. Os melhores leads para qualquer empresa vêm da pesquisa orgânica, e você só pode obter um bom tráfego orgânico se melhorar suas classificações de pesquisa.

Adicionar palavras-chave relevantes à sua página de erro 404 pode ajudar a aumentar suas classificações de SEO.

Vamos dar uma olhada em um exemplo para ajudá-lo a fazer isso de forma mais eficaz.

Digamos que você tenha uma empresa de marketing de conteúdo. Nesse caso, em sua página de erro 404, você pode escrever algo assim:

'Quer criar conteúdo gerador de leads para sua empresa? 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 obter o que você prometeu. 

Em vez de sair do site, os visitantes agora podem explorar seu site para entender seus serviços. E, se gostarem, podem se converter.

3. Adicione informações sobre sua empresa

Outra maneira brilhante de transformar sua página 404 é adicionar suas informações comerciais.

Seus visitantes podem chegar a um erro 404, mas você não quer perdê-los com uma mensagem decepcionante. Adicionar informações sobre sua empresa é uma excelente maneira de reacender o interesse deles e envolvê-los novamente.

A marca de moda Myntra usa essa técnica de forma maravilhosa:

Página 404 de comércio eletrônico da Myntra

Além de exibir a mensagem de erro, ele 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 menus, visitar seu perfil, verificar sua lista de desejos, ir para o carrinho ou até mesmo pesquisar produtos.

Melhor ainda, ele exibe uma barra de descontos no lado direito da tela. Assim, em vez de chegar a um beco sem saída, os visitantes podem conferir a coleção e comprar produtos com um grande desconto.

4. Adicionar 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 fazer uma reclamação, uma ligação rápida, fazer perguntas, segui-lo nas mídias sociais ou fazer qualquer coisa para tornar a situação menos frustrante.

5. Adicionar pop-ups de intenção de saída

Os 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 visitante pouco antes de ele sair. 

pop-up de saída com frete grátis e desconto

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 é uma boa ideia visitar seu site novamente no futuro.

As pessoas adoram descontos e ofertas. Portanto, exibi-los em pop-ups de saída pode reengajar os visitantes, gerar leads sólidos e aumentar suas vendas.

6. Torne-o interessante

Chegar a uma página de erro 404 é muito frustrante. É ainda mais irritante se a página for sem graça.

Em vez disso, transforme a experiência em algo mais divertido e empolgante. Por exemplo, você pode experimentar o humor para tornar a mensagem mais memorável e fazer seus visitantes sorrirem.

Design engraçado da página de erro 404

Outra maneira de tornar sua página 404 agradável é adicionar um jogo na tela. Essa é uma maneira inteligente de chamar a atenção e manter os usuários no site por mais tempo.

Para você

Uma página 404 personalizada é um elemento essencial para qualquer site.

Além de oferecer uma melhor experiência ao usuário, ela também pode ajudar a gerar leads para a sua empresa. Seguindo as dicas e os tutoriais deste artigo, você poderá aprender a criar uma página 404 que incentive os visitantes a permanecerem no site e a agir.

Então, por que se contentar com uma mensagem de erro 404 genérica quando você pode criar uma página personalizada que funcione para você?

Esperamos que este guia tenha sido útil para você. Antes de ir, talvez você também goste deste guia sobre como criar um tema do WordPress do zero sem instalar um tema filho.

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.

Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.

avatar do autor
Kaveri Bharali
Kaveri é uma entusiasta do WordPress que adora experimentar novos temas e plug-ins. Ela gosta de escrever sobre suas experiências para simplificar o WordPress para seus visitantes.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.