Como Criar uma Página de Erro 404 Personalizada no WordPress

Você está tentando criar uma página de erro 404 no WordPress?

Uma página de erro 404 é onde seu público pousará se tentar abrir ou acessar uma página que não pôde ser encontrada no servidor. Ao exibir uma página 404, você basicamente informa aos seus visitantes que a página não existe.

Embora as páginas de erro 404 sejam ótimas para informar seus visitantes sobre o erro ocorrido, elas também têm o potencial de fazer você perder seus visitantes.

Isso ocorre porque a página 404 certa pode prejudicar ou ajudar sua experiência do usuário (UX).

Ao projetar esta página corretamente, você pode guiar estrategicamente seus usuários para encontrar a página que eles estão procurando. Esta é uma excelente maneira de reter visitantes em seu site e diminuir sua taxa de rejeição, em vez de fazê-los sair do seu site.

Neste guia, mostraremos como projetar uma página de erro 404 da maneira mais simples e sem a necessidade de codificação.

Também diremos o que causa um erro 404 e como corrigi-lo. No final, mostraremos alguns dos melhores e mais inspiradores exemplos de páginas de erro 404 para você conferir antes de criar sua página.

Sinta-se à vontade para usar esta tabela de conteúdo para encontrar a seção certa para você:

1. O que Causa o Erro 404
2. Como Corrigir o Erro 404
3. Como Projetar uma Página de Erro 404 com SeedProd
4. Melhores Exemplos de Páginas de Erro 404 para Inspiração

Vamos começar.

O que Causa a Página de Erro 404

Geralmente, uma página de erro 404 é exibida quando seus visitantes tentam encontrar conteúdo que foi excluído, removido ou movido para outro URL.

Mas pode haver outras razões pelas quais seus visitantes veem esta mensagem de erro. Por exemplo:

1. O slug do URL da página pesquisada foi alterado sem o redirecionamento adequado. Portanto, ao procurar uma página, seus usuários encontram a página original com o URL original. Confira estes plugins de redirecionamento cuidadosamente selecionados para WordPress.
2. O nome de domínio que foi pesquisado não existe mais. Isso provavelmente ocorreu porque o usuário digitou o URL incorreto
3. O servidor responsável pelo site não está em execução ou a conexão está quebrada.

E assim que você identificar o problema, precisará descobrir como resolvê-lo.

Como Corrigir o Erro 404

Cair em uma página de erro 404 pode ser frustrante. E é por isso que você precisa saber como corrigi-lo. Aqui estão algumas dicas que você pode tentar se você vir uma página de erro 404 em seu site ou no site de outra pessoa.

1. Verifique se há erros no URL: A primeira coisa a fazer é verificar se há erros no URL. Certifique-se de que o URL que você digitou está correto e não contém erros de ortografia, ou caracteres ausentes como uma barra, hífen, etc.
2. Limpe o cache e os cookies do seu navegador: Esta solução funcionará como mágica se você puder ver a página de erro 404 apenas de um determinado computador. Nesses casos, tente excluir o cache do seu navegador, bem como todos os cookies deste site e tente novamente.
3. Recarregue a página: Às vezes, a solução para uma página de erro 404 pode ser encontrada simplesmente recarregando sua página. Portanto, atualize sua página para ver se ela está funcionando.
4. Verifique os níveis do diretório: Se o URL que exibe o erro tiver a seguinte estrutura: exemplo.com/Diretorio1/Diretorio2/Diretorio3, você pode voltar para um diretório anterior. Por exemplo, você pode ir para exemplo.com/Diretorio1/Diretorio2/ para verificar se a página desejada pode ser encontrada lá. Se não funcionar, volte para outro diretório.
5. Entre em contato direto com o site: Outra boa etapa para encontrar uma solução seria entrar em contato direto com o site. Você encontrará os detalhes de contato em algum lugar na página inicial do site. Eles devem ser capazes de dizer se removeram completamente a página.
6. Use a função de busca do site: Você também pode usar a função de busca do site e inserir uma ou mais palavras-chave que você está procurando para encontrar a página específica que deseja.

