Favicon

Was ist ein Favicon?

Der Begriff Favicon setzt sich aus „favorite“ und „icon“ zusammen und bezeichnet das kleine Symbol, das eine Website repräsentiert. Sie sehen es im Browser-Tab neben dem Seitentitel, in der Lesezeichenliste, im Verlauf und auf dem Startbildschirm mobiler Geräte, wenn eine Seite dort abgelegt wird. Meist handelt es sich um ein vereinfachtes Logo oder ein markantes Bildzeichen der Marke.

Trotz seiner geringen Größe erfüllt das Favicon eine wichtige Aufgabe: Es macht eine Website unter vielen geöffneten Tabs oder Lesezeichen schnell wiedererkennbar und trägt zum professionellen Gesamteindruck bei.

Wo das Favicon erscheint

Ein Favicon taucht an mehreren Stellen auf, an denen ein Platzhalter allein wenig hermachen würde:

• Browser-Tab: als Erkennungszeichen neben dem Titel der geöffneten Seite.
• Lesezeichen und Verlauf: zur schnellen visuellen Zuordnung gespeicherter Seiten.
• Suchergebnisse: Google zeigt in der mobilen Suche häufig ein Favicon neben dem Treffer an.
• Startbildschirm: als App-ähnliches Symbol, wenn eine Seite auf dem Smartphone abgelegt wird.

Fehlt ein Favicon, zeigen Browser ein neutrales Standardsymbol – die Seite wirkt dadurch unfertiger und ist zwischen anderen Tabs schwerer auszumachen.

Technische Umsetzung

Früher genügte eine einzelne Datei namens favicon.ico im Hauptverzeichnis der Website. Heute werden Favicons meist in mehreren Größen und Formaten (etwa PNG und SVG) bereitgestellt und im HTML-Kopf über <link rel="icon"> eingebunden. So sieht das Symbol auf hochauflösenden Displays, im dunklen Modus und als Startbildschirm-Icon jeweils sauber aus. Wichtig ist ein klares, auch bei 16 Pixeln erkennbares Motiv, weil feine Details in dieser Größe verschwinden.

Favicon und Markenauftritt

Ein durchdachtes Favicon ist Teil eines konsistenten Erscheinungsbilds. Es sollte sich am Logo orientieren, dieselben Markenfarben aufgreifen und über alle Endgeräte hinweg einheitlich wirken. Bei einer professionell umgesetzten Seite gehört das Favicon deshalb selbstverständlich dazu, so wie wir es im Webdesign von Beginn an mit einplanen. Für die Suchmaschinen ist das Favicon kein Rankingfaktor, in der mobilen Suche unterstützt ein sauberes Symbol aber die Wiedererkennung und kann die Klickneigung fördern.

Häufige Fragen

• Welche Größe sollte ein Favicon haben?

  Ein Favicon sollte in mehreren Größen bereitstehen, üblich sind 16 und 32 Pixel für den Browser-Tab sowie größere Varianten für Startbildschirme und hochauflösende Displays. Das Motiv muss auch bei kleinster Darstellung klar erkennbar bleiben.

• Beeinflusst ein Favicon das Google-Ranking?

  Nein, das Favicon ist kein direkter Rankingfaktor. In der mobilen Suche zeigt Google es aber neben dem Treffer an. Ein klares, markentypisches Symbol verbessert die Wiedererkennung und kann die Klickneigung erhöhen.

• Warum wird mein Favicon nicht angezeigt?

  Oft liegt es am Browser-Cache, der das alte Symbol noch vorhält. Auch eine fehlende oder falsche Einbindung im HTML-Kopf sowie ein ungeeignetes Format können die Ursache sein. Nach Anpassungen hilft es, den Cache zu leeren.