Favicon
Ein Favicon ist das kleine Symbol, das in der Browser-Registerkarte, in der Lesezeichenleiste und in den Suchergebnissen neben dem Namen Ihres Online-Shops erscheint. Es ist ein kleiner, aber wichtiger Teil Ihrer Online-Markenidentität.
Was ist ein Favicon?
Ein Favicon (Favoritensymbol) ist ein kleines Symbol - in der Regel 16×16 oder 32×32 Pixel -, das Ihren Online-Shop auf der Browser-Benutzeroberfläche visuell darstellt. Sie sehen es in Registerkarten, Lesezeichen, im Browserverlauf und auf mobilen Geräten als App-Symbol, wenn der Nutzer Ihre Website auf dem Startbildschirm speichert.
Google zeigt Favicons auch in den mobilen Suchergebnissen neben dem Namen Ihrer Website an und macht sie so zu einem sichtbaren Branding-Element in den SERP.
Wo wird Ihr Favicon angezeigt?
- Browser-Tabs: Der am besten sichtbare Ort. Wenn Nutzer viele Tabs geöffnet haben, ist das Favicon das Einzige, das Ihre Seite identifiziert.
- Lesezeichen: Macht es einfach, Ihren Webshop in der Lesezeichenliste zu finden.
- Google-Suchergebnisse: Erscheint auf dem Handy neben Ihrem Domainnamen in der SERP.
- Homescreen-Verknüpfung: Wenn Nutzer Ihren Webshop zum Homescreen ihres Telefons hinzufügen, wird das Favicon als App-Symbol verwendet.
- PWA (Progressive Web App): Wird als Symbol verwendet, wenn Ihr Online-Shop als PWA funktioniert.
Anforderungen für Favicons
Damit Ihr Favicon überall korrekt angezeigt wird, sollten Sie es in mehreren Größen bereitstellen:
- 16×16 px: Browser-Tabs (klassische Favicon-Größe)
- 32×32 px: Retina-Browser-Tabs und Windows-Verknüpfungen
- 180×180 px: Apple Touch Icon (iOS Startbildschirm)
- 192×192 px: Android Chrome Startbildschirm
- 512×512 px: PWA-Startbildschirm und große App-Symbole
Favicon in Shoporama
In Shoporama können Sie Ihr Favicon direkt über das Admin-Panel hochladen. Das System unterstützt die Formate PNG, JPG und SVG. Das Favicon wird automatisch in einer Größe von 64×64 Pixeln in Ihrem Online-Shop angezeigt. Sie können auch eine externe URL für Ihr Favicon angeben, wenn es anderswo gehostet wird.
Wie man ein gutes Favicon erstellt
- Halten Sie es einfach: Ein Favicon ist extrem klein. Verwenden Sie ein einfaches Symbol, einen Buchstaben oder ein vereinfachtes Logo - nicht Ihr vollständiges Logo mit Text.
- Denken Sie an den Kontrast: Achten Sie darauf, dass das Symbol sowohl auf hellen als auch auf dunklen Hintergründen sichtbar ist. Vermeiden Sie sehr helle Farben.
- Verwenden Sie Ihre Marke: Verwenden Sie die Grundfarbe Ihrer Marke und ein wiedererkennbares Element, damit die Nutzer Ihre Website unter den vielen Tabs schnell erkennen können.
- Testen Sie klein: Betrachten Sie Ihr Favicon immer mit 16×16 Pixeln, um sicherzustellen, dass es im Browser-Tab erkennbar ist.
- SVG ist optimal: Das SVG-Format passt sich perfekt an alle Größen an und ist die zukunftssicherste Lösung.
Favicons und SEO
Favicons haben keinen direkten SEO-Effekt, aber sie wirken sich indirekt auf Ihre Sichtbarkeit aus:
- Ein erkennbares Favicon in den Google-Suchergebnissen kann Ihre Click-Through-Rate (CTR) erhöhen.
- Es erhöht den Wiedererkennungswert Ihrer Marke in den Tabs und Lesezeichen Ihres Browsers.
- Google verlangt ein Favicon, um in den mobilen Suchergebnissen angezeigt zu werden - ohne Favicon erscheint ein allgemeines Symbol
Wir bei Shoporama kennen uns mit Online-Marketing aus
Wir beschäftigen uns selbst seit Jahrzehnten mit Online-Marketing. Als einziges Shopsystem im Land haben wir bereits mehrfach auf Konferenzen wie Marketingcamp, SEOday, Shopcamp, Digital Marketing, E-Commerce Manager, Ecommerce Day, Web Analytics Wednesday und vielen mehr gesprochen.