Como posso corrigir problemas de conteúdo misto?

Procédure

Desde há alguns anos, é obrigatório instalar o SSL num sítio Web. Desempenha um papel essencial na classificação do seu sítio nos principais motores de busca. Assim, pode instalar um certificado Let's Encrypt SSL no seu alojamento web e configurar um redireccionamento web para o seu sítio HTTPS.

No entanto, é possível que a configuração do redireccionamento cause problemas e que obtenha um erro de Conteúdo Misto no seu sítio HTTPS. Este procedimento irá explicar o que é este erro e ajudá-lo a corrigi-lo.

O que é um aviso de conteúdo misto?

O objetivo de um aviso de Conteúdo Misto quando o seu sítio é carregado é informá-lo de que os scripts no seu sítio são carregados em HTTPS mas também, em alguns casos, em HTTP. No entanto, quando decidir migrar para o protocolo HTTPS, tudo deve funcionar em HTTPS.

Abaixo está um exemplo de um site com um aviso de Conteúdo Misto no Chrome para um site Wordpress.

Note-se que o Chrome é um dos browsers mais utilizados.

O Firefox também permite visualizar o erro de Conteúdo misto. Abaixo está um exemplo do que você verá no Firefox.

O que causa este aviso de conteúdo misto?

O problema ocorre principalmente após a migração de um sítio Wordpress da versão HTTP para HTTPS. As ligações HTTP são simplesmente transferidas, o que provoca este aviso.

No entanto, também pode ser devido a :

• Plugins e/ou temas que utilizam caminhos absolutos, por exemplo http://domaine.com/style.css
• As imagens e/ou URLs estão codificados e apontam para uma ligação HTTP
• As suas ligações apontam para scripts HTTP externos
• Adicionou vídeos utilizando ligações HTTP

Como posso corrigir problemas de conteúdo misto?

1. Em primeiro lugar, tem de ser capaz de identificar os recursos problemáticos no seu sítio Web. Para o fazer, recomendamos que inicie o "Chrome DevTools":

• Ativar a ferramenta ChromeDev no Windows: Tecla "F12
• No Mac: Cmd + Opt + I

2. Ao aceder ao separador"Consola" no"Chrome DevTools", pode visualizar os recursos que causaram problemas. É muito provável que tenha de atualizar a página para aceder aos erros na consola. Na imagem acima, podemos ver facilmente que uma ligação externa está sempre em HTTP e não em HTTPS.

Ao aceder ao separador"Security" (Segurança) em"Chrome DevTools" (Ferramentas de desenvolvimento do Chrome), pode ver as origens não seguras.

Por fim, pode clicar no separador"Rede" para ver os pedidos.

Se não tiver o Chrome, existem ferramentas gratuitas como o Why Not Padlock. Este software analisa uma página do seu sítio e mostra-lhe todos os recursos não seguros da seguinte forma:

3. É necessário verificar se os recursos que estão a causar problemas podem ser acedidos através de HTTPS. Por exemplo, para o seguinte URL problemático:

• http://fonts.googleapis.com/css?family=Open+Sans:400,700

Verifique se este também é acessível substituindo HTTP:// por HTTPS://.

4. Existem várias formas de procurar e substituir URLs problemáticos no seu sítio. Se utiliza o Wordpress, existem vários plugins disponíveis para o ajudar a resolver problemas de Mixed Content, como"SSL Insecure" ou"Really Simple SSL". No entanto, é preferível modificar os URL manualmente na sua base de dados. Para o fazer, pode utilizar o plugin"Better, Search Replace" seguindo o procedimento abaixo:

• Ligue-se ao seu Painel de Controlo do Wordpress, clique em"Extension/Add" (Extensão/Adicionar). Procure o plugin"Better Search Replace", instale-o e active-o.

• Aceda a"Tools" (Ferramentas) e clique em"Better Search Replace" (Melhor Substituição daPesquisa).

• Indique o domínio HTTP em"Search" e o domínio HTTPS em"Replace with".

Depois de ter pesquisado e substituído os URLs, é necessário verificar novamente o seu sítio. Os avisos de "Conteúdo Misto" podem ainda estar visíveis no seu sítio. Se for esse o caso, terá de ir à página PHP afetada pelo problema e alterar a ligação para HTTPS.

Note-se que, se estiver a utilizar um plugin como o "Elementor", terá de alterar o URL nas definições do plugin. Além disso, antes de voltar a verificar o desempenho do seu sítio, é melhor esvaziar todas as caches.

Como configurar o ficheiro .htaccess para corrigir o erro Mixed Content?

Quer utilize um CMS como o Wordpress ou o Prestashop ou tenha programado o seu sítio Web, pode utilizar a diretiva"Content-Security-Policy" no seu ficheiro .htaccess. Isto permitir-lhe-á atualizar todos os pedidos, incluindo os problemas de "Conteúdo Misto", para HTTPS.

A diretiva a definir é a seguinte:

Header always set Content-Security-Policy "upgrade-insecure-requests;"

Conclusão

Está agora em condições de corrigir rapidamente os problemas de conteúdo misto no seu sítio Web. Na maioria dos casos, estas acções resolverão o seu problema rapidamente.

Não hesite em partilhar os seus comentários e perguntas na secção de comentários.