English
CMS, Betrieb & Spezialdateien

Favicon

Ein Favicon ist das kleine quadratische Symbol einer Website. Es erscheint im Browser-Tab, in Lesezeichen und bei Google neben dem Suchergebnis.

Wie wird ein Favicon eingebunden?

Das Favicon wird im <head> der Seite mit einem link-Element angegeben. Google liest es von der Startseite der Domain oder Subdomain. Für die Suche gelten diese Vorgaben:

  • Das Bild ist quadratisch (1:1) und mindestens 8 × 8 Pixel groß, empfohlen sind mindestens 48 × 48 Pixel.
  • Pro Hostname zeigt Google ein Favicon. Startseiten in Unterverzeichnissen werden nicht unterstützt.
  • Googlebot-Image muss die Favicon-Datei und Googlebot die Startseite crawlen dürfen, beides darf also nicht gesperrt sein.
  • Die URL der Favicon-Datei sollte stabil bleiben.
  • Unangemessene Inhalte ersetzt Google durch ein Standardsymbol.

Nach einer Änderung kann es Tage bis Wochen dauern, bis das neue Symbol in den Suchergebnissen erscheint.

Welche Varianten gibt es?

Neben rel="icon" kennt Google apple-touch-icon für iOS-Geräte. SELFHTML beschreibt zusätzlich SVG-Favicons, die sich skalieren lassen, und eine Datei favicon.ico als Rückfallebene für ältere Browser.

Beispiel

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

Häufige Fehler

  • Favicon-Datei oder Startseite sperren. Googlebot-Image muss die Favicon-Datei und Googlebot die Startseite crawlen dürfen. Eine Sperre per robots.txt verhindert die Anzeige.
  • Favicon-URL häufig ändern. Google verlangt, dass die URL der Datei stabil bleibt.
  • Favicon nur auf einer Unterseite oder in einem Unterverzeichnis einbinden. Google liest das Favicon von der Startseite des Hostnamens. Startseiten in Unterverzeichnissen werden nicht unterstützt.
  • Nicht quadratisches oder zu kleines Bild. Gefordert sind 1:1 und mindestens 8 × 8 Pixel.
  • Erwarten, dass die Änderung sofort greift. Google braucht laut Dokumentation Tage bis Wochen, um die neue Angabe zu verarbeiten, und garantiert die Anzeige auch bei erfüllten Vorgaben nicht.

Häufige Fragen

Welches Format ist für ein Favicon geeignet? Gängig sind ICO, PNG und SVG. Google Search unterstützt laut Dokumentation BMP, GIF, ICO, PNG, JPEG, PPM und TIFF. SVG steht nicht in dieser Liste.

Warum zeigt Google mein Favicon nicht? Mögliche Gründe nach den Vorgaben sind eine gesperrte Datei, ein zu kleines Bild oder ein Favicon, das nicht auf der Startseite eingebunden ist. Außerdem braucht Google Zeit zum erneuten Crawlen.

Quellen

  1. Favicon für die Google Suche definieren – Google Search Centraldevelopers.google.com
  2. Favicon – SELFHTML Wikiwiki.selfhtml.org

Stand: