Come attivare la connessione HTTPS nei domini personalizzati di Blogger

Come passare dalla connessione HTTP alla connessione criptata HTTPS con un dominio personalizzato di Blogger. Risolvere con Connessione non completamente protetta.

La possibilità di passare alla connessione HTTPS, pure per i domini personalizzati di Blogger, è disponibile in versione sperimentale già da diverse settimane e finalmente mi sono deciso a effettuare il passaggio.

In questo articolo illustrerò la procedura che ho seguito e non mi prendo la responsabilità di dire che vada bene per tutti. Non ho toccato minimamente i DNS, né ho cambiato i record e altre impostazioni del Pannello di Controllo. Questo dominio lo acquistai direttamente da Blogger, quando era possibile farlo e quando Google aveva una joint venture con i Registrar eNom e GoDaddy.

Il mio dominio è appunto ospitato nei server di quest'ultima società.  Ho dovuto superare solo una piccola difficoltà quando le informazioni su Chrome davano questo sito come non completamente protetto. Il passaggio da HTTP a HTTPS nel medio termine dovrebbe comportare un aumento del traffico e quindi un aumento pure delle entrate, per chi monetizza con dei programmi di affiliazione.

Di questi aspetti però eventualmente ne parlerò in seguito, quando la situazione si sarà assestata. La connessione HTTPS significa che i dati scambiati tra browser e sito sono criptati. Questo permette una maggiore sicurezza per i dati immessi, specie per password, numeri di carte di credito e altri dati sensibili. Per questa ragione l'algoritmo di Google premia con un migliore posizionamento i siti che utilizzano la connessione HTTPS.

1) SALVATAGGIO DEL TEMA

Ho iniziato il passaggio intorno alla mezzanotte non conoscendo a priori il tempo che sarebbe stato necessario. A una tale ora la perdita di visitatori sarebbe stata più modesta rispetto a un orario di prime time. Sono andato su Tema -> Backup/Ripristino -> Scarica Tema per salvare il template per un eventuale ripristino.

2) APERTURA DELLE BACHECHE

Il passaggio dalla connessione HTTP a quella HTTPS è al momento disponibile solo nella Bacheca di Blogger in Draft. Ho quindi aperto due schede, quella della Bacheca classica con indirizzo blogger.com e quella della Bacheca sperimentale con indirizzo draft.blogger.com.

Io uso di default la Bacheca classica e non ho attivato quella sperimentale. Posso quindi usare indifferentemente una o l'altra, semplicemente cliccando sui rispettivi Segnalibri del browser.

3) PASSAGGIO ALLA CONNESSIONE HTTPS

Per passare alla connessione HTTPS, bisogna agire nella Bacheca di Blogger in Draft. Sono andato su Impostazioni -> Di Base -> HTTPS -> Disponibilità HTTPS e ho messo il Sì al posto del No. In Reindirizzamento HTTPS, ho invece lasciato il No per un certo tempo. L'ho fatto perché in questo modo il sito sarebbe continuato a essere navigabile come lo era in precedenza. Infatti cliccando su Visualizza sotto ai vari post nella Bacheca classica, mi si aprivano correttamente tutte le pagine.

Cliccando su Visualizza blog nella Bacheca di Blogger in Draft, mi è invece apparso il messaggio "Impossibile raggiungere il sito". Ho aspettato qualche minuto quindi ho incollato nel browser l'indirizzo di questo blog preceduto da https:// e ho constatato che la homepage si apriva regolarmente.

Ho fatto lo stesso con altri post, aggiungendo sempre la stessa stringa all'inizio. Ho lasciato tutto così per tutta la notte e al mattino ho completato la configurazione scegliendo Sì anche per Reindirizzamento HTTPS. Dopo averlo fatto, tutti i post che aprivo da Bacheca -> Post, anche della versione classica, venivano reindirizzati con la connessione HTTPS. Per essere più chiari, l'articolo con questo URL

www.ideepercomputeredinternet.com/2018/01/blogger-file-ads-txt.html

viene rediretto a questo URL

https://www.ideepercomputeredinternet.com/2018/01/blogger-file-ads-txt.html

