Les avertissements de contenu mixtes apparaissent car les éléments sont toujours chargés sur HTTP après la migration du site Web vers HTTPS. Lorsqu'une page HTTPS fait référence à une ressource HTTP telle qu'une image, un script ou une feuille de style, le navigateur est marqué comme un contenu mixte, qui pose un risque de sécurité. Il existe deux types de contenu mixte: actif (comme les fichiers JavaScript ou CSS, qui sont généralement bloqués par le navigateur) et passifs (tels que des images ou des vidéos, qui sont toujours marqués). Les sources courantes incluent des liens HTTP à code dur dans HTML, des scripts externes, des images d'arrière-plan CSS ou des polices, des paramètres incorrects pour CMS ou le plug-in. Les solutions sont: 1. Trouvez et remplacez le "http: //" dans le code en tant qu'URL relative ou "https: //"; 2. Utilisez des outils de développeur de navigateur pour vérifier les demandes échouées; 3. Mettez à jour les paramètres CMS, les plug-ins ou les thèmes; 4. Utiliser les URL relatives du protocole; 5. Assurez-vous que le CDN prend en charge les HTTPS; 6. Utilisez le plug-in WordPress pour le gérer automatiquement. Les mesures préventives comprennent: la configuration de la redirection HTTP à HTTPS, l'utilisation des en-têtes CSP, la vérification du contenu intégré tiers et l'audit régulièrement des sites.

Vous voyez un avertissement de "contenu mixte" après avoir passé à HTTPS car certains éléments de votre site se chargent toujours sur HTTP. Lorsqu'une page est servie sur HTTPS mais comprend des ressources comme des images, des scripts ou des feuilles de style des URL HTTP, les navigateurs signalent cela comme un contenu mixte - un risque de sécurité.

Voici comment le réparer et pourquoi cela se produit:

Qu'est-ce que le contenu mixte exactement?

Le contenu mixte se produit lorsqu'une page HTTPS sécurisée tire les actifs à l'aide du protocole HTTP insécurisé. Les navigateurs considèrent cela dangereux car ces ressources non cryptées pourraient être falsifiées pendant le transit.

Il existe deux types:

• Contenu mixte actif - Des choses comme les fichiers JavaScript ou CSS qui peuvent manipuler la page. Les navigateurs les bloquent généralement.
• Contenu mixte passif - des choses comme des images ou des vidéos. Ce sont moins risqués mais toujours signalés.

Le résultat? Un avertissement dans la console ou la barre d'adresse du navigateur, et parfois une ic?ne de cadenas cassée.

Sources communes d'avertissements de contenu mixte

Certains coupables communs comprennent:

• URL HTTP codé en dur dans HTML ou modèles (par exemple, <img src="/static/imghw/default1.png" data-src="http://example.com/image.jpg" class="lazy" alt="Pourquoi ai-je un avertissement de 'contenu mixte' après avoir déménagé à HTTPS?" > )
• Scripts ou intégres externes (comme des publicités, des pixels de suivi ou des widgets tiers)
• Images d'arrière-plan CSS ou polices chargées via HTTP
• Paramètres CMS ou plugins incomplets qui utilisent toujours HTTP

Même si votre site principal est HTTPS, toute ressource externe chargée sans HTTPS déclenchera un avertissement.

Comment résoudre des problèmes de contenu mixtes

Pour résoudre ces avertissements, vous devez vous assurer que toutes les ressources sont tirées en toute sécurité. Voici comment:

• Recherchez votre code pour "http: //" et remplacez-les par des URL relatives ou passez à "https: //"
• Utilisez les outils du développeur du navigateur (onglet réseau) pour voir quelles demandes échouent en raison de contenu mixte
• Mettre à jour les paramètres CMS, les plugins ou les thèmes qui pourraient tirer des URL obsolètes
• Utilisez des URL relatives au protocole (rarement nécessaires maintenant): //example.com/resource.js au lieu de http://example.com/resource.js
• Si vous utilisez un CDN, assurez-vous qu'il prend en charge HTTPS et mettez à jour vos liens en conséquence

De nombreux systèmes de gestion de contenu comme WordPress ont des plugins qui aident à automatiser ce processus (par exemple, une meilleure recherche de recherche ou une SSL vraiment simple).

Empêcher de futurs problèmes de contenu mixte

Une fois que vous avez résolu les problèmes existants, prenez des mesures pour éviter de nouvelles:

• Configurez les redirectes de HTTP vers HTTPS
• Utilisez des en-têtes de stratégie de sécurité de contenu (CSP) pour appliquer le chargement des ressources HTTPS uniquement
• Vérifiez toujours les intégres tiers avant de les ajouter
• Audit régulièrement votre site avec des outils comme Google Chrome Devtools ou pourquoi pas de cadenas?

HTTPS est maintenant standard, mais cela ne fonctionne que si tout sur la page joue bien avec.

Ce n'est pas compliqué une fois que vous savez où chercher, mais facile à manquer quelques liens HTTP consécutifs - surtout s'ils proviennent de plugins ou de contenu intégré. La fixation du contenu mixte est principalement une question d'attention aux détails.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!