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

Olá, querido(a) cliente da GeHost! 🌟

Você já entrou em um site e viu aquela tela branca com o número 404 e a frase "Página não encontrada"? Pois é… pode ser chato, né? Mas aqui na GeHost, nós acreditamos que até os erros podem ser úteis — e até bonitos! 😊 Com um pequeno ajuste no seu site, você pode transformar essa tela de erro em algo personalizado, acolhedor e até divertido. Vamos aprender juntos como fazer isso, passo a passo, com calma e segurança — como um verdadeiro Sensei ensinando seu aluno preferido. 🥷 ---

Antes de começar: o que é a página 404?

Quando alguém tenta acessar uma página que não existe no seu site (por exemplo, um link quebrado ou um erro de digitação), o servidor responde com o código 404. Por padrão, o servidor mostra uma tela genérica — mas você pode substituí-la por uma página que seja sua, com seu logo, seu estilo e um convite amigável para voltar à página principal.

Dica do Sensei: Uma boa página 404 não só informa que a página não existe, mas também ajuda o visitante a continuar explorando seu site. Isso melhora a experiência e reduz o número de visitas que saem do seu site.

---

Passo a passo: como personalizar sua página 404

Para personalizar a página 404, você vai precisar de um arquivo chamado 404.html. Ele deve estar na pasta principal do seu site, dentro de public_html. Vamos lá:

Entre no cPanel com suas credenciais. Acesse painel.gehost.com.br e faça login com seu usuário e senha.
Depois de logado, você verá a tela principal do cPanel. Procure pela ferramenta chamada Gerenciador de Arquivos (File Manager).
Clique em Gerenciador de Arquivos. No campo "Diretório", selecione public_html (essa é a pasta raiz do seu site).
Na lista de arquivos, verifique se já existe um arquivo chamado 404.html. Se não tiver, clique no botão Novo Arquivo (ou "Criar Arquivo") no topo da tela.
Digite o nome 404.html e clique em Criar.
Com o arquivo selecionado, clique em Editar (ou "Abrir"). Isso abrirá um editor de texto dentro do cPanel.
Agora, cole o código HTML da sua página personalizada. Aqui vai um exemplo simples, que você pode adaptar com seu próprio design:

<!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; text-align: center; margin-top: 100px; background: #f4f4f4; color: #333; }
    h1 { font-size: 60px; color: #e74c3c; }
    p { font-size: 18px; margin: 20px 0; }
    a { color: #3498db; text-decoration: none; font-weight: bold; }
    a:hover { text-decoration: underline; }
  </style>
</head>
<body>
  <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> e explore mais do nosso site!</p>
</body>
</html>

Dica do Sensei: Você pode usar imagens, cores, botões e até animações simples. Basta que o arquivo seja salvo como 404.html e esteja dentro de public_html.

Após colar o código, clique em Salvar Alterações (ou "Salvar").
Pronto! Agora, toda vez que alguém tentar acessar uma página inexistente no seu site, será exibida essa página personalizada.

---

Teste sua página 404

Para verificar se está funcionando, basta tentar acessar uma página que não existe no seu site. Por exemplo:

seusite.com.br/pagina-inexistente.html

Se tudo estiver certo, você verá a sua página personalizada — com seu estilo, sua mensagem e seu toque humano. 😊

---

Dica extra: mantenha a página leve e rápida

Evite usar imagens muito grandes ou scripts complexos na página 404. Ela precisa carregar rápido, mesmo quando o servidor está sob pressão. Uma página leve garante que o visitante não fique esperando — e isso é muito importante para a experiência.

---

Quer ajuda com o design?

Se você não se sente à vontade com HTML ou CSS, não se preocupe! Nossa equipe de suporte está aqui para te ajudar. Basta entrar em contato pelo suporte.gehost.com.br e pedir ajuda com a personalização da página 404.

Seu site é uma extensão da sua identidade — e até um erro pode contar uma história. 🌿

---

Categories

Categories

Support

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