Prüfe, ob dein Favicon korrekt eingebunden ist.
Ich prüfe favicon.ico, SVG-Favicon und Apple Touch Icon auf korrekte Einbindung und Erreichbarkeit - für ein sauberes Erscheinungsbild in Tabs und Suchergebnissen.
Häufige Fragen zu diesem Tool
Wichtiges Hintergrundwissen und SEO-Tipps kurz für dich erklärt.
Warum ist ein Favicon für SEO relevant?
Google zeigt Favicons in den mobilen Suchergebnissen direkt neben dem Seitentitel an. Ein fehlendes oder kaputtes Favicon führt dort zu einem generischen Platzhalter-Icon, was weniger vertrauenswürdig und professionell wirkt als ein erkennbares Markenzeichen.
Reicht eine einzelne favicon.ico im Stammverzeichnis nicht aus?
Technisch funktioniert der Fallback meistens, da die meisten Browser /favicon.ico automatisch abfragen, wenn kein <link>-Tag vorhanden ist. Eine explizite Deklaration per <link rel="icon"> im <head> ist trotzdem zuverlässiger (z.B. bei CDN-Auslieferung oder mehreren Icon-Formaten) und wird deshalb als kleine Verbesserung markiert, nicht als Fehler.
Warum wird ein Apple-Touch-Icon empfohlen?
Fügen iOS/iPadOS-Nutzer eine Seite ihrem Home-Bildschirm hinzu, nutzt Apple ohne dieses Icon einen automatisch erzeugten Screenshot-Ausschnitt als Ersatz - das sieht meist unschön aus. Ein dediziertes 180x180px-Icon wirkt deutlich professioneller.
Was bringt ein SVG-Favicon gegenüber klassischem ICO/PNG?
Ein SVG-Favicon skaliert verlustfrei auf jeder Bildschirmgröße und -dichte und kann per CSS-Media-Query sogar automatisch zwischen Hell- und Dunkel-Modus wechseln. Alle modernen Browser unterstützen das Format bereits - ein klassisches ICO/PNG bleibt trotzdem als Fallback für ältere Browser sinnvoll.
Warum wird nur geprüft, ob Icons erreichbar sind, nicht ihre Bildqualität?
Das Tool prüft technisch, ob eine deklarierte Icon-Datei tatsächlich lädt (HTTP-Status, kein Soft-404). Ob die Bilddatei selbst inhaltlich gut gestaltet, scharf und markenkonform ist, lässt sich automatisiert nicht sinnvoll bewerten und bleibt bewusst der eigenen Prüfung überlassen.