Freigeben über


Favicon hinzufügen

In diesem Artikel wird erläutert, wie ein favicon der Site hinzufügt wird.

Ein favicon ist eine kleine Grafikdatei, die auf einer Webbrowserregisterkarte im Browserverlauf der Adressleiste sowie in Lesezeichen oder in den Favoriten angezeigt wird. Es wird empfohlen, ein favicon dem Standort hinzufügen, da es Ihre Marke darstellt und verstärkt und hilft, den Standort von anderen Websites, die Ihre Kunden suchen, zu unterscheiden.

Zwar können Sie mehrere favicons von verschiedenen Größen und Dateitypen Ihrem Standort hinzufügen, Dieser Artikel behandelt lediglich das Hinzufügen von einem einzelnen favicon. Allerdings werden der gleiche Prozess und Ort verwendet, um weitere favicons hinzuzufügen.

Laden Sie ein favicon in die Anlagensammlung Ihrer Site hoch

Um ein favicon aus der Anlagensammlung zu entfernen, folgen Sie diesen Schritten.

  1. Wählen Sie im linken Navigationsbereich Medienbibliothek.

  2. Wählen Sie in der Befehlsleiste Hochladen > Medienelemente hochladen.

  3. Navigieren Sie im Fenster „Datei-Explorer“ zu der Favicon-Bilddatei, die Sie hochladen möchten, wählen Sie sie aus und wählen Sie sie Öffnen aus.

  4. Geben Sie im Dialogfenster Medienelement hochladen den gewünschten Titel und den Alt-Text ein.

  5. Wenn Sie das Bild unmittelbar nach dem Hochladen veröffentlichen möchten, markieren Sie das Kontrollkästchen Medienelemente nach dem Upload veröffentlichen.

    Notiz

    Wenn Sie das Kontrollkästchen Medienelemente nach dem Hochladen veröffentlichen aktivieren, müssen Sie auf die Seite Medienelemente zurückkehren und das Favicon später manuell veröffentlichen.

  6. Wählen Sie OK.

  7. Im Eigenschaftenbereich auf der rechten Seite, kopieren Sie die öffentliche URL des favicon. Sie werden diese URL später verwenden.

Erstellen Sie das HTML für Ihr Favicon

Um das HTML für das Favicon zu erstellen, verwenden Sie die folgende HTML-Zeichenfolge. Für das Attribut href ersetzen Sie Öffentliche‑URL‑für‑Ihr‑Favicon durch die öffentliche URL, die Sie zuvor kopierten.

<link rel="shortcut icon" href="Public_URL_for_your_favicon">

Erstellen Sie ein Fragment, das ein Metatag für Ihr Favicon enthält

Um ein Fragment zu erstellen, das ein Metatag für Ihr Favicon enthält, folgen Sie diesen Schritten.

  1. Wechseln Sie zu Fragmente und wählen Sie Neu aus.
  2. Wählen Sie im Dialogfeld Neues Fragment die Option Metatags als das Modul aus, auf dem das Fragment basiert.
  3. Geben Sie einen Namen für das Fragment ein, und wählen Sie dann OK aus.
  4. Wählen Sie in der Fragmenthierarchiestruktur das untergeordnete Element Standard-Metatags aus.
  5. Im rechten Bereich unter Metatags wählen Sie Hinzufügen aus, und geben Sie dann die HTML-Zeichenfolge ein, die Sie zuvor für das Favicon erstellt haben. 
  6. Wählen Sie Bearbeiten beenden aus, und wählen Sie dann Veröffentlichen aus, um das Fragment zu veröffentlichen.

Fügen Sie das Metatag-Fragment zum HTML-Kopfbereich Ihrer Seiten hinzu

Um das Metatag-Fragment zum HTML-Kopf-Bereich Ihrer Seiten hinzuzufügen, folgen Sie diesen Schritten.

  1. Gehen Sie zu Vorlagen, öffnen Sie die Vorlage für die Seiten, denen Sie Ihr Favicon hinzufügen möchten, und wählen Sie dann Bearbeiten aus.
  2. Wählen Sie in der Vorlagenhierarchiestruktur die Auslassungspunkte (...)-Schaltfläche rechts neben dem HTML-Kopf-Container aus, und wählen Sie dann Fragment hinzufügen aus.
  3. Wählen Sie im Dialogfeld Fragment auswählen das Metatag-Fragment aus, das Sie zuvor erstellt haben, und wählen Sie dann OK aus.
  4. Wählen Sie Bearbeiten beenden aus, und wählen Sie dann Veröffentlichen aus, um die Vorlage zu veröffentlichen.

Notiz

Wenn Ihre Site mehr als eine Vorlage verwendet, müssen Sie allen das Metatags-Fragment hinzufügen.

Wenn Sie Seiten in der Vorschau anzeigen, die auf der Vorlage basieren, der Sie das Metatags-Fragment hinzugefügt haben, sollten Sie jetzt das Favicon in der Browser-Registerkarte sehen.

Zusätzliche Ressourcen

Hinzufügen eines Logos

Sitedesign auswählen

Arbeiten mit CSS-Überschreibungsdateien

Hinzufügen eines Urheberrechtshinweises

Hinzufügen von Sprachen zu Ihrer Website

Hinzufügen von Skriptcode zu Standortseiten zur Unterstützung von Telemetrie