Come posso correggere i problemi di Contenuto misto?

Procédure

Da qualche anno è obbligatorio installare l'SSL su un sito web. Esso svolge un ruolo essenziale per il posizionamento del vostro sito sui principali motori di ricerca. È quindi possibile installare un certificato SSL Let's Encrypt sul proprio hosting web e impostare un reindirizzamento web al proprio sito HTTPS.

Tuttavia, è possibile che l'impostazione del reindirizzamento causi problemi e che si verifichi un errore di contenuto misto sul sito HTTPS. Questa procedura spiegherà cos'è questo errore e vi aiuterà a correggerlo.

Che cos'è un avviso di contenuto misto?

Lo scopo di un avviso di contenuto misto quando il sito viene caricato è quello di informarvi che gli script del vostro sito vengono caricati in HTTPS ma anche, in alcuni casi, in HTTP. Tuttavia, quando si decide di migrare al protocollo HTTPS, tutto deve funzionare in HTTPS.

Di seguito è riportato un esempio di sito con un avviso di contenuto misto su Chrome per un sito Wordpress.

Si noti che Chrome è uno dei browser più utilizzati.

Anche Firefox consente di visualizzare l'errore Contenuto misto. Di seguito è riportato un esempio di ciò che viene visualizzato in Firefox.

Quali sono le cause dell'avviso Contenuto misto?

Il problema si verifica principalmente dopo la migrazione di un sito Wordpress dalla versione HTTP a quella HTTPS. I link HTTP vengono semplicemente trasferiti, causando questo avviso.

Tuttavia, può anche essere dovuto a :

• Plugin e/o temi che utilizzano percorsi assoluti, ad esempio http://domaine.com/style.css.
• Le immagini e/o gli URL sono codificati e puntano a un link HTTP.
• I link puntano a script HTTP esterni
• Avete aggiunto dei video utilizzando dei link HTTP

Come posso correggere i problemi di contenuto misto?

1. Prima di tutto, è necessario essere in grado di identificare le risorse problematiche sul proprio sito web. A tal fine, si consiglia di avviare "Chrome DevTools":

• Attivare ChromeDev Tool su Windows: Tasto "F12
• Su Mac: Cmd + Opt + I

2. Accedendo alla scheda"Console" di"Chrome DevTools", è possibile visualizzare le risorse che hanno causato problemi. È molto probabile che si debba aggiornare la pagina per accedere agli errori nella console. Nell'immagine qui sopra, si può facilmente notare che un link esterno è sempre in HTTP e non in HTTPS.

Accedendo alla scheda"Sicurezza" in"Chrome DevTools", è possibile visualizzare le origini non protette.

Infine, è possibile fare clic sulla scheda"Rete" per visualizzare le richieste.

Se non si dispone di Chrome, esistono strumenti gratuiti come Why Not Padlock. Questo software scansiona una pagina del vostro sito e mostra tutte le risorse non protette come segue:

3. È necessario verificare che le risorse che attualmente causano problemi siano accessibili tramite HTTPS. Ad esempio, per il seguente URL problematico:

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

Verificate che sia accessibile anche sostituendo HTTP:// con HTTPS://.

4. Esistono diversi modi per cercare e sostituire gli URL problematici sul vostro sito. Se utilizzate Wordpress, sono disponibili diversi plugin per aiutarvi a risolvere i problemi di contenuto misto, come"SSL Insecure" o"Really Simple SSL". Tuttavia, è preferibile modificare manualmente gli URL nel database. A tale scopo, è possibile utilizzare il plugin"Better, Search Replace" seguendo la procedura riportata di seguito:

• Collegarsi alla dashboard di Wordpress, fare clic su"Estensioni/Aggiungi". Cercate il plugin"Better Search Replace", installatelo e attivatelo.

• Andate su"Strumenti" e cliccate su"Better Search Replace".

• Indicare il dominio HTTP in"Cerca" e il dominio HTTPS in"Sostituisci con".

Una volta effettuata la ricerca e la sostituzione degli URL, è necessario controllare nuovamente il sito. È possibile che sul sito siano ancora visibili avvisi di "contenuto misto". In questo caso, è necessario andare alla pagina PHP interessata dal problema e modificare il link in HTTPS.

Se si utilizza un plugin come "Elementor", è necessario modificare l'URL nelle impostazioni del plugin. Inoltre, prima di verificare nuovamente le prestazioni del sito, è meglio svuotare tutte le cache.

Come si configura il file .htaccess per correggere l'errore Mixed Content?

Sia che utilizziate un CMS come Wordpress o Prestashop, sia che abbiate codificato il vostro sito da soli, potete utilizzare la direttiva"Content-Security-Policy" nel vostro file .htaccess. Questo vi permetterà di aggiornare tutte le richieste, compresi i problemi di "contenuto misto", in HTTPS.

La direttiva da impostare è la seguente:

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

Conclusione

Ora siete in grado di correggere rapidamente i problemi di contenuto misto sul vostro sito web. Nella maggior parte dei casi, queste azioni risolveranno rapidamente il problema.

Non esitate a condividere i vostri commenti e le vostre domande nella sezione commenti.