Web & Entwicklung

Favicon

Ein Favicon ist das kleine Symbol, das im Browser-Tab, in Lesezeichen und teilweise in Suchergebnissen neben einer Website erscheint. Es ist meist 16 bis 512 Pixel groß und wird in mehreren Größen hinterlegt.

Redaktionell geprüft von Alexander SeidlertwentyonepixelsStand:

Klein, aber sichtbarer als gedacht

Das Symbol taucht an mehr Stellen auf, als die meisten vermuten: im Tab, im Verlauf, in den Lesezeichen, auf dem Startbildschirm mobiler Geräte und in den mobilen Suchergebnissen von Google. Fehlt es, zeigen Browser ein leeres Blatt – das wirkt unfertig.

Für die Wiedererkennung ist es erstaunlich wirksam. Wer viele Tabs offen hat, findet die gesuchte Seite am Symbol, nicht am abgeschnittenen Titel.

Welche Formate heute nötig sind

Deutlich weniger als die üblichen Generatoren ausgeben. Ein SVG für moderne Browser, eine ICO-Datei als Rückfall und ein größeres PNG für mobile Startbildschirme decken praktisch alles ab — die Sammlungen mit zwanzig Dateien sind Altlast.

Wichtiger als die Zahl der Formate ist die Erkennbarkeit bei 16 Pixeln. Ein verkleinertes Firmenlogo ist dort meist ein grauer Fleck; ein einzelner Buchstabe oder ein einfaches Zeichen funktioniert. Für die Anzeige in den Suchergebnissen kommt eine eigene Vorgabe hinzu: Googles Dokumentation verlangt ein quadratisches Symbol von mindestens 8 Pixeln und empfiehlt mehr als 48 Pixel, damit es nicht unscharf erscheint — eine Pflicht zu einem Vielfachen von 48 nennt sie nicht.

Warum es nach einer Änderung lange dauert

Weil Browser das Symbol besonders lange zwischenspeichern und Suchmaschinen es nur beim Neubesuch der Startseite aktualisieren. Wochen sind normal, und in dieser Zeit ist nichts kaputt.

Deshalb lohnt sich Fehlersuche hier selten. Wenn Datei, Verweis und Größe stimmen, ist Warten die richtige Maßnahme — nicht die vierte Neueinrichtung.

Worauf es ankommt

Auf Erkennbarkeit bei 16 Pixeln. Ein komplettes Logo mit Schriftzug wird in dieser Größe zu einem grauen Fleck. Nehmen Sie ein einzelnes Element – einen Buchstaben, ein Zeichen – mit deutlichem Kontrast.

Technisch sollten mehrere Größen hinterlegt sein, damit jedes Gerät die passende bekommt, dazu eine Angabe für dunkle Darstellung, falls Ihr Symbol sonst verschwindet. Nach einer Änderung dauert es, bis Google sie übernimmt – das ist normal und kein Fehler in der Einbindung.

Häufige Fragen zu Favicon

Ein Favicon verändert die Position in den Suchergebnissen nicht. Googles eigene Dokumentation zu Favicons in der Suche nennt ausschließlich Anforderungen an Format, Mindestgröße und Erreichbarkeit für Googlebot – eine Aussage zu einem Rankingvorteil fehlt dort vollständig. Das Symbol wirkt allein auf die Klickrate: Es hilft dabei, das eigene Ergebnis unter mehreren Treffern schneller wiederzuerkennen, besonders auf dem Smartphone, wo für Titel und Beschreibung wenig Platz bleibt. Wer sich davon eine bessere Position erhofft, verwechselt Sichtbarkeit mit Wiedererkennbarkeit.

Google zeigt das Symbol dann nicht in der Suche, selbst wenn Startseite und Einbindung sonst korrekt sind. Nach Googles eigener Dokumentation müssen sowohl die Favicon-Datei für Googlebot-Image als auch die Startseite für Googlebot uneingeschränkt crawlbar sein; eine Sperrung – etwa über die robots.txt oder eine falsche Serverberechtigung – verhindert die Anzeige vollständig, unabhängig von Größe und Format der Datei. Zusätzlich soll die Adresse der Datei stabil bleiben, denn häufige Wechsel erschweren die erneute Übernahme.

Anstelle des eigenen Symbols erscheint dann ein generisches Ersatzsymbol Googles. Nach eigener Dokumentation ersetzt Google Favicons, die es inhaltlich als unangemessen einstuft, etwa pornografische Darstellungen oder Hasssymbole wie Hakenkreuze – unabhängig davon, ob Format und Größe technisch korrekt eingebunden sind. Für eine gewöhnliche Firmenwebsite ist das in der Praxis selten der Fall, zeigt aber, dass Google jedes übermittelte Symbol inhaltlich prüft, statt es ungesehen zu übernehmen. Eine Begründung für die Ablehnung nennt Google dabei nicht.

Der Name favicon.ico ist eine reine Konvention: Browser rufen diese Datei traditionell selbsttätig im Stammverzeichnis ab, ganz ohne Verweis im Quelltext. Diese Konvention deckt weder moderne SVG- oder PNG-Formate ab, noch lässt sich damit ein eigener Pfad oder eine bestimmte Größe festlegen – dafür braucht es ein Link-Element im Kopfbereich der Seite. Für die Google-Suche nennt die offizielle Anleitung das Setzen dieses Elements als ausdrücklichen Schritt; ob die bloße Datei ohne Verweis ebenfalls erkannt wird, lässt die Dokumentation offen.

Mehr zum Thema

9 Min. Lesezeit

Cookie-Banner-Pflicht: wann er nötig ist und wann nicht

Ein Cookie-Banner ist keine allgemeine Website-Pflicht, sondern die Folge bestimmter Werkzeuge. Welche Einbindungen ihn auslösen, warum „Ablehnen" auf die erste Ebene gehört und wie eine Website ganz ohne Banner auskommt.

5 Min. Lesezeit

Website-Relaunch: Woran Sie erkennen, dass es Zeit ist

Ein Relaunch ist teuer und riskant — und trotzdem manchmal die günstigere Entscheidung. Sechs belastbare Anzeichen, die für einen Neubau sprechen, und drei Gründe, die keine sind.

Alle Fachbeiträge ansehen

Passende Leistungen

Webdesign & Redesign

Individuelle Websites in Figma entworfen und mit Tailwind CSS sauber umgesetzt — responsiv, schnell und auf Ihre Marke zugeschnitten.

Mehr dazu

Corporate Website & Firmenpräsenz

Professionelle Unternehmenswebsites, die Ihre Marke digital repräsentieren — performant, SEO-optimiert und DSGVO-konform.

Mehr dazu