Como configurar uma página 404 personalizada

5 min de leituraNível: Intermediário

Uma página 404 personalizada melhora a experiência do usuário e ajuda no SEO. Em vez de mostrar a tela genérica do servidor, exiba uma página com sua marca, busca e links úteis.

1Crie o arquivo da página de erro

No Gerenciador de Arquivos do DirectAdmin, vá até /domains/seudominio.com.br/public_html/ e crie um arquivo chamado 404.html.

Exemplo de página 404 simples

<!doctype html>
<html lang="pt-BR">
<head>
  <meta charset="utf-8">
  <title>Página não encontrada · 404</title>
  <meta name="robots" content="noindex">
  <style>
    body{font-family:system-ui,sans-serif;text-align:center;padding:80px 20px;background:#0A0E1A;color:#fff}
    h1{font-size:120px;margin:0;color:#E63946}
    p{font-size:18px;color:#94A3B8}
    a{background:#E63946;color:#fff;padding:12px 24px;border-radius:999px;text-decoration:none;display:inline-block;margin-top:24px}
  </style>
</head>
<body>
  <h1>404</h1>
  <p>Ops! A página que você procura não existe.</p>
  <a href="/">Voltar à página inicial</a>
</body>
</html>

2Configure o .htaccess

Edite (ou crie) o arquivo .htaccess na raiz do site e adicione:

ErrorDocument 404 /404.html

Para outros erros comuns, você pode adicionar:

ErrorDocument 401 /401.html
ErrorDocument 403 /403.html
ErrorDocument 404 /404.html
ErrorDocument 500 /500.html
ErrorDocument 503 /503.html

Atenção: o caminho deve começar com / e referenciar a página a partir da raiz do site.

3Salve as permissões

O .htaccess deve ter permissão 644 e o 404.html também. Veja: Permissões de pastas.

4Teste a página 404

Acesse uma URL inexistente:

https://seudominio.com.br/pagina-que-nao-existe

Sua página personalizada deve aparecer. Caso contrário, verifique:

Se o arquivo .htaccess está na raiz
Se a sintaxe está correta (sem barras extras)
Se há outras regras conflitantes no .htaccess

Para WordPress

O WordPress já cuida de páginas 404 via tema. Crie um arquivo 404.php dentro do tema atual com seu HTML personalizado. O WordPress chamará esse template automaticamente.

Boas práticas para páginas 404

Mantenha o cabeçalho e rodapé do site (consistência visual)
Inclua uma barra de busca
Liste links populares do site
Use uma imagem ou ilustração descontraída
Não redirecione 404 para a home (Google penaliza)

1Crie o arquivo da página de erro

Exemplo de página 404 simples

2Configure o .htaccess

3Salve as permissões

4Teste a página 404

Para WordPress

Boas práticas para páginas 404

Tutoriais relacionados