Por que o site funciona no navegador mas não no aplicativo do celular?
Olá, querido(a) cliente! 😊 Seu site está funcionando perfeitamente no navegador do seu computador, mas quando você abre no app do celular — seja no Instagram, no WhatsApp, ou em um navegador integrado — ele não carrega direito? Calma, isso é mais comum do que parece, e eu, sua Sensei da GeHost, vou te ajudar a entender e resolver isso com calma e clareza.
🔍 O que está acontecendo?
Quando você acessa seu site pelo navegador (como Chrome ou Safari), o sistema carrega tudo normalmente. Mas nos aplicativos do celular — especialmente os que usam "modos de visualização interna" (como o Instagram ou o WhatsApp) — o site pode não carregar corretamente por um motivo simples:
Seu site está sendo bloqueado por um recurso chamado "Content Security Policy" (CSP) ou por uma configuração de segurança que impede o carregamento em contextos não confiáveis.
Aplicativos como WhatsApp ou Instagram usam um "navegador interno" que não aceita certos tipos de conteúdo — como scripts, estilos ou imagens — por motivos de segurança. Isso pode fazer seu site parecer "quebrado" ou simplesmente não carregar.
🛠️ Passo a passo para verificar e resolver
Vamos juntos, passo a passo, identificar e corrigir isso. Não se preocupe — é mais simples do que parece!
- Acesse o cPanel da sua conta:
Entre com seu usuário e senha de acesso à hospedagem. Se não lembrar, entre em contato com o suporte da GeHost — estamos aqui para te ajudar!
- Verifique o arquivo .htaccess:
Esse arquivo é o "guardião" da sua hospedagem. Ele controla como seu site responde a diferentes tipos de acesso. Ele pode estar bloqueando o carregamento em apps.
Na tela do cPanel, acesse Gerenciador de Arquivos (File Manager):
Selecione a pasta public_html (onde seu site está hospedado) e marque a opção Mostrar arquivos ocultos (como .htaccess).
- Abra o arquivo .htaccess:
Procure por um arquivo chamado .htaccess (pode estar escondido). Clique nele e selecione a opção Editar.
Procure por linhas que contenham:
Content-Security-PolicyFrame-OptionsReferrer-Policy
Se encontrar algo como:
Header set Content-Security-Policy "frame-ancestors 'self';"Esse é o culpado! Ele está impedindo que seu site seja aberto em aplicativos externos.
- Corrija ou remova a linha problemática:
Se você não tem certeza do que está fazendo, não apague nada sem antes fazer um backup. Mas, se quiser testar, você pode comentar a linha colocando um
#no início:# Header set Content-Security-Policy "frame-ancestors 'self';"Salve as alterações e teste novamente no app do celular.
- Teste novamente:
Abra seu site no WhatsApp, no Instagram ou em um navegador interno do celular. Se agora carregar, parabéns! Você resolveu!
Se ainda não funcionar, pode ser que o problema esteja em um plugin ou em um sistema de cache. Nesse caso, avise nosso suporte — vamos resolver juntos!
💡 Dica da Sensei
Se você não tem certeza de como editar o .htaccess, não tente adivinhar. Um erro pode deixar seu site inacessível. Melhor pedir ajuda — e na GeHost, estamos aqui para isso! 💬
Se precisar, abra um chamado no nosso suporte técnico com o assunto: "Problema de visualização em aplicativos do celular". Nós verificamos tudo por você — sem complicações.
Seu site é especial, e merece ser visto em qualquer lugar — mesmo dentro de um app! 🌟
Com carinho, sua Sensei da GeHost ✨
