# Favicon-Test

https://rankproof.eu/de/tools/seo-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.

## Wie es funktioniert

1. Geben Sie Ihre Domain ein und klicken Sie auf Test starten
2. Wir prüfen `/favicon.ico` sowie alle deklarierten Icon-Links
3. Wir prüfen auf ein SVG-Favicon, Apple-Touch-Icons, ein Web App Manifest und ein theme-color-Meta-Tag
4. Sie erhalten ein Statusraster für jede erwartete Variante

## Beispiel-Ein- und Ausgabe

EINGABE

```text
host: rankproof.eu
```

AUSGABE

```text
/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
```

## 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.

## 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.

## Verwandte Tools in SEO-Analyse

- [Title- & Meta-Description-Prüfer](https://rankproof.eu/de/tools/seo-meta-title)
- [Überschriften-Checker](https://rankproof.eu/de/tools/seo-heading-tags)
- [Bild-Alt-Text-Prüfer](https://rankproof.eu/de/tools/seo-image-alt)
- [Canonical-URL-Prüfer](https://rankproof.eu/de/tools/seo-canonical-url)
- [Robots.txt-Analysator](https://rankproof.eu/de/tools/seo-robots-txt)
- [robots.txt-Generator](https://rankproof.eu/de/tools/seo-robots-txt-generator)