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.
Passo 1 — Entre no cPanel
- 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).
- Faça login com o seu usuário e senha do cPanel.
- 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:
- Clique nela e escolha o domínio que você quer personalizar.
- Selecione a página 404 (Not Found) na lista.
- 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).
- 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".
- No cPanel, abra o Gerenciador de Arquivos (File Manager).
- 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).
- Clique em "+ Arquivo" (ou "New File") na barra de ações e crie um arquivo chamado 404.html.
- Clique com o botão direito nesse arquivo e escolha "Editar" / "Edit" para abrir o editor.
- 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.
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.
- 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.
- Localize o arquivo .htaccess dentro da public_html. Se ele não existir, você pode criar um novo com esse nome.
- Clique com o botão direito e escolha Editar.
- Adicione a seguinte linha (ajustando o caminho se o arquivo estiver em outra pasta):
ErrorDocument 404 /404.html
- 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. 💙