Favicon

Was geprüft

Abgerufen wird das Favicon aus dem ersten <link rel="icon">, sonst /favicon.ico. Geprüft werden Erreichbarkeit, ob die Datei laut Dateikopf ein Bild ist, sowie Format und Maße: SVG oder quadratisch mit einem Vielfachen von 48 Pixeln ist unauffällig. Wurde das Favicon nicht abgerufen, lautet das Ergebnis „nicht geprüft“.

Wie relevant

Niedrig, wenn das Favicon nicht abrufbar ist, kein Bild liefert oder nur als kleines ICO bis 32 Pixel vorliegt. Das Gewicht innerhalb der Kategorie ist hoch, weil Google das Favicon neben jedem Suchergebnis zeigt; Googles Vorgabe ist ein quadratisches Bild mit einem Vielfachen von 48 Pixeln.

Warum

Das Favicon erscheint im Browser-Tab, in Lesezeichen und in den Google-Suchergebnissen. Ein zu kleines Icon erscheint dort eventuell nicht, dann zeigt Google ein allgemeines Symbol.

Wie beheben

Hinterlegen Sie ein quadratisches Icon mit mindestens 48×48 Pixeln (z. B. 48, 96 oder 192 Pixel) oder ein SVG und verlinken Sie es im <head>. Eine favicon.ico für ältere Browser kann zusätzlich bestehen bleiben.

Nebenwirkung: Browser und Google speichern Favicons lange zwischen; Änderungen werden erst verzögert sichtbar. Google aktualisiert das Icon in den Suchergebnissen erst nach dem nächsten Abruf der Startseite.

WordPress: Unter „Design → Customizer → Website-Informationen → Website-Icon“ laden Sie ein quadratisches Bild mit mindestens 512×512 Pixeln hoch; WordPress erzeugt daraus die nötigen Größen. Ein Favicon-Plugin oder Theme mit eigener Einstellung kann diese Angabe überschreiben.

Codebeispiel

HTML

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-48x48.png" sizes="48x48" type="image/png">
<link rel="icon" href="/favicon.ico" sizes="any">

Weiterführende Quellen

• https://developers.google.com/search/docs/appearance/favicon-in-search
• https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel