Telegram, WhatsApp  +380637610482
Valery Danyuk
Valery DanyukEntwicklerEntwicklung von KI-Tools für Unternehmen. Hohe Qualität. Erschwinglich.In Telegram schreiben

Überprüfen Sie das Favicon Ihrer Website online: Welche Größen werden benötigt und warum wird das Favicon Google nicht angezeigt?

Überprüfen Sie das Favicon Ihrer Website online: ICO-, PNG-, SVG- und Apple Touch-Icons mit Größenangaben und Vorschauen.

Was Sie erhalten

  • Liste aller Website-Icons – ICO, PNG, SVG, Apple Touch Icon – mit Größenangaben und Vorschauen, kostenlos
  • Das Mindest-Favicon, das eine Website im Jahr 2026 benötigen sollte, und der vorgefertigte Code
  • Gründe, warum Google anstelle Ihres Symbols einen grauen Globus anzeigt
Anwenden: in 10 MinutenSpeicherstände: Vertrauen und Wiedererkennung in Suchergebnissen und Browser-Tabs

Die Kurzfassung: Um das Favicon Ihrer Website online zu überprüfen, geben Sie Ihre Domain in den kostenlosen Favicon-Checker von PromoPilot ein und klicken Sie auf „Prüfen“. Das Tool findet alle in HTML deklarierten Icons in Standardpfaden wie /favicon.ico, zeigt eine Vorschau und die Größe jedes Icons an, prüft das Apple Touch-Icon und informiert Sie über fehlende Größen. Unten finden Sie einen minimalen Satz an Icons, den vollständigen Code und die Gründe, warum Google anstelle Ihres Logos eine graue Weltkugel anzeigt.

Ich erstelle seit 12 Jahren Webseiten und weiß: Favicons werden häufiger vergessen als jedes andere Element. Der Designer entwirft das Logo, der Entwickler erstellt die Webseite, und trotzdem fügt niemand ein Favicon hinzu – bis der erste Kunde fragt: „Warum hat unser Konkurrent ein Favicon bei Google und wir nicht?“

Was überprüft die Favicon-Prüfung?

Ein Website-Icon ist nicht mehr nur eine einzelne favicon.ico -Datei. Browser, iPhones, Android-Geräte und Google verwenden unterschiedliche Dateien und Größen. Dieses Tool fasst sie alle in einem einzigen Bericht zusammen.

Was wird überprüft? Was schaut er sich an? Wozu benötigt die Website das?
Icons aus HTML Alle Tags <link rel="icon">, shortcut icon, apple-touch-icon Genau diese Aspekte nehmen Browser und Google an erste Stelle.
Standardwege /favicon.ico im Stammverzeichnis der Website und andere typische Adressen Viele Systeme suchen dort auch ohne Tag nach dem Symbol.
Die Größe jedes Symbols Breite und Höhe in Pixeln, Format ICO, PNG, SVG Das kleine Symbol ist auf hochauflösenden Bildschirmen unscharf.
Apple Touch-Symbol Gibt es ein Symbol für iPhone und iPad? Ohne diese Option wird ein Screenshot der Seite auf dem Startbildschirm angezeigt.
Vorschau Wie sieht jedes gefundene Symbol aus? Sie können defekte, leere oder fremde (Vorlagen-)Symbole sehen.
Empfehlungen Welche Größen fehlen? Eine fertige Aufgabenliste für einen Designer

Wie kann man das Favicon einer Website online überprüfen?

Überprüfen Sie Ihr Favicon in 3 Schritten: Geben Sie Ihre Domain ein, klicken Sie auf „Prüfen“ und prüfen Sie die gefundenen Symbole, Größen und Empfehlungen.

  1. Favicon-Prüfer öffnen.
  2. Geben Sie die Domain ein – example.com genügt, ohne Angabe der Seite.
  3. Klicken Sie auf „Prüfen“. Das Tool analysiert den HTML-Code der Homepage und die Standardpfade.
  4. Prüfen Sie die gefundenen Symbole: Vorschau, Format und Größe jedes einzelnen. Prüfen Sie, ob sich darunter ein Standard-CMS- oder Hosting-Symbol befindet.
  5. Lesen Sie die Empfehlungen und geben Sie dem Designer die fehlenden Maße an oder nehmen Sie diese selbst vor.

