Résoudre les avertissements de contenu mixte sur un site SSL

Rédigé par HubSpot Support | 7 Jul 2020 à 4:00:00

Si votre site web hébergé sur HubSpot est configuré à l’aide de SSL (HTTPS), les ressources qui sont chargées sur HTTP seront bloquées du chargement par votre navigateur. HubSpot s’assure automatiquement que toutes les ressources hébergées par HubSpot sont sans protocole afin de garantir leur chargement sans problème. Toutefois, si vous chargez des ressources à partir d’un serveur externe via HTTP, la ressource ne sera pas chargée une fois SSL activé.

Vous pouvez voir toutes les ressources qui sont bloquées dans la console Javascript des outils de développement de votre navigateur.

Pour résoudre les avertissements de contenu mixte pour les ressources chargées à partir d’un domaine autre que HubSpot, utilisez la version HTTPS de l’URL, si possible. Si le site externe ne prend pas en charge les requêtes HTTPS, vous devrez contacter l’administrateur de ce domaine pour voir s’il peut rendre son contenu disponible via HTTPS. Comme alternative, si le fichier source ne prend pas en charge HTTPS, téléchargez la ressource dans votre gestionnaire de fichiers, et référencez plutôt cette URL. 

La Console des outils du développeur peut vous aider à identifier les fichiers bloqués. Voici quelques emplacements typiques dans HubSpot où des requêtes sont susceptibles d’être envoyées à ces ressources non sécurisées. 

Sources d’avertissements liés au contenu mixte

L’une des sources habituelles des avertissements liés au contenu mixte sont les fichiers non hébergés par HubSpot dans la feuille de style de votre site. 

  • Références @font-face qui chargent les polices externes
  • URL des images d’arrière-plan 
  • @Importations de feuilles de style externes

De plus, si vous utilisez des scripts personnalisés qui font référence à des ressources externes, vous voudrez également mettre à jour ces fichiers.

Scripts et feuilles de style

Si vous joignez des feuilles de style externes à la <head> section ou au pied de page de votre site, de votre modèle ou de votre page, vous devrez vous assurer que ces fichiers prennent en charge les requêtes HTTPS. Vous pouvez ajouter ces références à HubSpot aux emplacements suivants :

Paramètres du site web

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit.
  • Dans le menu latéral de gauche, accédez à Site web > Pages.
  • Utilisez le menu déroulantModifier pour choisir le domaine où vous ajoutez les feuilles de style. Vous pouvez également choisir Tous les domaines pour joindre la feuille de style à tous vos domaines hébergés sur HubSpot.
  • Recherchez les champs HTML de l’en-tête du site et/ou HTML du pied de page du site.

Paramètres du blog

  • Depuis votre compte HubSpot, accédez à l'icône Paramètres settings dans l'angle supérieur droit. 
  • Dans le menu latéral de gauche, accédez à Site Web > Blog. 
  • Utilisez le menu déroulant Sélectionner un blog à modifier pour sélectionner un blog à modifier.
  • Cliquez sur l'onglet Modèles .
  • Recherchez la section HTML.

Gestionnaire de conception

  • Depuis votre compte HubSpot, accédez à Marketing > Fichiers et modèles > Outils de conception.
  • Sélectionnez un modèle de l’outil de recherche, puis mettez à jour la section de <head> Balisage supplémentaire.

Éditeur de page

Images

Si vous avez des images dans votre contenu qui chargent des URL externes, vous voudrez essayer de faire en sorte que leurs attributs src soient HTTPS.

Si HTTPS n’est pas pris en charge par le serveur externe, vous pouvez télécharger ces images dans votre gestionnaire de fichiers. En savoir plus sur le chargement des ressources dans le gestionnaire de fichiers.

cdn1.hubspot.com

Les ressources hébergées sur cdn1.hubspot.com ne prennent pas en charge les requêtes HTTPS. Pour résoudre ce problème, localisez le fichier dans le gestionnaire de fichiers et clonez-le. Après le clonage, copiez l’URL du nouveau fichier et mettez à jour la référence.

Use relative URLs

Vérifiez si vos ressources et images utilisent des URL relatives « //www.mysite.com/myimage.png » ou « //www.mysite.com/my-asset-location », par exemple).

Les URL relatives n’utilisent pas de protocoles (elles n’incluent pas « http » ni « https ») et se chargent donc quel que soit le protocole défini.

Mixed-content warnings
Voir l'article complet