Como configurar páginas de erro 404 personalizadas no cPanel imprimir

  • 0

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


Esta resposta lhe foi útil?

« Retornar