Agora, mostraremos como criar uma página de erro 404 para o seu site. Esta seção é útil para proprietários de sites que desejam exibir esta página de erro para seus usuários.

Como Projetar uma Página de Erro 404 com SeedProd

Para projetar a página de erro 404 neste tutorial, usaremos o construtor de páginas SeedProd.

SeedProd é um poderoso plugin construtor de páginas de arrastar e soltar que permite criar belas landing pages para o seu site, sem precisar saber nenhum código. Isso inclui páginas de erro 404, páginas em modo de manutenção, páginas de "em breve", páginas de vendas e muito mais.

O SeedProd oferece modelos de página 404 projetados profissionalmente para que você possa começar rapidamente. Além disso, você pode personalizar facilmente sua página de erro 404 com blocos prontos como formulários de optin, botões, imagens, vídeos e muito mais.

Você pode saber mais sobre o SeedProd nesta análise detalhada.

Passo 1: Instalando o SeedProd em seu site

Para começar, você primeiro precisa instalar e ativar o SeedProd plugin em seu site WordPress.

Assim que estiver instalado e ativado, você pode inserir a chave de licença para acessar todos os recursos, habilitar o suporte e receber atualizações. Você pode encontrar a chave de licença em sua conta SeedProd, criada quando você comprou o produto. Copie a chave e cole-a no campo fornecido. Em seguida, clique no botão Verificar Chave.

Após a validação da chave de licença, você está pronto para começar a usar o plugin.

Role mais para baixo na página e clique no botão Criar sua Primeira Página. Você será redirecionado para o painel do SeedProd, onde poderá criar uma página de erro 404.

Passo 2: Criar uma Página de Erro 404

Na parte superior do painel do SeedProd, existem 4 páginas diferentes que você pode criar:

• Modo Em Breve: Crie expectativa antes do lançamento do seu site.
• Modo de Manutenção: Coloque seu site em modo de manutenção para trabalhar nele nos bastidores.
• Página de Login: Crie uma página de login personalizada para o seu site.
• Página 404: Substitua a página 404 padrão por uma página 404 personalizada.

Clique no botão Configurar uma Página 404 para começar.

Em seguida, você será solicitado a escolher um modelo para sua página de erro 404. O SeedProd oferece vários modelos elegantes projetados especificamente para páginas de erro 404. Você também pode escolher um modelo em branco para começar do zero.

Escolha qualquer modelo que você goste passando o mouse sobre ele e clicando no botão de marca de seleção.

Etapa 3: Personalize sua página de erro 404

Após escolher um modelo, você será redirecionado para o construtor visual do SeedProd, onde poderá começar a personalizar sua página de erro 404.

No lado esquerdo da tela, há Blocos e Seções prontos que você pode adicionar à sua página 404. E no lado direito, você pode ver uma prévia em tempo real da sua página de erro 404.

Simplesmente arraste e solte qualquer Bloco que você goste da direita e solte-o em sua página 404 à esquerda.

Por exemplo, você pode adicionar um formulário de optin para coletar endereços de e-mail em sua página de erro 404, como no exemplo abaixo:

Você também pode adicionar imagens, vídeos, botões, perfis sociais, seções de Perguntas Frequentes, formulários de contato e muito mais. E você pode clicar em qualquer seção para personalizá-la ainda mais, alterando o texto, estilo, cor e assim por diante.

Quando estiver satisfeito com a aparência da sua página de erro 404, clique no botão Salvar.

Etapa 4: Conectando seu Serviço de Marketing por E-mail

Se você adicionou um formulário de optin à sua página de erro 404, como fizemos no exemplo acima, então você precisa conectar seu serviço de marketing por e-mail.