Ho navigato pure con il cellulare e ho visto che il redirect funzionava pure nei dispositivi mobili.

4) ADATTAMENTO DEL TEMPLATE

Ho salvato un'altra volta il Tema e gli ho dato un nome diverso dal salvataggio precedente. Sono andato quindi su Tema -> Modifica HTML. Ho cliccato nell'area del post e ho digitato Ctrl+F per apre il campo di ricerca.

Ho effettuato una ricerca degli URL con questa stringa: http://. In questo modo avrei trovato tutti gli URL presenti nel modello che non rispettavano la connessione HTTPS e che quindi sarebbero stati considerati come contenuti misti. Ho trovato nel menù alcuni indirizzi di social come Facebook, Twitter, Pinterest presenti anche nei bottoni di condivisione. In questo caso ho semplicemente sostituito http:// con https://.

Ho pure trovato anche indirizzi di immagini con tale prefisso, alcune ufficiali di Blogger. Prima della sostituzione, ho incollato nel browser gli indirizzi con https per controllare che l'immagine fosse visibile. Ho quindi salvato il template e aperto il sito. Mi sarei aspettato di vedere la scritta Sicuro con il lucchetto.

5) CONNESSIONE NON COMPLETAMENTE PROTETTA: SOLUZIONE

Con mio disappunto invece non ho visto la scritta Sicuro con il lucchetto ma solo l'icona della I cerchiata.

 

Cliccandoci sopra si visualizzava la scritta seguente: La connessione a questo sito non è completamente protetta." C'era anche la raccomandazione di non inserire dati sensibili. Questo significava che non avevo convertito tutti gli indirizzi http:// in https:// presenti nel layout.

Ho quindi aperto la Home del sito, ci ho cliccato sopra con il destro del mouse e ho selezionato Ispeziona nel menù contestuale. Nel riquadro che si apre nella parte bassa della pagina, ho scelto la scheda Console.

In tale scheda c'era infatti un messaggio che mi avvertiva di Mixed Content. Si trattava dell'indirizzo di Google, con http invece che con https, presente nel codice della casella di ricerca. I contenuti misti infatti possono trovarsi anche nei widget e nelle sidebar, non solo nel modello.

6) VERIFICA CONNESSIONE DA DESKTOP E DA MOBILE

Dopo questa ulteriore modifica ho potuto visualizzare la scritta Sicuro con il lucchetto prima dell'URL.

Cliccandoci sopra, si legge l'informazione che la connessione è protetta e che i dati sensibili inviati al sito restano privati. Per completare la verifica ho aperto il sito anche da mobile.

La connessione sicura da mobile viene denotata solo con il lucchetto prima dell'URL. Toccando sul lucchetto si possono leggere le stesse informazioni presenti su Chrome desktop.

Il lucchetto della connessione sicura viene visualizzato anche su Firefox Quantum.

7) OSSERVAZIONI CONCLUSIVE

Il passaggio da HTTP a HTTPS è una cosa che va fatta per evitare di rimanere tra i siti non sicuri penalizzati da Google per questa ragione. Non è che sia il Paradiso, ma è meno problematica di quanto avessi preventivato.

Avere la Home come Sicura non significa che lo siano tutti i post. Sicuramente tra i 6000 articoli che ho pubblicato ce ne sarà qualcuno con contenuti misti e quindi con connessione non completamente protetta. Quando me ne accorgerò o quando qualche lettore me lo comunicherà, vi porrò rimedio.

È ancora troppo presto per fare delle verifiche su un eventuale aumento di traffico a parità di altre condizioni. Sicuramente nel breve periodo ci sarà una diminuzione di entrate, perché i crawler di Adsense dovranno scannerizzare nuovamente tutto il sito e la pubblicità tornerà solo gradualmente.

Mi riprometto di pubblicare un nuovo post su questo tema, tra uno o due mesi, per avere modo di analizzare le statistiche, per vedere quello che il passaggio ha comportato su Google Analytics e su Search Console; in definitiva per fare un primo bilancio di questo passaggio dalla connessione HTTP a quella HTTPS. Concludo comunicando agli utilizzatori di Open Live Writer che non occorre effettuare un nuovo accesso con HTTPS.