Wenn ein Favicon fehlt, liegt es nicht immer an der Datei. Browser, CDN, Service Worker und Suchmaschine können jeweils eine andere Version zwischenspeichern. Eine geordnete Diagnose verhindert, dass du mehrere Dinge gleichzeitig änderst.
Mit der Dateianfrage beginnen
Öffne genau die URL, auf die das link-Element verweist. Sie muss ohne Anmeldung den richtigen Inhalt liefern und darf keine unnötige Weiterleitungskette auslösen. Eine HTML-Fehlerseite namens favicon.ico lässt sich nicht als Symbol dekodieren.
Filtere im Netzwerkbereich nach icon oder favicon. Notiere die endgültige URL, Statuscode, Inhaltstyp und ob die Antwort aus dem Cache stammt.
| Prüfung | Erwartetes Ergebnis | Lösung |
|---|---|---|
| Direkte URL | Bildantwort mit Status 200 | Pfad oder Bereitstellung korrigieren |
| link-Element | Im head vorhanden | Erzeugtes HTML korrigieren |
| Cache | Neue Antwort empfangen | Cache leeren und erneut testen |
| Crawl-Zugriff | Datei erreichbar | Sperre entfernen |
Das tatsächlich erzeugte HTML prüfen
Untersuche das fertige Dokument, nicht nur dessen Vorlage. Eine Erweiterung, ein Theme oder eine Komponente kann nach deinem Element ein weiteres Symbol einfügen und den Browser zur Auswahl einer anderen Datei veranlassen.
Prüfe die Pfade auf einer tief verschachtelten Seite sowie die genaue Groß- und Kleinschreibung des Dateinamens. Auf einem Server mit Unterscheidung der Schreibweise sind Favicon.svg und favicon.svg verschiedene Ressourcen.
Jede Cache-Ebene einzeln prüfen
Teste zuerst in einem neuen Profil oder mit deaktiviertem Netzwerk-Cache. Erreicht das neue Bild den Ursprungsserver, aber nicht die öffentliche Domain, leere den CDN-Cache. Bei einer installierten PWA prüfst du außerdem Service Worker und Manifest.
Bei einer zukünftigen Änderung kann ein Dateiname mit Versionsnummer den Wechsel eindeutig machen. Halte /favicon.ico für Programme verfügbar, die diese Adresse gemäß Konvention anfordern.
Browser und Suchergebnisse getrennt betrachten
Google verlangt ein quadratisches, crawlbares Favicon, das mit der Startseite der Website verknüpft ist. Die Symbol-URL kann zu einem anderen Zeitpunkt als die Seite gecrawlt werden. Das erklärt Verzögerungen nach einer Korrektur.
Prüfe mit der URL-Prüfung, ob die Startseite erreichbar ist, und beantrage nach einer Änderung erneutes Crawling. Gib der Verarbeitung anschließend Zeit: Das Leeren des lokalen Browser-Caches beeinflusst den Suchindex nicht.
Primärquellen
Häufige Fragen
Warum erscheint das alte Favicon wieder?
Eine Cache-Ebene, ein Service Worker oder ein zweites Symbol-Element kann weiterhin die alte Datei liefern. Ermittle die tatsächlich geladene URL, bevor du Caches leerst.
Reicht ein Versionsparameter in der URL?
Er kann einige Caches umgehen, ein neuer Dateiname ist jedoch oft eindeutiger. Halte /favicon.ico weiterhin als Ersatz verfügbar.
Ändert sich das Favicon bei Google sofort?
Nein. Google muss Seite und Symbol erneut crawlen und verarbeiten. Eine genaue Wartezeit ist nicht garantiert.