Bericht: Favicon & Icons
Wir prüfen, ob die Website ein oder mehrere Favicons definiert hat (oder verfügbar hat)
Favicons werden verwendet, um die Website im Browser-Tab, in Suchmaschinen und in sozialen Medien zu identifizieren. Sie sind eine Voraussetzung für jede Website im modernen Web und sollten die Markenidentität widerspiegeln. Früher waren Favicons immer 16x16px, aber heute gibt es viel mehr Optionen und Größen, und es wird erwartet, dass ein gutes Standard-Favicon in einer höheren Auflösung vorhanden ist.
Empfehlungen
- Stellen Sie sicher, dass Sie ein gutes Standard-Favicon haben, 16x16px ist nur die Mindestgröße
- Haben Sie mehrere Größen des Favicons, 16x16px, 32x32px, 64x64px, 128x128px, 256x256px
- Es ist immer gut, Apple-Touch-Icons hinzuzufügen, 180x180px ist die Mindestgröße
Häufige Probleme
- Das Favicon existiert, ist aber nicht im HTML-Layout vorhanden
- Nur ein Favicon gefunden, keine verschiedenen Größen gefunden
- Kein Favicon gefunden
Beispiel-Favicon
Beschreibung des Beispiel-Favicons
<link rel="icon" href="/favicon.ico" />
<link rel="icon" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" sizes="192x192" href="/android-chrome-192x192.png" />
<link rel="icon" sizes="512x512" href="/android-chrome-512x512.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />Favicon generieren
Beschreibung zum Generieren des Favicons