Favicon
Ein Favicon ist das kleine Symbol in Browser-Tabs, Lesezeichen und mobilen Google-Ergebnissen, das Kunden hilft, Ihren Online-Shop wiederzuerkennen.
Was ist ein Favicon?
Ein Favicon (Favorite Icon) ist das kleine, quadratische Symbol, das Ihre Website in Browser-Tabs, Lesezeichen, dem Browserverlauf und in den mobilen Suchergebnissen von Google repräsentiert. Es wird normalerweise mit einem <link rel="icon">-Tag im <head> der Seite deklariert, und als Fallback versuchen Browser automatisch, die Datei /favicon.ico aus dem Stammverzeichnis (Root) der Domain zu laden. Moderne Favicons werden als .ico, .png oder .svg bereitgestellt – und eine einzelne .ico-Datei kann mehrere Größen enthalten (16×16, 32×32 und 48×48).
Warum ist ein Favicon wichtig?
Für einen Online-Shop ist ein Favicon ein kleines, aber gut sichtbares Branding-Element. Wenn ein Kunde viele Tabs geöffnet hat, ist das Symbol oft das Einzige, woran er Ihren Shop schnell wiederfindet. Google zeigt Ihr Favicon auch neben dem Ergebnis in der mobilen Suche an, sodass ein klares, wiedererkennbares Symbol sowohl die Klickrate als auch das Vertrauen stärkt. Wenn das Favicon fehlt, zeigt der Browser nur einen leeren Standard-Platzhalter an, wodurch die Seite unvollständig oder weniger professionell wirkt.
Typische Anwendungsfälle
- Wiedererkennung in Browser-Tabs, wenn der Kunde mehrere Seiten gleichzeitig geöffnet hat.
- Anzeige neben Ihrem Ergebnis in den mobilen Suchergebnissen von Google (Google empfiehlt ein quadratisches Symbol, das ein Vielfaches von 48 Pixeln ist, z. B. 48×48).
- Symbol, wenn ein Kunde den Shop als Lesezeichen oder auf dem Startbildschirm speichert (über
apple-touch-icon, typischerweise 180×180). - Konsistente Markenidentität über Browser, Tabs und geteilte Links hinweg.
Shopify-Perspektive
In Shopify laden Sie Ihr Favicon direkt im Theme-Editor unter den Theme-Einstellungen hoch – es ist keine Code-Bearbeitung erforderlich. Shopify skaliert das Bild auf 32×32 Pixel herunter. Laden Sie daher eine einfache, quadratische Grafik hoch, die auch in kleinen Größen klar bleibt (vermeiden Sie feine Details und viel Text). Ein Wechsel des Themes setzt das Favicon nicht unbedingt zurück, aber überprüfen Sie das Ergebnis nach einer Theme-Änderung immer. Betrachten Sie das Favicon zusammen mit Ihren anderen visuellen Metadaten wie Open Graph, damit Ihr Shop in Tabs, Suchergebnissen und geteilten Links einheitlich aussieht.