Was sind Favicons?
Favicons sind kleine Symbole, die oben im Browserfenster (in Lesezeichen) angezeigt werden und die spezifisch für Ihre Website sind. Sie sollten ein 16×16 Pixel großes Bild Ihres Logos verwenden.
Warum brauchen Sie ein Favicon für Ihre Website?
- Ein Favicon verbessert Ihr Branding.
- Favicons helfen bei der Navigation. Kunden haben oft Schwierigkeiten, den Überblick über alle ihre geöffneten Browser-Tabs zu behalten. Favicons machen es ihnen leicht, den Tab für Ihre Website zu identifizieren, was die Wahrscheinlichkeit erhöht, dass sie zurückkehren.
- Helfen Sie Benutzern, Lesezeichen zu finden. Favicons machen es Ihren Benutzern auch leicht, mit Lesezeichen versehene Seiten in ihren Archiven zu finden.
Wie füge ich ein Favicon zu deinem Shop hinzu?
Option 1: Verwenden Ihrer Shopify-Designeinstellungen
Die meisten Shopify-Themes bieten Optionen zum Hinzufügen eines Favicon-Bildes.
Öffnen Sie zunächst das Formular für die Themeneinstellungen Ihres Shops: Sehen Sie dann im Formular nach, ob es einen Abschnitt für Favicons gibt. Hier ist ein Tutorial der Debüt Thema
Wenn ein Favicon vorhanden ist, laden Sie einfach Ihr Symbol hoch und fertig. Befolgen Sie andernfalls die Schritte im nächsten Abschnitt.
Öffnen Sie Ihre Einstellungen und gehen Sie zu „Online-Shop“ und klicken Sie dann auf „Themen”
Klicken Sie im rechten Teil auf „Anpassen“ klicken Sie dann auf „Themen Einstellungen”
Klicken Sie in der Spalte mit den Theme-Einstellungen auf „Favicon“ und klicken Sie auf „Wählen Sie das Bild aus”
Laden Sie Ihr gewünschtes Favicon hoch und klicken Sie dann auf „Speichern”
Option 2: Favicon direkt in den Theme-Code einfügen
Wenn Sie ein Favicon durch Codierung hinzufügen, müssen Sie auf den Theme-Editor zugreifen, um Ihr Favicon-Bild direkt zum Theme-Code hinzuzufügen.
Öffnen Sie Ihre Einstellungen und gehen Sie zu „Online-Shop“ und klicken Sie dann auf „Themen”
Klicken Sie im rechten Teil auf „Anpassen“ klicken Sie dann auf „Themen Einstellungen”
Klicken Sie in der linken Spalte auf „Themenaktionen“ und klicken Sie auf „Code bearbeiten”
Stellen Sie sicher, dass Favicon-Bilder mit den Erweiterungen „favicon.ico“ oder „favicon.png”
Scrollen Sie nach unten und klicken Sie auf „Vermögenswerte“ dann klick „Neues Asset hinzufügen” Laden Sie Ihr Favicon-Bild hoch und klicken Sie dann auf “Asset hochladen”
Suchen Sie nach dem Hochladen die Datei mit der Aufschrift thema.flüssig unter Layout Mappe
Finden Sie diesen Code in der Datei:
Drücken Sie Strg + F suchen
Fügen Sie über dem Tag den folgenden Code ein. Ersetzen Sie in diesem Code bei Bedarf „favicon.png“ durch favicon.ico.
Sobald Sie auf Speichern klicken, sollte Ihr Favicon jetzt auf Ihrer Website angezeigt werden.