Como diagnosticar erro de Mixed Content (HTTPS + HTTP) Print

Como Diagnosticar e Resolver o Erro de Mixed Content no Seu Site (HTTPS + HTTP)

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

Seu site está com um erro que pode parecer pequeno, mas é bem importante: erro de Mixed Content. Isso acontece quando sua página HTTPS (segura) carrega recursos como imagens, scripts ou estilos via HTTP (não seguro). O navegador bloqueia esses elementos para proteger você — mas isso pode deixar seu site com aparência estranha ou funcionalidades quebradas.

Como o nosso querido Sensei da GeHost, vou te guiar com calma, passo a passo, para encontrar e resolver esse problema. Vamos lá?

🔍 O que é Mixed Content?

Imagine que seu site é uma casa com porta trancada (HTTPS). Dentro da casa, tudo está seguro. Mas se alguém colocar uma janela aberta para o lado de fora (HTTP), o sistema de segurança percebe e diz: "Espere, isso não está seguro!".

Esse "lado de fora" são os recursos carregados por HTTP — como imagens, vídeos, scripts ou estilos — mesmo que o site principal esteja em HTTPS.

Dica do Sensei: Seu navegador pode mostrar mensagens como: "Este site está carregando recursos não seguros" ou "Mixed Content: The page was loaded over HTTPS, but requested an insecure resource".

🛠️ Passo a Passo para Diagnosticar o Erro

Vamos identificar onde está o problema. Siga com calma:

1. Acesse seu site no navegador com o endereço HTTPS (ex: https://seusite.com.br).
2. Abra as Ferramentas de Desenvolvedor do navegador:
   • No Chrome, pressione F12 ou clique com o botão direito na página → "Inspeção".
   • Vá para a aba Console (ou "Network" em alguns casos).
3. Procure por mensagens como:
   • Blocked loading mixed active content
   • Resource interpreted as Script but transferred with MIME type text/html
   • Content Security Policy ou mixed content

   Essas mensagens mostram exatamente quais arquivos estão sendo carregados por HTTP.

4. Confira o caminho completo do recurso na lista de erros. Ele geralmente aponta para:
   • Uma imagem: http://seusite.com.br/img/logo.png
   • Um script: http://seusite.com.br/js/app.js
   • Um estilo: http://seusite.com.br/css/style.css

🔍 Como Encontrar o Arquivo que Está Causando o Problema

Com o caminho do recurso em mãos, vamos localizar onde ele está sendo chamado no seu site. O mais comum é que o erro esteja em arquivos do seu site, como:

• index.html
• header.php ou footer.php (em sites com PHP)
• Arquivos de tema ou plugin (em WordPress, por exemplo)

Para isso, vamos usar o Gerenciador de Arquivos do cPanel:

5. Entre no cPanel da sua conta (use o link fornecido na sua área do cliente).
6. Na seção Arquivos, clique em Gerenciador de Arquivos.
7. Selecione a pasta public_html (ou a pasta do seu site, se estiver em subdiretório).
8. Procure pelos arquivos mencionados no erro do navegador (como index.html, header.php, etc.).
9. Clique com o botão direito no arquivo → Editar.

Na edição do arquivo, procure pela URL do recurso que está em http:// (ex: http://seusite.com.br/img/logo.png). Substitua por //seusite.com.br/img/logo.png ou https://seusite.com.br/img/logo.png.

Dica do Sensei: Use // no lugar de http:// ou https:// — isso faz o navegador usar o mesmo protocolo do site (HTTPS ou HTTP). É uma solução rápida e segura!

🔄 Após a Correção

Após alterar o arquivo:

• Salve as alterações.
• Atualize a página do seu site no navegador (com Ctrl + F5 para limpar o cache).
• Verifique novamente o Console — o erro de Mixed Content deve ter desaparecido!

💡 Dicas Extras do Sensei

• Evite URLs absolutas em HTTP — sempre use https:// ou // para recursos externos.
• Se você usa WordPress, instale um plugin como Really Simple SSL ou SSL Insecure Content Fixer para ajudar automaticamente.
• Verifique também se seus plugins, temas ou scripts de terceiros estão carregando recursos por HTTP.
• Se tiver dúvidas, abra um ticket de suporte na GeHost — estamos aqui para te ajudar com um sorriso no coração! 😊

✅ Conclusão

Erros de Mixed Content são comuns, mas fáceis de resolver com um olhar atento. Você agora sabe como diagnosticar, encontrar e corrigir o problema — com cuidado, paciência e um toque de sabedoria digital.

Seu site está seguro, bonito e funcionando como deveria. E você, querido(a) cliente, está um passo mais perto de ser um verdadeiro herói da web!

Com carinho,
Sensei da GeHost 🌐✨