Hilfe
Einloggen

Favicon zu deinem Shop hinzufügen

Ein Favicon (Favoritensymbol) ist ein kleines Bild oder Logo, das neben dem Namen einer Webseite angezeigt wird. Du findest Favicons in deinen Browser-Tabs sowie auf Browser-Seiten, auf denen Websites aufgelistet sind, wie z. B. auf der Lesezeichenseite. Du kannst deinem Onlineshop ein Favicon hinzufügen, um deine Marke zu stärken und deiner Website ein professionelles Aussehen zu verleihen.

Auf dieser Seite

Ein Favicon erstellen

Du kannst die Website eines kostenlosen Favicon-Generators verwenden, um ein benutzerdefiniertes Favicon zu erstellen, oder du kannst dein eigenes erstellen. Um einen Favicon-Generator zu finden, suche im Internet nach free favicon generator.

Die ideale Bildgröße für ein Favicon ist entweder 16x16 Pixel oder 32x32 Pixel. Wenn dein Favicon-Bild zu groß ist, wird es beim Hochladen auf Shopify auf 32x32 Pixel reduziert.

Ein Favicon zu deinem Onlineshop hinzufügen

Du kannst ein Favicon zu deinem Onlineshop hinzufügen, wenn du den Basic-Plan oder einen höheren Plan hast. Wenn du den Starter-Plan hast, kannst du kein Favicon zu deinem Onlineshop hinzufügen.

Schritte:

Desktop

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Suche das Theme, dem du ein Favicon hinzufügen möchtest, und klicke dann auf Anpassen.

  3. Klicke auf das Zahnradsymbol, um die Theme-Einstellungen aufzurufen.

  4. Klicke je nach deiner Theme-Version auf Logo oder Favicon.

  5. Klicke im Abschnitt Favicon-Bild auf Bild auswählen und führe dann einen der folgenden Schritte aus:

    • Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, kannst du nach dem Bild suchen oder es finden und es dann über das Kontrollkästchen auswählen.
    • Um ein Bild von deinem lokalen Computer auszuwählen, klicke auf Bilder hinzufügen, öffne das Bild von deinem lokalen Computer und wähle es dann über das Kontrollkästchen aus.

  6. Klicke auf Fertig.

  7. Optional: Füge deinem Favicon-Bild einen Alt-Text hinzu, indem du die folgenden Aktionen ausführst:

    1. Klicke im Abschnitt Favicon-Bild auf Bearbeiten.
    2. Gib im Dialogfeld Vorschau und Bearbeiten eine kurze Beschreibung des Bildes in das Feld Alt-Text ein.
    3. Klicke auf Speichern.

  8. Klicke auf Speichern.

Mobil

  1. Tippe in der Shopify-App auf das Symbol Menü.

  2. Tippe im Abschnitt Vertriebskanäle auf Onlineshop.

  3. Tippe auf Alle Themes verwalten.

  4. Suche das Theme, dem du ein Favicon hinzufügen möchtest, und tippe dann auf Anpassen.

  5. Tippe auf ... > Theme-Einstellungen.

  6. Tippe je nach deiner Theme-Version auf Logo oder Favicon.

  7. Tippe im Abschnitt Favicon-Bild auf Bild auswählen und führe dann einen der folgenden Schritte aus:

    • Um ein Bild auszuwählen, das du bereits in deinen Shopify-Adminbereich hochgeladen hast, kannst du nach dem Bild suchen oder es finden und es dann über das Kontrollkästchen auswählen.
    • Um ein Bild von deinem lokalen Gerät auszuwählen, tippe auf Bilder hinzufügen, öffne das Bild von deinem lokalen Gerät und wähle es dann über das Kontrollkästchen aus.

  8. Tippe auf Fertig.

  9. Füge deinem Favicon-Bild einen Alt-Text hinzu, indem du die folgenden Aktionen ausführst:

    1. Tippe im Abschnitt Favicon-Bild auf Bearbeiten.
    2. Gib im Dialogfeld Vorschau und Bearbeiten eine kurze Beschreibung des Bildes in das Feld Alt-Text ein.
    3. Tippe auf Speichern.

  10. Tippe auf Speichern oder ✓.

Fehlerbehebung bei Favicons

Wenn du Probleme mit deinem Favicon hast, lies dir die folgenden Schritte zur Fehlerbehebung durch.

Fehlerbehebung, wenn das Favicon in den Google-Suchergebnissen nicht angezeigt wird

Wenn dein Favicon in den Google-Suchergebnissen nicht angezeigt wird, stelle sicher, dass du deine Sitemap bei Google eingereicht hast, damit deine Shop-Informationen gecrawlt werden können.

Laut der Dokumentation von Google wird ein Favicon auch dann nicht garantiert in den Suchergebnissen angezeigt, wenn alle Richtlinien erfüllt sind.

Fehlerbehebung, wenn das Favicon auf Kundenkonto- oder Checkout-Seiten nicht angezeigt wird

Favicons werden auf Kundenkonto- und Checkout-Seiten nur angezeigt, wenn du den Shopify Plus-Plan nutzt. Zudem werden Favicons nicht angezeigt, wenn du dein Theme im Theme-Editor ansiehst, da der Theme-Editor Teil des Shopify-Adminbereichs ist und nicht deine Live-Storefront widerspiegelt.

Wenn du den Shopify Plus-Plan nutzt und ein Favicon auf Kundenkonto- und Checkout-Seiten festlegen möchtest, musst du die Branding API oder Checkout Blocks verwenden. Das Favicon erscheint nicht automatisch und kann nicht im Theme-Editor oder Checkout-Editor im Adminbereich festgelegt werden. Um mehr über die Verwendung der Branding API zu erfahren, lies die folgende Entwicklerdokumentation: