Hosting at cPanel 55 visualizações

Como configurar páginas de erro 404 personalizadas no cPanel

Ver no WHMCS

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.

Mas você pode substituir essa tela por uma página criativa — com seu logo, uma mensagem amigável, links úteis, até um desenho engraçado! Isso deixa seu site mais profissional e ajuda o visitante a não sair desistindo.

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á!

  1. Entre no cPanel da sua conta. Para isso, acesse painel.gehost.com.br e faça login com seu usuário e senha.

    Tela de login do cPanel com campos para usuário e senha, e botão Log in
  2. Na tela principal do cPanel (chamada de Home), procure pela seção Arquivos e clique em Gerenciador de Arquivos.

    Painel inicial do cPanel com grupos de ferramentas, incluindo Arquivos
  3. 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.

    Gerenciador de Arquivos com a pasta public_html destacada
  4. 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.html no campo de nome.

  5. 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.

  6. Após colar o código, clique em Salvar Alterações.

    Pronto! Sua página de erro 404 está pronta.

  7. Para testar, abra seu navegador e acesse uma URL que não existe no seu site, por exemplo:

    seusite.com/alguma-pagina-que-nao-existe

    Se 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.html ou pagina-404.html. O servidor só reconhece o nome exato 404.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

Precisa de Ajuda?

Nossa equipe está pronta para resolver suas dúvidas.