SSL & Segurança 53 visualizações

Como configurar HTTPS em um site com conteúdo misto (mixed content) sem quebrar imagens

Ver no WHMCS

Como configurar HTTPS sem quebrar imagens (o famoso "conteúdo misto")

Oi! Sensei da GeHost aqui 👩‍🏫 Se você ativou o certificado SSL do seu site e agora vê aquele cadeado cortado ou com aviso de "não seguro" no navegador — mesmo com o site abrindo em https:// — provavelmente você está com o problema de conteúdo misto (mixed content). Calma, isso é super comum e tem solução tranquila. Vamos juntos! 💙

O que é "conteúdo misto", afinal?

É quando a sua página é carregada de forma segura (https://), mas algumas imagens, vídeos, scripts ou folhas de estilo dentro dela ainda são chamadas no endereço antigo, sem o "s" (http://). O navegador entende isso como uma brecha de segurança e bloqueia ou avisa sobre esse conteúdo — geralmente é aí que as imagens somem ou o cadeado fica amarelo/quebrado.

💡 Dica da Sensei: se o site "parece funcionar" mas o cadeado não fica verde/fechado, é quase sempre conteúdo misto. Vale a pena checar mesmo que visualmente esteja tudo bonito.

Passo 1 — Confirme que o certificado SSL está ativo

Antes de sair caçando imagens quebradas, confirme que o certificado do seu domínio está instalado e válido. No cPanel do seu plano GeHost:

  1. Acesse o cPanel do seu domínio.
  2. Vá até a área SSL/TLS.
  3. Confira se aparece um certificado ativo para o seu domínio (e para o www, se você usa).
Tela SSL/TLS Certificates do cPanel para emitir e instalar certificado

Se não tiver certificado ativo ainda, abra um chamado com a nossa equipe pelo painel.gehost.com.br que a gente te ajuda a emitir.

Passo 2 — Force o site inteiro a usar HTTPS

Muitos sites de WordPress/Woo continuam com a "URL do site" configurada como http:// mesmo depois do SSL instalado. Isso é uma causa clássica de conteúdo misto. Verifique:

  • No WordPress: vá em Configurações → Geral e confira se o "Endereço do WordPress (URL)" e o "Endereço do site (URL)" começam com https://.
  • Se seu site tiver um redirecionamento automático de http para https, ótimo — se não tiver, fale com nosso suporte que orientamos a melhor forma para o seu caso.

Passo 3 — Encontre as imagens (e outros arquivos) ainda em http://

Agora vem a parte de detetive 🕵️‍♀️. As imagens "presas" no http normalmente estão:

  • Escritas direto no conteúdo das páginas/posts (o link da imagem foi salvo como http:// na época em que o site não tinha SSL).
  • No tema ou em plugins, com endereço fixo (hardcoded) apontando para http.
  • Em widgets, banners ou logotipos configurados manualmente no editor do site.

Você pode inspecionar os arquivos do site pelo Gerenciador de Arquivos do cPanel, se quiser abrir o código-fonte de algum tema ou template:

Gerenciador de Arquivos do cPanel mostrando a árvore de pastas incluindo public_html

Uma forma prática de descobrir rapidinho onde estão essas imagens "http" é abrir o site no navegador, apertar F12 (ferramentas do desenvolvedor) e olhar a aba Console — o próprio navegador lista ali cada recurso bloqueado por ser inseguro, junto com o link exato dele. Isso facilita muito na hora de corrigir.

Passo 4 — Corrija os links: troque http:// por https://

  1. Para imagens inseridas no conteúdo de páginas/posts: edite o texto e troque o link de http:// para https://.
  2. Se o site for WordPress e o problema estiver espalhado em muitos posts antigos, considere usar um plugin de "busca e substituição" de URLs no banco de dados (ex.: para trocar todas as ocorrências de http://seudominio.com por https://seudominio.com de uma vez). Se preferir, nossa equipe de suporte pode te orientar nessa correção.
  3. Se o problema estiver no tema/plugin (arquivo de código), o ideal é que um desenvolvedor ajuste isso — pode ser algo pontual para o nosso time de suporte técnico avaliar.

Passo 5 — Ainda tem imagem quebrando? Verifique o DNS do domínio

Se depois de corrigir os links algumas imagens continuarem sem aparecer, vale conferir se o domínio está apontando corretamente para o seu servidor de hospedagem, através da zona de DNS:

Editor de Zona de DNS do cPanel com a lista de registros do domínio

Se tiver dúvida em algum registro específico, é mais seguro chamar o nosso suporte do que mexer sozinho aqui — assim evitamos qualquer susto no domínio.

Passo 6 — Confirme que resolveu

  1. Abra o site em uma aba anônima (para não pegar cache do navegador).
  2. Veja se o cadeado do navegador aparece fechado/verde, sem avisos.
  3. Abra o Console (F12) de novo e confira se não há mais avisos de "mixed content".
🌟 Dica da Sensei: depois de corrigir, se você usa algum plugin de cache no site, limpe o cache — senão o navegador pode continuar exibindo a versão antiga por um tempinho.

Precisa de uma força?

Se você não se sentir à vontade para mexer em código do tema ou no banco de dados, é só chamar a gente pelo painel.gehost.com.br. Lembrando que todo serviço entregue pela GeHost já vem com 30 dias de suporte grátis após a entrega — e fora desse período, se quiser um acompanhamento contínuo, é só conversar com a equipe sobre as opções disponíveis para o seu plano.

Prontinho! Com esses passos seu site fica 100% seguro, com o cadeado fechado e — o mais importante — sem nenhuma imagem quebrada pelo caminho. 🔒✨

Precisa de Ajuda?

Nossa equipe está pronta para resolver suas dúvidas.