Favicon-Test
Kurze Antwort
Favicon-Vorhandensein und korrekte Konfiguration prüfen.
Was es macht
Testet das Vorhandensein von Favicons in den von Browsern und PWA-Installationen erwarteten Formaten: `/favicon.ico`, ein deklariertes `<link rel="icon">`, ein SVG-Favicon, Apple-Touch-Icons, ein Web App Manifest mit einem maskierbaren Icon und ein theme-color-Meta-Tag. Gibt für jede Prüfung Pass/Fail zurück sowie einen PWA-Bereitschafts-Score.
Warum es wichtig ist
Favicons erscheinen neben Ihren Seiten in Googles Ergebnissen, in Browser-Tabs und Lesezeichen sowie als App-Icon, wenn jemand Ihre Website installiert. Ein fehlendes Icon macht Ihre Website in all diesen Fällen schwerer auffindbar. Eine favicon.ico, ein SVG-Icon, ein 180×180-Apple-Touch-Icon und ein Web App Manifest mit 192px- und 512px-Icons decken aktuelle Browser und Geräte ab.
Wie es funktioniert
-
Geben Sie Ihre Domain ein und klicken Sie auf Test starten
-
Wir prüfen `/favicon.ico` sowie alle deklarierten Icon-Links
-
Wir prüfen auf ein SVG-Favicon, Apple-Touch-Icons, ein Web App Manifest und ein theme-color-Meta-Tag
-
Sie erhalten ein Statusraster für jede erwartete Variante
Beispiel-Ein- und Ausgabe
host: rankproof.eu
/favicon.ico: 200 OK <link rel="icon">: vorhanden <link rel="apple-touch-icon">: vorhanden (180x180) SVG-Favicon: vorhanden Web App Manifest: vorhanden maskierbares Icon im Manifest: vorhanden theme-color-Meta-Tag: vorhanden PWA-Bereitschafts-Score: 100/100
Wer es nutzt
-
Brand Manager
Prüfen Sie jede Domain in Ihrem Portfolio – bestätigen Sie, dass Favicon und Apple-Touch-Icon tatsächlich deklariert sind, nicht stillschweigend fehlen.
-
Frontend-Entwickler
Validieren Sie den Favicon-Satz nach einem Markenrelaunch – jede vom Browser-/PWA-System erwartete Variante ist vorhanden.
-
PWA-Verantwortlicher
Bestätigen Sie, dass das Web App Manifest verlinkt ist und ein maskierbares Icon für die PWA-Installation auf Mobilgeräten deklariert.
Häufig gestellte Fragen
Welche Favicon-Formate unterstützt die Google-Suche?
BMP, GIF, ICO, PNG, JPEG, PPM und TIFF, deklariert auf Ihrer Startseite mit rel="icon", rel="apple-touch-icon" oder rel="apple-touch-icon-precomposed". Das Icon muss quadratisch und mindestens 8×8px groß sein; Google empfiehlt größer als 48×48px.
Brauche ich noch favicon.ico?
Es ist weiterhin eine gute Idee. Manche Browser und Tools rufen /favicon.ico direkt ab, ohne Ihr HTML zu lesen.
Was ist ein Apple-Touch-Icon?
Ein 180×180-PNG, das als Home-Bildschirm-Icon verwendet wird, wenn iOS-Nutzer Ihre Website als Web-App hinzufügen. Deklarieren Sie es über `<link rel="apple-touch-icon">`.
Sollte das Favicon SVG sein?
Moderne Browser akzeptieren SVG-Icons, die in jeder Größe scharf bleiben. Die Google-Suche listet SVG nicht unter den unterstützten Favicon-Formaten, behalten Sie also zusätzlich ein PNG oder ICO.
Warum zeigt Google für meine Website ein generisches Globus-Icon?
Meist fehlt ein Favicon, dessen URL ist defekt, oder Google hat Ihre Startseite seit dem Hinzufügen noch nicht neu gecrawlt. Prüfen Sie, dass das Icon lädt und auf der Startseite deklariert ist, und geben Sie Google Zeit für ein erneutes Crawling.