Para fazer isso, clique na aba Conectar na parte superior da tela. Você pode escolher entre qualquer um dos provedores populares de serviços de e-mail como Constant Contact, Drip, Mailchimp e outros.

Escolha seu provedor de marketing por e-mail e clique em Conectar.

Em seguida, preencha os detalhes da sua conta e clique em Conectar novamente.

Agora, quaisquer e-mails coletados da sua página de erro 404 serão adicionados automaticamente à sua lista de e-mails.

Etapa 5: Publicando e Ativando Sua Página de Erro 404

O último passo é publicar e ativar sua página de erro 404. Para fazer isso, clique na seta suspensa ao lado do botão Salvar no canto superior esquerdo da tela. Clique no botão Publicar.

Para ativar a página, vá para SeedProd » Páginas na sua área de administração do WordPress e, em seguida, vá para a seção Página 404.

Simplesmente alterne o botão de Inativo para Ativo.

Sua página de erro 404 agora estará no ar. Qualquer pessoa que clicar em um link quebrado verá esta página.

E é isso! Sua página 404 está pronta. Fácil, né?

Agora vamos ver alguns ótimos exemplos de páginas 404 que você pode usar para inspiração extra ao projetar a sua.

Melhores Exemplos de Páginas de Erro 404 para Inspiração

Para ajudá-lo a projetar melhor sua página de erro 404, trouxemos alguns exemplos para inspiração.

1. Página de Erro 404 da Themeisle

A página de erro 404 da Themeisle não é apenas visualmente atraente, mas também oferece uma solução para os visitantes encontrarem o que procuravam. Ela adicionou um campo de busca à sua página onde os visitantes podem inserir uma ou mais palavras-chave da página que desejavam visitar.

Esta é uma ótima maneira de reter seus usuários e direcioná-los para um local onde eles pretendiam estar originalmente.

2. Página de Erro 404 por Andrew Colling

A página de erro 404 de Andrew é outro exemplo que pode inspirá-lo. Ela adiciona um gráfico bonito que ressoa com a descrição adicionada logo abaixo do título e tenta humoristicamente redirecionar seus visitantes de volta para a página inicial. Ela adicionou um botão de chamada para ação (CTA) atraente para direcionar as pessoas para uma página onde elas possam navegar pelo site.

3. Página de Erro 404 por Ryan Duffy

O design de Ryan Duffy é simples, mas poderoso. Ele diz aos seus visitantes que, assim como um acidente, cair na página de erro 404 é não intencional. Mas, ao mesmo tempo, ele também lhes mostra uma saída dessa página usando o CTA de volta para a página inicial.

4. Página de Erro 404 por Matt

Esta página é diferente das outras mencionadas acima. Ela não apenas informa aos visitantes que a página não existe, mas também oferece diferentes soluções. Ela adiciona links diferentes no cabeçalho que podem ajudar o visitante a ir para outras seções do site.

Esta é, na verdade, uma ótima maneira de engajar seu visitante porque você está dando a ele diferentes opções, então ele é livre para escolher o que quer fazer.

E é assim que você cria uma página de erro 404 no WordPress. Esperamos que este artigo ajude você a criar uma bela página de erro 404 para o seu site.

Assim que terminar de criar sua página de erro, você pode querer conferir alguns plugins que podem ajudar você a encontrar e corrigir links quebrados facilmente em seu site.

Isso ajudará você a aumentar a experiência do usuário (UX) removendo links mortos ou quebrados em seu site.

Esperamos que você tenha gostado deste guia. Você também pode querer ver nossos outros recursos:

• Como Aumentar o Desempenho e a Velocidade do WordPress (Conselhos de Especialista)
• 15 Ferramentas de Otimização de Taxa de Conversão para Impulsionar o Crescimento
• 10 Melhores Ferramentas de SEO para Aumentar o Tráfego do Seu Site, RÁPIDO!

Estas postagens ajudarão você a melhorar a experiência do usuário, gerar mais tráfego para seu site e também melhorar as conversões.