Como personalizar a página de erro 404 do meu site imprimir

  • 0

Como personalizar a página de erro 404 do seu site 🎨

Oi! Aqui é a Sensei da GeHost 🥋 Vamos aprender juntos a trocar aquela página de erro 404 padrão (a famosa "Page Not Found" sem graça) por uma página com a sua cara — com o seu logo, um textinho simpático e um botão pra voltar pra home. Isso deixa o visitante muito mais tranquilo quando erra um link, em vez de assustado achando que o site quebrou.

Dica da Sensei: a página 404 aparece toda vez que alguém acessa um endereço que não existe no seu site (link quebrado, digitação errada, página apagada). Uma 404 bem-feita reduz a taxa de saída e ainda passa profissionalismo.

Existem dois caminhos — escolha o que combina com você

  • Caminho fácil: usar a ferramenta de Páginas de Erro do cPanel (se o seu plano disponibilizar essa opção no painel).
  • Caminho manual: criar o arquivo da página você mesmo e apontar pra ele — funciona em qualquer site hospedado na GeHost.

Vamos ver os dois, começando pelo acesso ao painel.

Painel inicial do cPanel com os grupos de ferramentas

Passo 1 — Entre no cPanel

  1. Acesse o painel da sua hospedagem através do painel.gehost.com.br (ou pelo link de acesso ao cPanel que você recebeu por e-mail na contratação).
  2. Faça login com o seu usuário e senha do cPanel.
  3. Você vai cair na tela inicial, com vários ícones organizados por grupo (E-mail, Arquivos, Bancos de Dados, etc.).

Passo 2 — Se o seu painel tiver a ferramenta "Páginas de Erro"

Procure, na área de Avançado/Advanced, um ícone chamado "Páginas de Erro" (ou "Error Pages"). Se ela aparecer no seu cPanel:

  1. Clique nela e escolha o domínio que você quer personalizar.
  2. Selecione a página 404 (Not Found) na lista.
  3. Um editor vai abrir — você pode escrever o HTML da sua página de erro ali mesmo, ou inserir "tags" prontas que a própria ferramenta oferece (como o endereço que a pessoa tentou acessar).
  4. Salve. Pronto, já vale pro seu domínio.
Não achou essa ferramenta no seu painel? Sem problema — nem todo layout de cPanel exibe esse ícone, ou seu site pode usar WordPress/outro sistema que já gerencia a 404 sozinho. Siga pro caminho manual abaixo, que funciona sempre.

Passo 3 — Caminho manual: crie a sua página 404.html

Esse método funciona em praticamente qualquer site hospedado na GeHost. A ideia é: você cria um arquivo com o design da sua página de erro e diz pro site "quando der 404, mostre esse arquivo".

  1. No cPanel, abra o Gerenciador de Arquivos (File Manager).
  2. Entre na pasta public_html (é onde ficam os arquivos do seu site principal — se você tiver mais de um domínio/subdomínio, entre na pasta certa dele).
  3. Clique em "+ Arquivo" (ou "New File") na barra de ações e crie um arquivo chamado 404.html.
  4. Clique com o botão direito nesse arquivo e escolha "Editar" / "Edit" para abrir o editor.
  5. Cole ali o HTML da sua página personalizada — pode ser um design simples, com seu logo, uma frase tipo "Ops, essa página não existe" e um link de volta pra home. Salve.
Gerenciador de Arquivos do cPanel com a pasta public_html

Passo 4 — Diga pro site usar a sua página nova

Agora falta avisar o servidor que os erros 404 devem mostrar o seu arquivo. Isso se faz pelo arquivo .htaccess, que também fica na pasta public_html.

  1. No Gerenciador de Arquivos, ative a opção "Mostrar Arquivos Ocultos" ("Show Hidden Files") nas configurações — o .htaccess começa com ponto e fica escondido por padrão.
  2. Localize o arquivo .htaccess dentro da public_html. Se ele não existir, você pode criar um novo com esse nome.
  3. Clique com o botão direito e escolha Editar.
  4. Adicione a seguinte linha (ajustando o caminho se o arquivo estiver em outra pasta):

ErrorDocument 404 /404.html

  1. Salve o arquivo.
Dica da Sensei: mexer no .htaccess é seguro, mas com carinho — é só adicionar a linha, sem apagar o que já existia ali (outros sites/sistemas, como WordPress, costumam ter várias linhas de configuração nesse arquivo). Se tiver dúvida, copie o conteúdo atual antes de editar, assim dá pra desfazer se precisar.

Passo 5 — Teste!

Abra o navegador e digite um endereço que não existe no seu site (por exemplo, seudominio.com/pagina-que-nao-existe). Se tudo deu certo, a sua página personalizada vai aparecer no lugar da 404 padrão. 🎉

O que colocar na sua página 404?

  • Uma mensagem simpática, no tom da sua marca ("Ih, essa página fugiu 🙈" ou algo assim).
  • Um botão ou link claro de volta pra página inicial.
  • Se fizer sentido, um campo de busca ou os links mais importantes do site.
  • Seu logo, pra manter a identidade visual mesmo na página de erro.

Site em WordPress?

Se o seu site usa WordPress, o tema (ou um plugin de página 404) geralmente já cuida dessa personalização direto no painel do WordPress, sem precisar mexer em arquivo nenhum. Vale a pena checar as configurações do seu tema antes de partir pro caminho manual.

Ficou com dúvida em algum passo, ou não achou algum item no seu painel? Chama o suporte da GeHost pelo painel.gehost.com.br que a gente te ajuda com prazer — lembrando que todo serviço entregue já vem com 30 dias de suporte grátis após a entrega. 💙

Esta resposta lhe foi útil?

« Retornar