Como habilitar o modo de manutenção do site sem exibir erro para os visitantes

Como habilitar o modo de manutenção do site sem exibir erro para os visitantes

Olá, querido cliente da GeHost! 🌟

Se você está preparando uma atualização no seu site, testando novas funcionalidades ou apenas fazendo uma limpeza de rotina, talvez queira manter o site "em manutenção" — mas sem assustar seus visitantes com mensagens de erro como “Erro 503” ou “Site indisponível”.

Na GeHost, temos uma forma inteligente de fazer isso: mostrando uma página personalizada de manutenção para todos os visitantes, enquanto você trabalha em paz no backend. Vamos lá, passo a passo, como fazer isso com segurança e elegância?

Passo 1: Acesse o cPanel da sua hospedagem

Para começar, faça login no seu painel de controle:

Use as credenciais que você recebeu ao contratar a hospedagem. Se não lembra, acesse o painel do cliente para recuperar.

Passo 2: Acesse o Gerenciador de Arquivos

Depois de logado, procure pela ferramenta “Gerenciador de Arquivos” no painel (geralmente na seção “Arquivos”).

Clique nela para abrir o acesso aos arquivos do seu site.

Passo 3: Acesse a pasta principal do site

No Gerenciador de Arquivos, navegue até a pasta public_html — ela é a raiz do seu site.

Se você tiver múltiplos domínios, certifique-se de estar na pasta correta (ex: public_html do domínio principal).

Passo 4: Crie uma página de manutenção

Na pasta public_html, clique no botão “Criar Arquivo” (ou “Novo Arquivo”).

Nomeie o arquivo como index.html.

Abra o arquivo e insira o seguinte conteúdo simples:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Site em Manutenção</title>
  <style>
    body { font-family: 'Segoe UI', sans-serif; text-align: center; padding: 60px; background: #f5f5f5; }
    .container { max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
    h1 { color: #d32f2f; }
    p { color: #555; line-height: 1.6; }
    .logo { margin-bottom: 20px; }
  </style>
</head>
<body>
  <div class="container">
    <h1>🔧 Em Manutenção</h1>
    <p>Estamos atualizando o site para oferecer uma experiência ainda melhor. Volte em breve!</p>
    <p>Obrigado pela paciência!</p>
  </div>
</body>
</html>

Salve o arquivo.

Passo 5: Esconda o site real (proteja o acesso)

Agora, vamos garantir que só você (ou pessoas autorizadas) consigam ver o site enquanto ele está em manutenção.

Na mesma pasta public_html, crie um novo arquivo chamado .htaccess (se já existir, abra-o).

Adicione estas linhas no arquivo:

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{REMOTE_ADDR} !^123\.456\.789\.000
  RewriteCond %{REMOTE_ADDR} !^192\.168\.0\.0/16
  RewriteRule ^(.*)$ /maintenance.html [R=302,L]
</IfModule>

ATENÇÃO: Substitua 123.456.789.000 pelo seu IP real. Se não souber seu IP, digite “qual é meu IP” no Google — ele aparecerá na primeira linha.

Se estiver usando uma rede corporativa ou Wi-Fi com IP dinâmico, você pode usar um IP de rede local como 192.168.0.0/16 (isso permite acesso a todos da sua rede).

Salve o arquivo.

Passo 6: Crie a página de manutenção (opcional, mas recomendado)

Para que os visitantes não vejam um erro, você pode criar uma página maintenance.html com uma mensagem amigável.

Na pasta public_html, crie um novo arquivo chamado maintenance.html com este conteúdo:

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Site em Manutenção</title>
  <style>
    body { font-family: 'Segoe UI', sans-serif; text-align: center; padding: 60px; background: #f5f5f5; }
    .container { max-width: 600px; margin: 0 auto; background: white; padding: 40px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
    h1 { color: #d32f2f; }
    p { color: #555; line-height: 1.6; }
  </style>
</head>
<body>
  <div class="container">
    <h1>🔧 Em Manutenção</h1>
    <p>Estamos atualizando o site para oferecer uma experiência ainda melhor. Volte em breve!</p>
    <p>Obrigado pela paciência!</p>
  </div>
</body>
</html>

Salve o arquivo.

Passo 7: Aproveite o tempo de manutenção

Com tudo configurado, seu site agora:

• Mostrará uma mensagem amigável para todos os visitantes externos.
• Permitirá que você faça alterações no site sem interrupções visíveis.
• Deixará o acesso apenas para quem está no IP permitido (você, por exemplo).

Quando terminar, basta:

1. Renomear o arquivo index.html para index_old.html (ou apague).
2. Remover ou comentar a linha RewriteRule no .htaccess.
3. Reiniciar o site — pronto! Ele volta a funcionar normalmente.

Dica da Sensei: Se precisar de ajuda, o suporte da GeHost está disponível por 30 dias após a entrega. Acesse o painel do cliente e abra um ticket — vamos te ajudar com carinho. 🌿

Conclusão

Com esse método simples, você mantém o site seguro, profissional e sem erros visíveis — mesmo durante atualizações. É como colocar um “em manutenção”