Laut Wikipedia ist ein Favicon (kurz für Favoriten-Symbol), auch bekannt als Verknüpfungssymbol, Website-Symbol, URL-Symbol oder Lesezeichen-Symbol, ein 16×16 oder 32×32 Pixel großes, quadratisches Symbol, das mit einer bestimmten Website oder Webseite verbunden ist.
1. Erzeugen Sie die Bilddatei favicon.ico, die entweder 16x16 Pixel oder 32x32 Pixel groß ist
Es gibt Online-Tools, mit denen Sie Ihr Favicon generieren können - googeln Sie einfach "Favicons generieren" - oder Sie können die .ico-Bilddatei manuell mit einem Bildbearbeitungsprogramm erstellen.
Sie können eines dieser Online-Tools ausprobieren,
https://realfavicongenerator.net/
2. Kopieren Sie die Datei favicon.ico in den Ordner "Runtime" Ihres Shops
Kopieren Sie die Datei favicon.ico in den RUNTIME-Ordner Ihres Shops und veröffentlichen Sie dann Ihren Shop. Alle Dateien in Ihrem Runtime-Ordner werden auf Ihren Server hochgeladen (auch die Favicon-Datei).
- Öffnen Sie den Windows-Explorer. Oder klicken Sie mit der rechten Maustaste auf die Windows-Schaltfläche "Start" und dann auf "Erkunden", um den Windows-Explorer zu öffnen und zu Ihrem Shop-Ordner zu wechseln.
- Standardmäßig sollte sich Ihr Shop-Ordner im Verzeichnis "Eigene Dateien\ShopFactory V14 Websites" befinden. Wenn Sie sich im Ordner "ShopFactory V14 Websites" befinden, suchen Sie Ihren Shop-Ordner.
- Doppelklicken Sie auf den Shop-Ordner, um ihn zu öffnen.
- Suchen Sie den Ordner RUNTIME und doppelklicken Sie auf ihn.
- Kopieren Sie die Datei favicon.ico
- Sobald Sie die Favicon-Datei kopiert haben, fahren Sie mit Punkt 3 unten fort.
3. Fügen Sie den Favicon-Link-Tag in das <head>-Element ein
In ShopFactory verwendet das Google Analytics-Dialogfeld das <head>-Element, sodass Sie hier das Favicon-Link-Tag hinzufügen müssen.
Hinweis: Sie können in diesem GA-Code-Fenster beliebigen benutzerdefinierten HTML-Code hinzufügen, wobei der benutzerdefinierte HTML-Code im <head>-Abschnitt für alle Seiten hinzugefügt werden muss. (Dieses Fenster ist nicht nur für Google Analytics-Code bestimmt.) Sie können jeden beliebigen HTML-Code hinzufügen, der im <HEAD>-Abschnitt hinzugefügt werden muss.
- Öffnen Sie Ihren Shop in ShopFactory
- Klicken Sie im linken Baummenü auf die Seite ShopFactory Central (falls Sie nicht schon dort sind)
- Klicken Sie auf die Schaltfläche "Search Engine Optimization (SEO)" (Suchmaschinenoptimierung)
- Wählen Sie im Popup-Fenster Website Analytics -> und klicken Sie in das Feld "Google Analytics Code".
- Fügen Sie dieses Link-Tag in das Google-Analytics-Feld ein, um sicherzustellen, dass es in den Browsern FireFox und Google Chrome funktioniert:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
Hinweis: Wenn Sie einen bestehenden Google Analytics-Code haben, fügen Sie den Favicon-Link-Tag unterhalb des bestehenden HTML-Codes ein, um sicherzustellen, dass Sie den bestehenden Google Analytics-Code nicht zerstören.
- Klicken Sie auf Schließen.
- Speichern und Vorschau Ihres Shops
- Veröffentlichen Sie Ihren Shop erneut, damit die Favicon-Datei auf Ihren Server hochgeladen wird
- Prüfen Sie Ihre Website erneut in verschiedenen Browsern, um das Favicon zu sehen
English
Nederlands
Français
Deutsch