Hinzufügen eines Favicons zu deinem Shop

Ein Favicon oder Favoriten-Symbol ist ein kleines Bild oder Logo, das neben dem Namen einer Webseite angezeigt wird. Du findest Favicons auf deinen Browser-Tabs sowie auf Browser-Seiten, die Webseiten auflisten, z. B. die Lesezeichen-Seite. Du kannst deinem Onlineshop ein Favicon hinzufügen, um deine Marke zu stärken und deine Website mit einer ansprechenden Optik auszustatten.

Favicon erstellen

Du kannst eine kostenlose Favicon-Generator-Website verwenden, um ein benutzerdefiniertes Favicon zu erstellen, oder du kannst ein eigenes erstellen. Um einen Favicon-Generator zu finden, suchst du im Internet nach free favicon generator.

Die ideale Bildgröße für ein Favicon ist entweder 16 x 16 Pixel oder 32 x 32 Pixel. Wenn deine Favicon-Bilddatei zu groß ist, wird sie beim Hochladen auf Shopify auf 32 x 32 Pixel verkleinert.

Deinem Onlineshop ein Favicon hinzufügen

Du kannst ein Favicon zu deinem Onlineshop hinzufügen, wenn du das Basic-Abo oder ein höheres Abo hast. Du kannst kein Favicon zu deinem Onlineshop hinzufügen, wenn du das Starter-Abo nutzt.

Tipp

Bei einigen Themes kannst du deinem Favicon Alt-Text hinzufügen. Alt-Text wird angezeigt, wenn ein Bild nicht geladen werden kann, und wird von Bildschirmlesesoftware verwendet, um das Bild für Benutzer mit Sehbehinderung zu beschreiben.

Schritte:

Desktop

1. Gehe im Shopify-Adminbereich zu Onlineshop > Themes.

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

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

4. Klicke abhängig von 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 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 aus und wähle es anschließend über das Kontrollkästchen aus.

6. Klicke auf Fertig.

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

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

8. Klicke auf Speichern.

iPhone

1. Tippe in der Shopify-App auf die Schaltfläche ....

2. Klicke im Bereich Vertriebskanäle auf Onlineshop.

3. Tippe auf Alle Themes verwalten.

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

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

6. Tippe abhängig von 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 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 aus und wähle es anschließend über das Kontrollkästchen aus.

8. Tippe auf Fertig.

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

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

10. Tippe auf Speichern.

Android

1. Tippe in der Shopify-App auf die Schaltfläche ☰.

2. Klicke im Bereich Vertriebskanäle auf Onlineshop.

3. Tippe auf Alle Themes verwalten.

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

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

6. Tippe abhängig von 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 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 aus und wähle es anschließend über das Kontrollkästchen aus.

8. Tippe auf Fertig.

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

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

10. Tippe auf ✓.