Favicon: Kleines Symbol für Browser-Tabs, Lesezeichen und Adressleisten
Das Favion-Icon dient dazu, die Marke einer Website zu repräsentieren und die Wiedererkennung für Benutzer zu erleichtern
- SEO & KI-Suche
- Technisches SEO
- 2 Min. Lesezeit
- Aktualisiert am
Inhalt 8 Abschnitte
Ein Favicon ist das kleine Symbol einer Website, das im Browser-Tab, in Lesezeichen, auf dem Startbildschirm von Smartphones und in den Google-Suchergebnissen neben dem Website-Namen erscheint. Es sorgt für Wiedererkennung – und wirkt in den Suchergebnissen wie ein kleines Logo.
Wo das Favicon erscheint
| Ort | Empfohlenes Format |
|---|---|
| Browser-Tab und Lesezeichen | ICO oder PNG, 32 × 32 Pixel; SVG für moderne Browser |
| Google-Suchergebnisse | Quadratisch, mindestens 48 × 48 Pixel bzw. ein Vielfaches davon |
| Startbildschirm auf dem iPhone | Apple Touch Icon, 180 × 180 Pixel PNG |
| Android und Web-Apps | Icons mit 192 × 192 und 512 × 512 Pixeln im Web-App-Manifest |
Favicon richtig einbinden
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Diese Zeilen gehören in den <head> jeder Seite, mindestens aber der Startseite. Zusätzlich sollte eine Datei favicon.ico im Hauptverzeichnis liegen – manche Dienste suchen dort automatisch.
Favicon in der Google-Suche
Damit Google Ihr Favicon in den Suchergebnissen anzeigt, sollte es diese Anforderungen erfüllen:
- Es ist auf der Startseite per
rel="icon"eingebunden. - Es ist quadratisch und mindestens 48 × 48 Pixel groß.
- Die Datei ist für Googlebot abrufbar, also nicht per robots.txt gesperrt.
- Die Adresse bleibt stabil und ändert sich nicht ständig.
- Das Motiv steht für die Marke und ist nicht anstößig.
Gestaltungstipps
- Einfach halten: Ein Symbol oder ein Buchstabe, kein komplettes Logo mit Schriftzug.
- Bei kleiner Größe prüfen: Was auf 16 Pixeln nicht erkennbar ist, ist zu detailliert.
- Hell und dunkel testen: Viele Nutzer haben einen dunklen Browser oder Suchmodus. Ein transparenter Hintergrund kann dort verschwinden.
- Einheitlich auftreten: Favicon, Logo und Profilbilder in sozialen Netzwerken sollten zusammenpassen.
Häufige Fehler
- Zu klein: Ein 16 × 16 Pixel großes Favicon reicht für die Google-Suche nicht.
- Nicht quadratisch: Wird verzerrt oder gar nicht angezeigt.
- Gesperrt oder fehlend: Die Datei ist nicht erreichbar oder liefert einen Fehler.
- Unterschiedliche Icons: Verschiedene Favicons auf verschiedenen Seiten verwirren.
Favicon und Bing
Auch Bing zeigt Favicons in den Suchergebnissen. Wer die oben genannten Grundlagen erfüllt und eine favicon.ico im Hauptverzeichnis bereitstellt, ist auch dort gut aufgestellt. Mehr zu Bing im Eintrag zu Bing.
Fazit
Das Favicon ist klein, aber in den Suchergebnissen sichtbar wie ein Logo. Ein klares, quadratisches Symbol in ausreichender Größe stärkt Wiedererkennung und Vertrauen – und gehört zu den schnellsten Verbesserungen für das Snippet.
Quellen
Geschäftsführer und Mitgründer von Leadsleader. Verantwortet die Sichtbarkeit unserer Portale in Google und KI-Suchsystemen.
