Problemi di visualizzazione del sito dopo l'installazione dell'SSL

Dopo l'installazione di un certificato SSL, potresti notare che il layout del tuo sito appare danneggiato, le immagini non vengono caricate oppure il browser mostra l'avviso: «La pagina sta tentando di caricare script da fonti non autenticate.»

Perché succede

La causa più comune è la presenza di link con il protocollo http:// scritti direttamente nel codice o nel database del sito. Questo fenomeno è noto come Mixed Content (contenuto misto). I browser moderni bloccano il caricamento di file CSS, JavaScript e font non sicuri su una pagina HTTPS cifrata per proteggere gli utenti, compromettendo di conseguenza l'aspetto e la funzionalità del sito.

Come risolvere gli errori di contenuto misto

1. Aggiornare i file di configurazione

Molte piattaforme CMS (come WordPress, Joomla o OpenCart) memorizzano l'URL del sito in specifici file di configurazione.

• Individua il tuo file di impostazioni (ad es. wp-config.php o settings.php).
• Trova tutte le occorrenze del tuo dominio e aggiorna il protocollo da http:// a https://.

2. Eseguire una sostituzione globale nel database

Se i link non sicuri sono memorizzati nei contenuti o nei metadati, una correzione manuale potrebbe essere impraticabile. Usa uno strumento come PHPMyAdmin o un plugin dedicato per eseguire una ricerca e sostituzione globale nel database.

• Cerca: http://yourdomain.com
• Sostituisci con: https://yourdomain.com

3. Usare percorsi relativi

Per evitare problemi analoghi in futuro, adotta percorsi relativi al posto di URL assoluti nei tuoi template e script:

• Invece di: http://site.com/css/style.css
• Usa: /css/style.css oppure il percorso protocol-relative //site.com/css/style.css.

Verifica del risultato

Una volta completate le modifiche, verifica che il problema sia risolto seguendo questi passaggi:

1. Svuota la cache del browser: Sulla pagina del tuo sito, premi Ctrl + F5 (Windows) o Cmd + Shift + R (Mac) per forzare il ricaricamento.
2. Svuota la cache lato server: Se utilizzi plugin di caching o strumenti server come Memcached o OPCache, assicurati di azzerarli.
3. Controlla la console: Premi F12 per aprire i Developer Tools e vai alla scheda Console. Verranno elencate tutte le risorse ancora bloccate a causa di connessioni non sicure.