Como resolver o erro de conteúdo misto (mixed content) depois de instalar o SSL

🔒 Conteúdo misto (Mixed Content): o que é e por que aparece depois do SSL

Oi! Eu sou a Sensei da GeHost, e vou te guiar com calma por esse probleminha clássico que aparece logo depois de instalar o certificado SSL: o famoso "conteúdo misto" (mixed content). Respira fundo — é super comum e, na grande maioria dos casos, tem solução simples. Vamos entender juntos.

O SSL foi instalado com sucesso e o cadeado deveria aparecer no navegador, mas em vez disso você vê um aviso de "Não seguro" ou um cadeado quebrado/amarelo. Isso acontece porque o seu site está sendo carregado por https://, mas algum recurso dentro dele (uma imagem, um script, uma folha de estilo) ainda está sendo chamado pelo endereço antigo, em http://. O navegador enxerga essa mistura como um risco de segurança e avisa o visitante.

💡 Dica da Sensei: pense no SSL como um envelope lacrado. Se dentro dele você colocar um bilhete que veio de um envelope aberto (http), o sistema de segurança do navegador desconfia da mistura — daí o nome "conteúdo misto".

🧐 Passo 1: Confirme que o certificado está mesmo instalado e ativo

Antes de sair caçando o problema, vale confirmar que o SSL está corretamente instalado no seu domínio. No cPanel, acesse a área de SSL/TLS Certificates e veja se o certificado do seu domínio aparece como instalado.

Se o certificado estiver ativo e válido por lá, ótimo — o problema não está no SSL em si, e sim em algum link "esquecido" apontando para http. Vamos resolver isso nos próximos passos.

🔍 Passo 2: Descubra quais recursos estão "misturados"

A forma mais rápida de identificar exatamente o que está causando o aviso é usar as ferramentas do próprio navegador:

1. Abra o seu site no Google Chrome (ou outro navegador de sua preferência).
2. Clique com o botão direito em qualquer parte da página e escolha "Inspecionar" (ou aperte F12).
3. Vá até a aba "Console".
4. Atualize a página (F5) e observe as mensagens em vermelho ou amarelo. Elas costumam dizer algo como "Mixed Content: the page was loaded over HTTPS but requested an insecure resource...", seguido do link exato que está causando o problema.

Anote esses links — eles são o mapa do tesouro para resolver a questão. Normalmente são imagens, ícones, arquivos CSS ou JavaScript.

🛠️ Passo 3: Corrija a causa mais comum, conforme o seu tipo de site

Se você usa WordPress

No WordPress, o motivo mais frequente é que o endereço do site ainda está salvo como http:// dentro das configurações e, às vezes, espalhado pelo banco de dados em conteúdos antigos. Veja como corrigir:

1. No painel do WordPress, vá em Configurações → Geral e confirme se os campos "Endereço do WordPress (URL)" e "Endereço do site (URL)" começam com https://.
2. Se os links dentro de posts, páginas ou no tema ainda apontarem para http://, o mais prático é usar um plugin de "buscar e substituir" no banco de dados (existem vários plugins gratuitos e confiáveis no repositório oficial do WordPress para essa finalidade) para trocar todas as ocorrências de http://seudominio.com.br por https://seudominio.com.br.
3. Existem também plugins dedicados a forçar HTTPS automaticamente em todo o site, resolvendo boa parte dos casos de conteúdo misto sem precisar mexer no banco de dados na unha.

💡 Dica da Sensei: sempre faça um backup completo antes de rodar qualquer ferramenta de "buscar e substituir" no banco de dados. Você encontra a opção de backup no cPanel, na área de Backup.

Se o site é em HTML puro ou outra plataforma

Nesse caso, o ajuste é manual: você (ou seu desenvolvedor) precisa abrir os arquivos do site e trocar as referências http:// por https:// — ou, melhor ainda, usar links relativos (sem especificar http ou https, começando direto com // ou com /).

Você pode editar os arquivos direto pelo Gerenciador de Arquivos do cPanel:

1. Acesse o Gerenciador de Arquivos e navegue até a pasta public_html.
2. Localize os arquivos indicados nos avisos do Console (geralmente .html, .css ou .js).
3. Clique com o botão direito no arquivo e escolha "Editar".
4. Use a busca do próprio editor para localizar as ocorrências de http:// e trocar por https://.
5. Salve o arquivo e atualize a página no navegador para conferir.

↪️ Passo 4: Force o redirecionamento de http para https

Depois de corrigir os links internos, é uma boa prática garantir que qualquer visitante que digite o endereço antigo (http://) seja automaticamente levado para a versão segura (https://). Isso evita que o problema volte a aparecer no futuro.

Isso é feito adicionando uma regra de redirecionamento no arquivo .htaccess, também acessível pelo Gerenciador de Arquivos. Se você não tem familiaridade com edição de arquivos de configuração, não se preocupe — nosso suporte pode te ajudar com esse ajuste.

🧹 Passo 5: Limpe o cache

Depois de todos os ajustes, é essencial limpar:

• O cache do seu navegador (ou teste em uma aba anônima);
• O cache do site, caso você use algum plugin de cache (comum em WordPress);
• O cache de CDN, se você utilizar algum serviço desse tipo.

Muitas vezes o aviso de conteúdo misto continua aparecendo simplesmente porque o navegador (ou o próprio site) ainda está exibindo uma versão em cache da página antiga.

✅ Passo 6: Confirme que está tudo certo

1. Abra o site em uma aba anônima.
2. Verifique se o cadeado aparece fechado e sem avisos ao lado do endereço.
3. Repita o Passo 2 (Console do navegador) para confirmar que não há mais nenhuma mensagem de conteúdo misto.

🌟 Dica da Sensei: se depois de seguir todos esses passos o aviso persistir, ou se você não se sentir confortável mexendo em arquivos e banco de dados, é só chamar o nosso suporte pelo painel.gehost.com.br. A gente te ajuda a deixar o cadeado verdinho com carinho!

Conteúdo misto assusta pelo nome, mas na prática é só um "resto" do endereço antigo que ficou esquecido em algum canto. Com esses passos, seu site fica 100% seguro e com a confiança total do navegador. 🔒✨