Favicon zur Anzeige in den Suchergebnissen festlegen

Wenn es für deine Website ein Favicon gibt, kann dieses auch in die Google-Suchergebnisse aufgenommen werden.

Eine Abbildung, die zeigt, wie ein Favicon in einem Suchergebnis aussehen könnte.

Favicon

Implementierung

So sorgst du dafür, dass für deine Website in den Google-Suchergebnissen ein Favicon angezeigt werden kann:

  1. Erstelle ein Favicon, das den unten aufgeführten Richtlinien entspricht.
  2. Füge der Kopfzeile deiner Startseite ein <link>-Tag mit der folgenden Syntax hinzu: 
    <link rel="icon" href="/path/to/favicon.ico">

    Zum Extrahieren der Favicon-Informationen verwendet Google die folgenden Attribute des link-Elements:

    Attribute
    rel

    Google unterstützt die folgenden rel-Attributwerte zur Angabe eines Favicons. Verwende einen, der sich für deinen Anwendungsfall eignet:

    icon

    Das Symbol, das deine Website gemäß der Definition im HTML-Standard repräsentiert.

    apple-touch-icon

    Ein für iOS geeignetes Symbol, das deine Website gemäß der Entwicklerdokumentation von Apple repräsentiert.
    apple-touch-icon-precomposed

    Ein alternatives Symbol für frühere iOS-Versionen gemäß der Entwicklerdokumentation von Apple.
    href

    Die URL des Favicons. Die URL kann ein relativer Pfad (/smile.ico) oder absoluter Pfad (https://example.com/smile.ico) sein. Die URL muss nicht auf Ihrer Website gehostet werden. Ihr Favicon kann beispielsweise in einem Content Delivery Network (CDN) gehostet werden.

  3. Warte, bis Google die neuen Informationen auf deiner Startseite erneut gecrawlt und verarbeitet hat. Denke daran, dass das Crawling mehrere Tage bis mehrere Wochen dauern kann, je nachdem, wie oft Inhalte aus Sicht unserer Systeme aktualisiert werden müssen. Du kannst eine Indexierung der Startseite deiner Website mit dem URL-Prüftool anfordern.

Richtlinien

Damit ein Favicon in den Google-Suchergebnissen angezeigt werden kann, musst du die folgenden Richtlinien beachten.

  • Die Google Suche unterstützt nur ein Favicon pro Website, wobei eine Website durch den Hostnamen definiert ist. Zum Beispiel sind https://www.example.com/ und https://code.example.com/ jedoch zwei verschiedene Hostnamen und können daher zwei verschiedene Favicons haben. https://www.example.com/sub-site ist aber ein Unterverzeichnis einer Website. Daher kannst du nur ein einziges Favicon für https://www.example.com/ festlegen, das dann für die Website und ihre Unterverzeichnisse gilt.
    Unterstützt: https://example.com (Startseite auf Domainebene)
    Unterstützt: https://news.example.com (Startseite auf Subdomainebene)
    Nicht unterstützt: https://example.com/news (Startseite auf Unterverzeichnisebene)
  • Der Googlebot für Bilder muss die Favicon-Datei und der Googlebot die Startseite crawlen können; sie dürfen nicht für das Crawling blockiert werden.
  • Damit Nutzer deine Website beim Stöbern in den Suchergebnissen schnell erkennen, sollte das Favicon eine grafische Darstellung deines Website-Logos sein.
  • Dein Favicon muss quadratisch (Seitenverhältnis 1:1) und mindestens 8 × 8 Pixel groß sein. Die Mindestgröße beträgt zwar 8 × 8 Pixel, wir empfehlen jedoch, ein Favicon mit einer Größe von mindestens 48 × 48 Pixeln zu verwenden, damit es auf verschiedenen Oberflächen gut aussieht. Jedes gültige Favicon-Format wird unterstützt.
  • Die Favicon-URL sollte sich möglichst nicht ändern.
  • Favicons, die Google als unangemessen einstuft, werden nicht angezeigt. Dazu gehören z. B. pornografische und Hasssymbole wie etwa das Hakenkreuz. Wenn eine solche Darstellung in einem Favicon erkannt wird, ersetzt Google es durch ein Standardsymbol.