Wie kann ich Probleme mit Mixed Content beheben?

Procédure

In den letzten Jahren ist die Einrichtung von SSL auf einer Website zur Pflicht geworden. Dies spielt nämlich eine wesentliche Rolle für das Ranking Ihrer Website in den wichtigsten Suchmaschinen. Daher ist es möglich , das Let's Encrypt SSL-Zertifikat auf Ihrem Webhosting zu installieren und eine Web-Weiterleitung zu Ihrer HTTPS-Website einzurichten.

Es ist jedoch möglich, dass es beim Einrichten der Weiterleitung zu Problemen kommt und Sie einen Mixed-Content-Fehler auf Ihrer HTTPS-Website erhalten. Diese Vorgehensweise wird Ihnen erklären, was es mit diesem Fehler auf sich hat, und Ihnen helfen, ihn zu beheben.

Was ist eine Mixed Content-Warnung?

Eine Mixed-Content-Warnung beim Laden Ihrer Website soll Sie darauf hinweisen, dass die Skripte auf Ihrer Website über HTTPS und teilweise auch über HTTP geladen werden. Wenn Sie sich jedoch entscheiden, auf HTTPS umzustellen, muss alles in HTTPS fokussiert werden.

Unten sehen Sie ein Beispiel einer Website mit einer Mixed-Content-Warnung in Chrome für eine Wordpress-Website.

Beachten Sie, dass Chrome einer der am häufigsten verwendeten Browser ist.

Auch in Firefox können Sie die Mixed-Content-Fehlermeldung sehen. Unten sehen Sie ein Beispiel dafür, was Sie in Firefox sehen werden.

Was ist die Ursache für die Warnung "Mixed Content"?

Das Problem tritt hauptsächlich nach der Migration einer Wordpress-Website von der HTTP- zur HTTPS-Version auf. Denn dabei werden die HTTP-Links einfach weitergeleitet, was zu dieser Warnung führt.

Dies kann jedoch auch auf Folgendes zurückzuführen sein:

• An Plugins und/oder Themes, die absolute Pfade verwenden, z. B. http://domaine.com/style.css.
• Bilder und/oder URLs sind hart codiert und zeigen auf einen Link in HTTP.
• Ihre Links zeigen auf externe Skripte in HTTP.
• Sie haben Videos hinzugefügt, die Links in HTTP verwenden.

Wie kann ich Probleme mit Mixed Content beheben?

1. Zunächst einmal müssen Sie in der Lage sein, die problematischen Ressourcen auf der Ebene Ihrer Website zu identifizieren. Dazu empfiehlt es sich, "Chrome DevTools" zu starten:

• Aktivieren Sie das ChromeDev Tool unter Windows: Taste "F12".
• Auf dem Mac: Cmd + Opt + I.

2. Wenn Sie in den"Chrome DevTools" auf den Tab "Konsole" gehen, können Sie sich die Ressourcen ansehen, die Probleme verursacht haben. In der obigen Abbildung können Sie leicht erkennen, dass ein externer Link immer über HTTP und nicht über HTTPS läuft.

Wenn Sie in den"Chrome DevTools" auf den Reiter "Sicherheit" gehen, können Sie sich die unsicheren Ursprünge anzeigen lassen.

Zuletzt können Sie auf den Reiter"Netzwerk" klicken, um die Anfragen anzuzeigen.

Wenn Sie nicht über den Chrome-Browser verfügen, gibt es kostenlose Tools wie Why Not Padlock. Diese Software scannt eine Seite Ihrer Website und zeigt Ihnen alle unsicheren Ressourcen wie folgt an:

3. Überprüfen Sie, ob die Ressourcen, die derzeit Probleme verursachen, über HTTPS zugänglich sind. Zum Beispiel für die folgende problematische URL:

• http://fonts.googleapis.com/css?family=Open+Sans:400,700

Überprüfen Sie, ob auch diese URL erreichbar ist, indem Sie HTTP:// durch HTTPS:// ersetzen.

4. Es gibt mehrere Möglichkeiten, die problematischen URLs auf Ihrer Website zu finden und zu ersetzen. Wenn Sie Wordpress verwenden, gibt es viele Plugins, die Ihnen helfen können, Probleme mit Mixed Content zu lösen, wie z. B."SSL Insecure" oder"Really Simple SSL". Es ist jedoch besser, wenn Sie die URLs manuell auf der Ebene Ihrer Datenbank ändern. Dazu können Sie das Plugin"Better, Search Replace" verwenden, indem Sie wie folgt vorgehen:

• Melden Sie sich in Ihrem Wordpress-Dashboard an und klicken Sie auf"Erweiterungen/Hinzufügen". Suchen Sie nach dem Plugin"Better Search Replace", installieren Sie es und aktivieren Sie es.

• Gehen Sie zu"Extras" und klicken Sie auf"Better Search Replace".

• Geben Sie unter"Suchen" die Domain in HTTP an und dann unter"Ersetzen durch" die Domain in HTTPS.

Nachdem Sie die URLs gesucht und ersetzt haben, müssen Sie Ihre Website noch einmal überprüfen. Es kann nämlich sein, dass auf dieser noch"Mixed Content"-Warnungen zu sehen sind. In diesem Fall müssen Sie auf die betroffene PHP-Seite gehen, um den Link auf HTTPS zu ändern.

Wenn Sie ein Plugin wie "Elementor" verwenden , müssen Sie die URL in den Einstellungen des Plugins ändern. Außerdem sollten Sie vor einer erneuten Überprüfung der Funktionsweise Ihrer Website alle Caches der Website leeren.

Wie konfiguriere ich die .htaccess-Datei, um den Mixed-Content-Fehler zu beheben?

Unabhängig davon, ob Sie ein CMS wie Wordpress oder Prestashop verwenden oder ob Sie Ihre Website selbst programmiert haben, können Sie die Direktive"Content-Security-Policy" in Ihrer .htaccess-Datei verwenden. Dadurch können Sie alle Anfragen, einschließlich der Probleme mit "Mixed Content", auf HTTPS aktualisieren.

Die Richtlinie, die Sie einrichten müssen, lautet wie folgt:

Header always set Content-Security-Policy "upgrade-insecure-requests;".

Schlussfolgerung

Sie sind nun in der Lage, Probleme mit Mixed Content auf Ihrer Website schnell zu beheben. In den meisten Fällen werden diese Maßnahmen Ihr Problem schnell beheben.

Bitte teilen Sie uns Ihre Anmerkungen und Fragen in einem Kommentar mit.