Favicon wird nicht angezeigt? Leitfaden zur Fehlerbehebung

Bestätigen Sie zunächst, dass die Datei tatsächlich auf Ihre Live-Domain geladen wird. Fügen Sie Ihre URL in einen Favicon-Checker ein, um zu sehen, ob /favicon.ico, PNG-Varianten und Apple-Touch-Icon-Pfade 200 oder 404 zurückgeben. Wenn der Checker nichts findet, wird dies auch der Browser tun.

Browser speichern Favicons aggressiv – manchmal tagelang. Nach dem Hochladen eines neuen Symbols: Hard-Refresh (Ctrl+Shift+R / Cmd+Shift+R) oder einmal ?v=2 an die Favicon-URL anhängen, um den Cache zu leeren. Der Inkognito-Modus ist der schnellste Test.

Falsche Wege sind die zweithäufigste Ursache. <link rel="icon"> muss auf eine URL verweisen, die nach der Bereitstellung vorhanden ist. Eine Datei in /public auf Ihrem Computer ist nutzlos, wenn die Produktion aus einem CDN-Unterverzeichnis oder einem anderen Stammverzeichnis erfolgt.

Wenn favicon.ico fehlt oder beschädigt ist, wird in Windows-Verknüpfungen und älteren Browsern ein leeres Symbol angezeigt. Generieren Sie eine .ico-Datei mit mehreren Größen aus Ihrem PNG oder SVG neu – eine umbenannte .png-Datei ist kein gültiges ICO.

Es kann Tage oder Wochen dauern, bis Google Search die SERP-Favicons aktualisiert, nachdem Sie die Datei repariert haben. Googlebot-Image muss ein erreichbares Symbol crawlen, das von Ihrer Homepage aus verlinkt ist, mindestens 48×48. Überprüfen Sie Search Console und robots.txt, ob das Tab-Symbol funktioniert, Google aber immer noch das alte anzeigt.

Bei Format- und Größenproblemen senden Sie ein favicon.ico in mehreren Größen plus PNG-Fallbacks. Wenn Sie sich nicht sicher sind, welche Dateien Sie bereitstellen sollen, sehen Sie sich unsere Anleitungen zum besten Favicon-Format und den besten Favicon-Größen an.