Comment réparer les erreurs Mixed Content dans Blogger

Précédemment, nous vous avons montré comment activer le certificat SSL HTTPS dans Blogger qui vous permet d'avoir des connexions cryptées à vos blogs. Depuis, blogger a officiellement déployé cette fonctionnalité pour les domaines blogspot.com, de nombreuses personnes ont activé HTTPS pour leurs blogs. Cependant, ils sont confrontés à de multiples problèmes de fonctionnalités et le problème le plus commun qu'ils rencontrent est celui des erreurs de contenu mélangé occasionnellement à partir de leur Template, gadgets, ou contenu de blog. Aujourd'hui, dans cet article, nous allons vous montrer comment corriger les erreurs de contenu mixte dans BlogSpot / Blogger.

Que sont les erreurs de contenu mixte ?

Les erreurs de contenu mixte se produisent lorsqu'une page Web est initialement sécurisée par SSL mais qu'elle contient à la fois du contenu HTTPS sécurisé et du contenu HTTP non sécurisé (images, liens, vidéos, scripts, feuilles de style). Cette erreur de navigateur entraînera une dégradation des performances de votre site, des problèmes de sécurité et affectera l'expérience utilisateur de votre blog.

Dans Blogger, des problèmes de contenu mixte peuvent être causés par le contenu HTML dans :
  1. Code source du Template.
  2. Code source du post et de la page
  3. Code source du gadget de mise en page

Comment faire pour vérifier les erreurs de contenu mixte dans votre blog ?

  1. Ouvrez votre navigateur (nous recommandons Google Chrome), visitez votre blog en utilisant le protocole HTTPS (https://<yoursite>.blogspot.com).
  2. Une fois votre blog complètement chargé, allez dans Outils >> Développeur >> Console ou utilisez ce raccourci CTRL + SHIFT + J pour ouvrir la console JavaScript.
  3. Maintenant, dans la console, cherchez des erreurs de contenu mélangé similaires à celles que nous avons ci-dessous.
Mixed Content
      4. Faites maintenant une liste des URL non sécurisées que vous avez rencontrées. Vous pouvez                visiter beaucoup d'autres pages sur votre Blog pour obtenir plus d'erreurs de contenu mélangé. 

Correction des erreurs de contenu mixte sur votre Template:

Cela signifie que des erreurs de contenu mixte apparaissent sur plusieurs pages et est très probablement causé par votre Template ou des gadgets, suivez les instructions ci-dessous pour les supprimer.
    1. Allez sur Blogger >> Modèles >> Modifier HTML >> et recherchez http:// 

    2. Si vous pouvez trouver un lien http://, remplacez-le par https://

    3. Avant d'enregistrer, vérifiez si chacune de ces options est disponible sur HTTPS en ouvrant ce lien dans une nouvelle fenêtre ou un nouvel onglet de votre navigateur. Si les liens HTTP et HTTPS vous donnent les mêmes résultats, vous pouvez cliquer sur Enregistrer le thème.

    4. Allez maintenant dans Blogger >> Mise en page>> Modifier chaque gadget de type HTML/Javascript et remplacez tous les liens https:// par http://. Vérifiez si les liens https:// fonctionnent correctement, puis appuyez sur Enregistrer.

Corrigez les erreurs de contenu mixte sur vos Articles et pages :

Cela signifie que des erreurs de contenu mixte se trouvent dans le code source de l'un de vos articles ou pages que vous devez éditer à partir de l'éditeur d'article Blogger.
  1. Allez dans Blogger Dashboard >> sélectionnez n'importe lequel de vos articles ou pages et cliquez sur le lien Modifier.
  2. Revenez maintenant à l'onglet HTML, cherchez http:// et changez-le en https://
  3. Vérifiez chaque lien HTTPS en l'ouvrant dans une nouvelle fenêtre de navigateur pour voir si le contenu correspond à un lien non HTTPS. Après la vérification, cliquez sur Mettre à jour pour enregistrer l'article ou la page.

Mise à par Blogger: correction des erreur contenu mixte dans l’éditeur par un seul clic :

Blogger a annoncé le 19 avril 2016, qu'ils ont une mise à jour de l'éditeur de Blogger pour les contenus mixtes. Ce qui signifie que vous pouvez corriger le contenu mixte en un seul clic sur vos messages et vos pages. 
  1. Modifiez un message, revenez à l'onglet HTML et appuyez sur Mettre à jour.  
  2. Si l'éditeur détecte des erreurs, elles seront affichées au-dessus de l'éditeur, avec l'option de corriger les erreurs trouvées.
corriger le contenu mixte
     
     3. Après avoir corrigé les erreurs, appuyez à nouveau sur le bouton Mettre à jour.