Tool-Seite: Domänenfeld, Schaltfläche „Prüfen“ und Beschreibung der Prüfungen mit FAQ.

PromoPilots kostenlose Favicon-Prüfseite: Domain-Feld, Suche nach allen Symbolen und Apple Touch Icon-Prüfung

Die Verifizierung ist einfach – die maximale Anzahl an Gästen reicht aus, um Ihre eigene Website und einige Websites von Mitbewerbern zum Vergleich zu prüfen. Icons von jeder Website können angezeigt und heruntergeladen werden – praktisch, falls Sie das Original Ihres Logos wiederfinden müssen, das Sie vielleicht mit einem alten Auftragnehmer verloren haben.

Welche Favicon-Größen werden im Jahr 2026 benötigt?

Icon-Generatoren erzeugen oft 20 Dateien, aber eigentlich braucht man nur ein kompaktes Set. Hier ist das Minimum, das ich für alle meine Projekte verwende:

Datei Größe Wo wird es verwendet?
favicon.ico 16×16 und 32×32 in einer Datei Ältere Browser, Systeme, die im Stammverzeichnis nach einem Symbol suchen
favicon.svg Vektor Moderne Browser, klar auf jedem Bildschirm
apple-touch-icon.png 180×180 iPhone- und iPad-Startbildschirm
icon-192.png und icon-512.png 192×192 und 512×512 Webmanifest: Android, Installation einer Website als App

Und der Code für <head>:

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Design-Tipp: Bei 16 Pixeln werden Logo und Text unscharf. Verwenden Sie ein Symbol, den Anfangsbuchstaben des Namens oder ein vereinfachtes Zeichen auf kontrastierendem Hintergrund. Verwenden Sie für das Apple Touch Icon keinen transparenten Hintergrund – iOS füllt ihn schwarz.

Wie erstellt man ein Favicon selbst, ohne einen Designer?

Falls Sie noch gar keine Icons haben, können Sie in einer halben Stunde ein einfaches Set erstellen. So gehen Sie vor:

  1. Verwenden Sie ein Symbol, nicht das gesamte Logo. Nutzen Sie den Anfangsbuchstaben des Namens, ein Symbol aus dem Logo oder eine einfache geometrische Form in der Markenfarbe. Achten Sie darauf, dass es in 16 Pixeln gut erkennbar ist.
  2. Zeichnen Sie ein Quadrat mit den Maßen 512 x 512 Pixel. Jeder Grafikeditor oder Online-Designer ist geeignet. Lassen Sie etwas Rand, damit das Zeichen nicht über den Rand hinausragt.
  3. Speichern Sie die Quelldatei als SVG – sie wird zu favicon.svg Datei, und alle PNGs der benötigten Größen können ohne Qualitätsverlust zugeschnitten werden.
  4. Generieren Sie die restlichen Größen (ICO, 180, 192) im Icon-Generator und platzieren Sie die Dateien im Stammverzeichnis der Website.
  5. Fügen Sie den Code in den Head-Bereich ein und überprüfen Sie das Ergebnis erneut im Tool.

Prüfen Sie, wie das Symbol im dunklen Design Ihres Browsers aussieht: Ein schwarzes Symbol auf transparentem Hintergrund ist in einem dunklen Chrome-Tab nicht sichtbar. Ein heller Hintergrund oder eine kontrastierende Kontur helfen.

Warum zeigt Google das Favicon der Website nicht an?

