Favicon: Klein aber OHO

28.02.2022
header_favicon

Das winzig kleine Symbol geht oft vergessen, ist jedoch ein wichtiges Detail. Das Favicon hilft bei der Identifizierung Ihres Onlineshops und steigert dessen Wiedererkennungswert. Nutzen Sie bereits die Vorteile eines Favicon?

Was ist ein Favicon?

Ein Favicon ist ein 16 x 16 grosses Symbol, das von Internet-Browser verwendet wird, um eine Website visuell darzustellen. Der Name leitet sich von «Favourite Icon» ab und bedeutet zu Deutsch «Lieblingssymbol». Aufgrund der winzigen Grösse ist das Favicon möglicherweise nur ein kleineres Abbild oder Teil des Logos eines Unternehmens.

Das kleine Symbol erscheint meistens im Tab in der oberen Browserleiste und hilft Web-Benutzer/-innen Ihre Website leichter zu erkennen. Man findet Favicons auch in den gespeicherten Favoriten oder Lesezeichen wieder. Oft taucht es sogar in der Google Suche in der mobilen Ansicht auf.

Abb. 1: Beispiel Favicon in Google Suche

Warum ist ein Favicon so wichtig?

Auch wenn das kleine Symbol im Vergleich zur Website unwichtig erscheint, sind die Vorteile nicht zu unterschätzen.

Wiedererkennungswert steigern
Ein Favicon repräsentiert die Marke und verstärkt das Online Branding. Mit einem gut gestalteten Favicon können Sie eine Website schneller identifizieren als mit dem Text.

Suchmaschinenranking verbessern
Favicons haben keinen direkten Einfluss auf das Ranking. Als indirektes Hilfsmittel helfen sie jedoch Besucher/-innen, Websites schneller zu identifizieren und zu finden. Dies führt zu einer benutzerfreundlichen Website und erhöht das Nutzererlebnis. Was wiederum das Ranking positiv beeinflusst.

Glaubwürdigkeit und Seriosität fördern
Die einfache und schnelle Identifizierung der Website stärkt das Vertrauen von Besucher/-innen und potenziellen Nutzer/-innen und sorgt für einen transparenten Auftritt.

Favicon in Ihrem PepperShop einfügen

Im PepperShop haben Sie zwei Varianten, ein Favicon hochzuladen.

Einerseits können Sie ab Version 9 das Favicon im PepperShop direkt aus Ihrem Logo ausschneiden. Mithilfe eines Feldes können Sie den gewünschten Bereich Ihres Logos auswählen. Der Generator skaliert dann die Auswahl sogleich auf die richtige Grösse. Diese Funktion finden Sie in der Administration unter:

Design – Einstellungen – Neues Shoplogo hochladen / Favicon

Abb. 2: PepperShop Favicon-Generator

Andererseits haben Sie die Möglichkeit, ein eigen für das Favicon erstellte Bild hochzuladen. Das Favicon sollte quadratisch, mindestens 96 x 96 Pixel gross sein und als PNG hochgeladen werden. Öffnen Sie hierzu die Administration unter:

Design – Bilder hochladen – Favicon

Abb. 3: Favicon-Datei in der PepperShop Administration hochladen

Für frühere Versionen finden Sie hier eine Anleitung.

Vergessen Sie schlussendlich nicht zu überprüfen, wie das Favicon im Tab, im Browser, etc. aussieht. Ist das Favicon erkennbar und verständlich?

Falls sich das Icon, Symbol oder Logo als Favicon nicht eignet, empfehlen wir Ihnen auf Initialen auszuweichen. Mit einem Buchstabengenerator ist dies schnell und einfach umsetzbar.

Testen Sie PepperShop kostenlos
für 30 Tage

Erstellen Sie mit PepperShop in nur wenigen Klicks Ihren eigenen Onlineshop & POS Kassensystem
oder personalisieren Sie Ihren Auftritt mit einem individuellen Projekt.

kostenlos testen