Darstellungsprobleme der Website nach der SSL-Installation

Nach der Installation eines SSL-Zertifikats kann es vorkommen, dass das Layout Ihrer Website fehlerhaft aussieht, Bilder fehlen oder der Browser folgende Warnung anzeigt: „Die Seite versucht, Skripte aus nicht authentifizierten Quellen zu laden."

Ursache des Problems

Der häufigste Grund ist das Vorhandensein von fest codierten Links mit dem http://-Protokoll im Code oder in der Datenbank Ihrer Website. Dieses Phänomen wird als Mixed Content (gemischte Inhalte) bezeichnet. Moderne Browser blockieren das Laden unsicherer CSS-, JavaScript- und Schriftartendateien auf einer verschlüsselten HTTPS-Seite, um die Sicherheit der Nutzer zu gewährleisten — was letztlich das Erscheinungsbild und die Funktionalität der Website beeinträchtigt.

Behebung von Mixed-Content-Fehlern

1. Konfigurationsdateien aktualisieren

Viele CMS-Plattformen (z. B. WordPress, Joomla oder OpenCart) speichern die URL der Website in bestimmten Konfigurationsdateien.

• Öffnen Sie Ihre Einstellungsdatei (z. B. wp-config.php oder settings.php).
• Suchen Sie nach allen Erwähnungen Ihrer Domain und ändern Sie das Protokoll von http:// auf https://.

2. Suchen und Ersetzen in der Datenbank

Wenn die unsicheren Links in Ihren Inhalten oder Metadaten gespeichert sind, ist eine manuelle Korrektur oft nicht praktikabel. Verwenden Sie ein Tool wie PHPMyAdmin oder ein spezielles Plugin, um eine globale Suche und Ersetzung in Ihrer Datenbank durchzuführen.

• Suchen nach: http://yourdomain.com
• Ersetzen durch: https://yourdomain.com

3. Relative Pfade verwenden

Um künftige Probleme zu vermeiden, verwenden Sie in Ihren Templates und Skripten relative Pfade statt absoluter URLs:

• Statt: http://site.com/css/style.css
• Verwenden Sie: /css/style.css oder den protokollrelativen Pfad //site.com/css/style.css.

Überprüfung

Sobald alle Änderungen vorgenommen wurden, überprüfen Sie das Ergebnis mit diesen Schritten:

1. Browser-Cache leeren: Drücken Sie auf Ihrer Website Ctrl + F5 (Windows) oder Cmd + Shift + R (Mac), um einen erzwungenen Neuladevorgeng auszulösen.
2. Server-seitigen Cache leeren: Falls Sie Caching-Plugins oder serverseitige Tools wie Memcached oder OPCache verwenden, stellen Sie sicher, dass diese geleert werden.
3. Konsole prüfen: Drücken Sie F12, um die Developer Tools zu öffnen, und wechseln Sie zum Tab Console. Dort werden alle Ressourcen aufgelistet, die aufgrund unsicherer Verbindungen noch blockiert werden.