Die am häufigsten gestellte Frage: Wenn neben einer Adresse in den Suchergebnissen ein grauer Globus angezeigt wird, gibt es dafür in der Regel mehrere Gründe:

  1. Das Symbol ist nicht quadratisch. Google verlangt ein Seitenverhältnis von 1:1 und eine Größe von mindestens 8x8 Pixeln, empfiehlt aber mehr als 48x48 Pixel: Das winzige 16x16 Pixel große favicon.ico wirkt in den Suchergebnissen unscharf.
  2. Das Symbol ist für Bots gesperrt. Google -Image benötigt Zugriff auf die Symboldatei und auf die Hauptdatei. Wenn der Bildordner in der Google -Datei gesperrt ist oder die Datei einen Fehler zurückgibt, wird das Symbol nicht in den Suchergebnissen angezeigt.
  3. Das Favicon befindet sich nicht auf der Startseite. Google verwendet das Favicon von der Startseite der Domain oder Subdomain; der Startseitenbereich, wie beispielsweise example.com/shop ist dafür nicht geeignet.
  4. Die Adresse des Icons ist instabil. Wenn sich der Pfad bei jedem Website-Update ändert ( /icon.a83f2.png), kann Google ihn möglicherweise nicht schnell genug aktualisieren.
  5. Es dauert schon eine Weile. Google aktualisiert das Favicon nicht sofort nach einer Fehlerbehebung. Sie können den Vorgang beschleunigen, indem Sie in der Search Console einen erneuten Scan der Startseite anfordern. Google gibt keinen genauen Zeitrahmen an, daher sollten Sie die Ergebnisse frühestens einige Tage später überprüfen.
  6. Das Symbol verstößt gegen die Regeln. Google ersetzt unzulässige Bilder durch ein Standardsymbol.

Vergleich: Favicon-Checker und Alternativen

Werkzeug Was ist kostenlos? Einschränkungen Für wen ist es geeignet?
PromoPilot – Favicon-Prüfer Alle Icons aus HTML und Standardpfaden, Größen, Vorschauen, Apple Touch Icon, Empfehlungen Erstellt keine Symbole, sondern prüft das Hauptsymbol. Überprüfen Sie schnell Ihre Website oder die eines Mitbewerbers.
RealFaviconGenerator Generieren eines Satzes von Symbolen und Code, Überprüfen des Favicons Der Generator erzeugt viele Dateien; Sie müssen herausfinden, welche Sie behalten möchten. Für alle, die Icons von Grund auf neu erstellen müssen.
Google Search Console Erneuten Scan des Hauptverzeichnisses anfordern Nur die verifizierte Website überprüft das Symbol nicht. Aktualisierung des Symbols in den Suchergebnissen beschleunigen
Entwicklertools im Browser Registerkarte mit Manifest und Symbolen Man muss wissen, wo man suchen muss. Für Entwickler

Fazit: Ein Online-Tool ist bequemer zum Überprüfen, ein Generator zum Erstellen eines Sets und die Search Console zum Beschleunigen von Aktualisierungen in Google.

PromoPilot bietet übrigens 87 kostenlose SEO-Tools an. Sie können ganz einfach sehen, wie das Favicon neben dem Titel in der SERP-Vorschau aussieht – dazu haben wir einen separaten Artikel in unserer Reihe.

Welche Einschränkungen gibt es bei der Favicon-Verifizierung?

Das Tool prüft, was die Website anzeigt und liefert: Es informiert Sie nicht darüber, wann Google das Symbol in den Suchergebnissen aktualisiert – das obliegt der Suchmaschine selbst. Werden Symbole nach dem Laden der Seite per Skript hinzugefügt, sind einige möglicherweise nicht im Bericht enthalten. Die Prüfung betrachtet außerdem die Domain als Ganzes – verwenden verschiedene Bereiche der Website unterschiedliche Symbole (z. B. eine Shop-Subdomain), werden diese separat geprüft.

Wann reicht ein kostenloses Tool nicht aus?

Eine Website ohne Favicon, aber mit einem vollständigen Satz an Symbolen: Googles grauer Globus im Vergleich zu seinem eigenen Symbol und dem Apple Touch Icon.

