Favicons. Tolle Sache, eigentlich. Ohne sie wäre wahrscheinlich jeder Browser-Nutzer, der mehr als drei Tabs benutzt, sehr schnell sehr orientierungslos. Mit ihnen kann man auch bei dreißig oder mehr Tabs noch (einigermaßen) den Überblick bewahren. Es soll ja sogar Menschen geben, die alle diese Tabs auch angeblich benutzen.
Aber nicht nur im Browser-Tab kann das Favicon für die Wiedererkennung nützlich sein. In den mobilen Suchergebnissen wird es auch neben der URL oben links im Snippet angezeigt. In der westlichen Leserichtung wahrscheinlich mit das erste, was man vom Snippet wahrnehmen kann. Natürlich gesetzt den Fall, dass es auch angezeigt wird.
Denn manchmal wird es das auch einfach nicht. Dann geht es auf die Suche. Woran könnte es denn liegen? Liegt die Datei womöglich in einem von der robots.txt gesperrten Verzeichnis? Oder ist die Bilddatei kaputt? Das sind jedenfalls klassische Beispiele. In unserem Fall war es diesmal ein wenig komplizierter. Denn die beiden genannten Möglichkeiten schieden schonmal aus, robots.txt war in Ordnung und die Bilddatei erreichbar. Trotzdem kein Favicon in den Suchergebnissen.
Bei einem harten Reload der Favicon-URL zeigte sich dann etwas spannendes. Nicht nur die angeforderte Bild-URL wurde geladen, sondern auch versucht, die Default-Favicon-Datei "favicon.ico" im Root-Verzeichnis zu öffnen damit er ein Favicon im Tab anzeigen kann. Das schlug in diesem Fall fehl, weil dort auch nichts lag. Normalerweise hätte die Startseite auf die richtige Location des Favicons hinweisen können. In diesem Fall befand sich die funktionale Startseite aber in einem Sprachfolder und die Root-URL leitete auf diese weiter.
Der Verdacht liegt also nahe, dass Googles Favicon-Crawler die Weiterleitung der Startseite nicht mitgeht und so den Verweis zur "echten" Favicon-Location nicht bemerkt hat. Interessant daran ist, dass oberflächlich erstmal alles zu stimmen scheint, weil alle relevanten URLs erreichbar sind. Am Ende scheitert es dann am Bot, der scheinbar von seinen Gewohnheiten nicht ablassen kann.
Ein gut gemeinter Rat: Wenn dich kein Umstand zwingt es anders zu machen, leg Dein Favicon einfach im Root ab. Viele Systeme nutzen nicht den Weg über das HTML und Du sparst Dir etwas Kopfzerbrechen. Dann noch dafür sorgen, dass die Referenzen auch sicher im HTML stehen und nicht nur im DOM, dann ist schon viel gewonnen.
Im Rahmen unserer Auseinandersetzung mit Favicons haben wir dann noch zwei weitere Tipps für Dich.
-
Favicons können heute viel mehr als ein Bild im Tab oder in den SERPs sein. Damit es überall ordentlich aussieht muss gar nicht viel getan werden. Einen guten Anfang kannst Du mit diesem Favicon-Generator machen.
-
Lies diesen Artikel über Favicons im Jahr 2022. Der bringt dich in ein paar Minuten englischer Lesezeit auf den aktuellen Stand.
Zum Schluss die vielleicht wichtigste Frage: wie sagt man eigentlich Favicon? Fave-Icon oder Fawikon?