Como configurar páginas de erro 404 personalizadas no cPanel
Olá, querido(a) cliente da GeHost! 🌟
Se você já teve um visitante que clicou em um link quebrado no seu site — ou se você mesmo já tentou acessar uma página que não existe — provavelmente já viu aquela tela padrão de erro 404: "Página não encontrada". 😅 Mas e se eu te dissesse que dá para transformar esse erro chato em algo profissional, criativo e até divertido? Com uma página 404 personalizada, você pode manter a boa impressão do seu site, mesmo quando algo não está disponível. E o melhor: é fácil fazer isso no cPanel — o painel de controle da sua hospedagem. Vamos aprender juntos, passo a passo, como fazer isso com carinho, como um verdadeiro sensei da web. ✨Antes de começar: o que é uma página de erro 404 personalizada?
Quando alguém tenta acessar uma página que não existe no seu site (por exemplo, seusite.com/alguma-coisa-que-nao-existe), o servidor responde com o código 404. O padrão é uma tela simples, sem estilo, sem identidade.
Dica do Sensei: Uma página 404 bem feita pode até reduzir o número de visitas que saem do seu site. 💡
Passo a passo: como configurar sua página 404 personalizada
Para fazer isso, vamos usar o Gerenciador de Arquivos do cPanel. Vamos lá!
Entre no cPanel da sua conta. Para isso, acesse painel.gehost.com.br e faça login com seu usuário e senha.
Na tela principal do cPanel (chamada de Home), procure pela seção Arquivos e clique em Gerenciador de Arquivos.
Na tela do Gerenciador de Arquivos, selecione a pasta principal do seu site: public_html.
É aqui que ficam todas as páginas do seu site. Se você já tem um site, provavelmente já viu essa pasta.
Na pasta public_html, crie um novo arquivo chamado 404.html.
Para isso, clique no botão Novo Arquivo (ou "Create File") e digite
404.htmlno campo de nome.Abra o arquivo 404.html para editar. Clique duas vezes nele ou use o botão Editar.
Agora, cole o código HTML da sua página personalizada. Aqui vai um exemplo simples que você pode usar como base:
<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Página não encontrada (404)</title> <style> body { font-family: 'Arial', sans-serif; background: #f4f4f4; text-align: center; padding: 50px; color: #333; } .container { max-width: 600px; margin: 0 auto; background: #fff; padding: 40px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); } h1 { color: #e74c3c; font-size: 4rem; margin: 0; } p { font-size: 1.2rem; margin: 20px 0; } a { color: #3498db; text-decoration: none; font-weight: bold; } a:hover { text-decoration: underline; } </style> </head> <body> <div class="container"> <h1>404</h1> <p>Ops! A página que você está procurando não existe.</p> <p>Mas não se preocupe — volte para a <a href="/">página inicial</a> ou explore outras partes do nosso site.</p> </div> </body> </html>Esse código cria uma página simples, bonita e responsiva. Você pode personalizar a cor, o texto, adicionar seu logo ou até uma imagem.
Após colar o código, clique em Salvar Alterações.
Pronto! Sua página de erro 404 está pronta.
Para testar, abra seu navegador e acesse uma URL que não existe no seu site, por exemplo:
seusite.com/alguma-pagina-que-nao-existeSe tudo estiver certo, você verá a sua página personalizada!
Importante: como funciona o erro 404 no servidor
Quando o servidor não encontra uma página, ele procura automaticamente por um arquivo chamado 404.html na raiz do site (public_html). Se ele encontrar, exibe esse arquivo. Se não encontrar, mostra a página padrão do cPanel.
Por isso, o nome do arquivo precisa ser exatamente 404.html — com letras minúsculas e sem espaços.
Atenção do Sensei: Não use arquivos com nomes como
erro404.htmloupagina-404.html. O servidor só reconhece o nome exato404.html. Se não funcionar, verifique o nome do arquivo!
Quer mais personalização?
Se você quiser algo ainda mais criativo, pode usar:
- Imagens (como um desenho de um gato perdido no metrô 😸)
- Botões com links para a página inicial, contato ou redes sociais
- Animções simples com HTML/CSS (sem precisar de JavaScript)
Se precisar de ajuda com o código, seu suporte da GeHost está aqui para te ajudar — mesmo que seja só para dar uma olhada no código que você fez. ❤️
Conclusão
Configurar uma página 404 personalizada é um pequeno gesto que faz uma grande diferença. Mostra que você cuida do seu site, mesmo nos momentos em que algo não está funcionando.
Seu visitante vai achar isso profissional, e você vai sentir orgulho de ter feito isso com suas próprias mãos — como um verdadeiro webmaster da GeHost! 🛠️
Se tiver dúvidas, não hesite em entrar em contato com nosso suporte. Estamos aqui para te ajudar, sempre.
Com