Ein Favicon ist meist eine Kleinigkeit, die selten einen Spezialisten erfordert. Manchmal kann aber auch ein scheinbar kleines Problem ein Symptom sein. Hilfe ist nötig, wenn:

  • Das Symbol ist korrekt, aber Google zeigt seit Monaten einen Globus an – das bedeutet, dass das Problem entweder beim Zugriff des Bots oder bei der Vorlage liegt;
  • Die Marke hat kein einfaches Logo und benötigt einen Corporate-Design-Stil, der auf 16 Pixeln funktioniert;
  • Die Website wird mithilfe eines Website-Builders erstellt, und die Pfade zu den Symbolen ändern sich mit jedem Update;
  • Das Favicon ist nur einer von Dutzenden kleineren Fehlern, die sich über die Jahre angesammelt haben.

Was kann ich für Ihre Website tun?

Ich bin Valeriy Danyuk, Entwickler und SEO-Spezialist mit 12 Jahren Erfahrung und über 200 Kunden. Ich richte Favicons, Social-Media-Vorschauen und das Markup für jede Website ein, bevor sie online geht.

SEO und Audit

Websites und Online-Shops

CRM und Automatisierung

Schick mir die Website-Adresse in Telegram – ich schaue mir die Icons und fünf oder sechs andere Kleinigkeiten an, die oft vergessen werden.

Ergebnis

  1. Favicon Checker findet alle Website-Icons, deren Größen und zeigt innerhalb einer Minute an, welche fehlen.
  2. Mindestausstattung: favicon.ico, favicon.svg, Apple Touch Icon 180×180 sowie die Icons 192 und 512 für das Webmanifest.
  3. Für Google muss das Symbol quadratisch sein, größer als 48x48 Pixel, für den Bot zugänglich und auf der Startseite angezeigt werden.
  4. Wenn es einfacher ist, eine Website neu zu erstellen, als kleinere Probleme zu beheben, passt 1001site Symbole und Vorschauen automatisch an.

Überprüfen Sie Ihre Domain mit dem kostenlosen Favicon-Checker – und überprüfen Sie gleichzeitig die Domain Ihres Hauptkonkurrenten.

Quellen

  • PromoPilots Favicon-Prüfseite – Liste der Prüfungen und häufig gestellte Fragen.
  • Google Search Central – Anforderungen an das Favicon für Suchergebnisse.
  • RealFaviconGenerator — generiert und testet einen Satz von Symbolen.

Referenzen und Quellen

Fragen und Antworten

Warum benötigt eine Website ein Favicon?

Ein Favicon ist ein Website-Symbol, das in Browser-Tabs, Lesezeichen, im Verlauf und neben der Adresse in Google Suchergebnissen auf Smartphones und Computern angezeigt wird. Ein Favicon macht eine Website erkennbar und unterscheidet sie von anderen Suchergebnissen; ohne Favicon zeigen Browser und Google ein Standardsymbol an.

Welche Favicon-Größen werden benötigt?

Das praktische Minimum: favicon.ico (16 und 32 Pixel in einer einzigen Datei) oder PNG 32x32 für Browser, SVG für moderne Browser, Apple Touch Icon 180x180 für iPhone und iPad, PNG 192x192 und 512x512 für das Webmanifest auf Android. Für Google sollte das Symbol quadratisch sein; eine Größe größer als 48x48 wird empfohlen.

Was ist das Apple Touch Icon?

Dieses Symbol wird auf iPhones und iPads angezeigt, wenn eine Website zum Home-Bildschirm hinzugefügt wird, sowie in einigen Safari-Lesezeichen. Die Standardgröße ist eine 180x180 Pixel große PNG-Datei ohne Transparenz. Ohne Transparenz verwendet das Gerät einen verkleinerten Screenshot der Seite.

Wir haben die Website überprüft, aber es gibt niemanden, der das Problem beheben kann?

Dieses kostenlose Tool deckt Probleme auf. Ich analysiere den Bericht, priorisiere die Probleme und behebe sie: SEO-Audit, Geschwindigkeitsoptimierung, Markup-Optimierung und Migration auf eine neue Website ohne Rankingverlust.