Loading

Erstellen eines benutzerdefinierten Favicons auf Ihrer Experience Cloud- oder Force.com-Site

Veröffentlichungsdatum: Apr 24, 2026
Beschreibung
Favicons:

Das Symbol, das in der Adressleiste, auf der Registerkarte oder in der Lesezeichenliste des Browsers angezeigt wird, wird als Favicon bezeichnet.
Damit Ressourcen als Favicon (favorite icon, Favoritensymbol) verwendet werden können, müssen sie eine Größe von 16 × 16 Pixeln aufweisen und im ICO-Format vorliegen. 

Es gibt mehrere Möglichkeiten, ein Favicon für eine Website festzulegen. Die Standards finden Sie hier:
1. Verwenden des in einem Profil definierten rel-Attributwerts
2. Ablegen des Favicons in einem vordefinierten URI-Pfad im Quellpfad

Favicon-Anforderungen werden vom Browser gesendet. Informationen dazu, wie die Auflösung auf der Grundlage einer der oben genannten Methoden erfolgt, finden Sie hier:

Zitat: "Wenn Links für PNG- und ICO-Favicons vorhanden sind, wählen mit PNG-Favicons kompatible Browser wie folgt aus, welches Format und welche Größe verwendet werden. Firefox und Safari verwenden das letzte Favicon. Chrome für Mac verwendet das Favicon mit ICO-Formatierung, andernfalls das Favicon im Format 32 × 32 Pixel. Chrome für Windows verwendet das erste Favicon, sofern es das Format 16 × 16 aufweist, andernfalls das Favicon mit ICO-Formatierung. Falls keine der vorgenannten Optionen verfügbar ist, verwenden beide Chrome-Versionen das erste Favicon – im Gegensatz zu Firefox und Safari. Tatsächlich ignoriert Chrome für Mac das Favicon im Format 16 × 16 und verwendet die Version im Format 32 × 32, um es dann auf Geräten ohne Retina-Display wieder auf 16 × 16 herunterzuskalieren. Opera wählt völlig zufällig aus den verfügbaren Symbolen aus.[33]
Lediglich SeaMonkey ruft favicon.ico-Dateien im Stammpfad der Website nicht standardmäßig ab.[34]"


Wenn eine Force.com-Site erstellt wird, ist das standardmäßige Cloud-Logo (in Einklang mit dem Salesforce-Branding) im Pfad "/favicon.ico" der Site enthalten und kann nicht entfernt werden.
Deshalb müssen wir es mit dem gewünschten Symbol überschreiben. 

Hier ein paar weitere Aspekte, die es im Hinblick auf Favicons zu beachten gilt:
 
1. Falls Sie ein falsches Favicon bemerken, löschen Sie den Browserverlauf (im Tools-Menü), um den Cache zu leeren und den Verlauf zu löschen, und versuchen Sie es dann erneut.

 
2. Bitmap-, PNG-, GIF- und andere Dateien können nicht verwendet werden. Es muss sich um eine ICO-Datei (.ico) im Format 16 × 16 handeln.
 
3. Um dasselbe Favicon für alle Seiten festzulegen, legen Sie es auf Stammebene der Site fest.

 
4. Wenn Sie für jede Seite einer Site ein anderes Favicon festlegen möchten, gehen Sie so vor:
Hinweis: Bei einigen älteren Lightning-Community-Vorlagen ist dies nicht möglich, da die Anmeldeseite separat ist und nicht überschrieben werden kann.
Platzieren Sie auf jeder Seite ein anderes Tag, das auf das jeweilige Symbol verweist. 

Für Visualforce:
<apex:page showHeader="false" >        <link REL="SHORTCUT ICON" HREF="{!URLFOR($Resource.favicon)}">        ODER <link REL="SHORTCUT ICON" HREF="<site url>/resource/favicon.ico?v=2" />    .....  </apex:page>

 

Für Erfahrungsgenerator-Sites:
Anstatt im Head-Markup auf das Favicon zu verweisen, fügen Sie es der jeweiligen Seite mithilfe einer HTML-Komponente oder Visualforce-Seite hinzu. 


So generieren Sie eine favicon.ico-Datei mit dem Favicon, das Sie für diese Sites verwenden möchten: 
  • Online finden Sie eine Reihe von Favicon-Generatoren, die Ihr Bild in das richtige Format konvertieren.
  • Laden Sie es dann als statische Ressource in Ihre Organisation hoch. 
    1. Gehen Sie zu Setup | Statische Ressourcen.
    2. Klicken Sie auf die Schaltfläche Neu.
    3. Geben Sie der statischen Ressource einen Namen (z. B. "FaviconSite").
    4. Wählen Sie die Datei aus. 
    5. Legen Sie die Cache-Steuerung fest (wählen Sie aus Gründen der Einfachheit "Öffentlich" aus).
    6. Speichern Sie den Vorgang.
Das Favicon kann dann in jedem Bereich verwendet werden, in dem eine statische Ressource ausgewählt werden kann. Diese Vorgehensweise empfiehlt sich für viele verschiedene Site-Typen. 

Was kann ich tun, wenn ich nicht möchte, dass ein Favicon angezeigt wird? Wie entferne ich das Cloud-Favicon?
  • Die einfachste Möglichkeit besteht darin, ein leeres Bild als statische Ressource hochzuladen und den relevanten Schritten unten zu folgen. 
Lösung

Für eine Force.com-Site:

Vorausgesetzt, Sie haben bereits die Site-Domäne eingerichtet (Setup | Sites | Site-Domäne registrieren).
1. Fügen Sie der Organisation das Favicon (öffentliche Cache-Steuerung) als statische Ressource hinzu.
2. Erstellen Sie die Site (Setup | Sites | Neu) und fügen Sie Ihre statische Favicon-Ressource als "Site-Favoritensymbol" hinzu.
3. Speichern Sie den Vorgang.

Sollte sich Ihre Site nicht im Stammpfad der Domäne befinden, müssen Sie ein geeignetes Link-Element in die Kopfzeile der Seite einfügen, um das benutzerdefinierte Favicon bereitzustellen: 

Beispiel:
<link rel="shortcut icon" href="http://mydomain/mypath/favicon.ico" type="image/x-icon" />

Alternativ können Sie auch eine inaktive Site im Stammpfad erstellen und das Favicon dieser Site-Einstellung hinzufügen. Hinweis: Das Favicon ist für alle Sites in unterschiedlichen Pfaden gleich.

Hinweis:
Es kann eine Weile dauern, bis alles ordnungsgemäß funktioniert. Ein Aspekt, den es zu beachten gilt, ist die Nutzung mehrerer Sites in unterschiedlichen Unterdomänen. Zum Beispiel lädt eine Site auf favicontesting.force.com/ das Favicon schneller als auf favicontesting.force.com/NotRootPath.

Wenn Sie showHeader="false" auf einer Visualforce-Seite einer Force.com-Site verwenden, wird die Einstellung "Site-Favoritensymbol" für diese Seite ignoriert. In diesem Fall müssten Sie den Code für das Symbol manuell hinzufügen, wie in den folgenden Beispielen gezeigt:
<apex:page showHeader="false" applyHtmlTag="false"> <head> <link rel="icon shortcut" href="{!$Resource.favicon}" /> <!-- ODER --> <link rel="icon shortcut" href="{!$Site.Prefix}/favicon.ico" /> </head> </apex:page>


Für eine Erfahrungsgenerator-Site:

Bitte beachten Sie Folgendes:
  • Es gibt eine Reihe von Möglichkeiten, ein Favicon für eine Erfahrungsgenerator-Site einzurichten. Sie könnten zum Beispiel die Datei "favicon.ico" dem Datenbestandsordner Ihrer Experience Cloud-Site in Site.com Studio hinzufügen und anstelle von "Site-Favoritensymbol" auf diese Datei verweisen, die sich hier befindet: "/ + <Site-Pfad> + <Datenbestandspfad>" 
Beispiel in diesem Fall: 
<link rel="shortcut icon" href="/customers/s/favicon.ico">
  1. Zuerst sollten wir sicherstellen, dass Sites in der Organisation aktiviert sind: 
    1. Wechseln Sie zu Setup | Digitale Erfahrungen | Einstellungen.
    2. Wählen Sie Digitale Erfahrungen aktivieren aus. 
    3. Registrieren Sie die Domäne.
  2. Erstellen Sie dann unter Setup | Digitale Erfahrungen | Alle Sites eine neue Site, wählen Sie die Vorlage aus und entscheiden Sie sich für oder gegen eine Unterdomäne.

Anschließend können Sie der Site das Favicon wie folgt hinzufügen:
1. Fügen Sie der Organisation das Favicon (öffentliche Cache-Steuerung) als statische Ressource hinzu.
2. Erstellen Sie die Site und achten Sie darauf, dass die Vorlage vollständig aktualisiert ist.
3. Gehen Sie zu "Erfahrungsarbeitsumgebungen | Verwaltung | Seiten | Force.com".
4. Klicken Sie auf Bearbeiten. Fügen Sie Ihre statische Favicon-Ressource als "Site-Favoritensymbol" hinzu und wählen Sie dann Speichern aus.
5. Gehen Sie im Erfahrungsgenerator zu Einstellungen | Erweitert | Head-Markup bearbeiten. 
6. Fügen Sie Folgendes hinzu: <link rel="shortcut icon" href="<SITE>/favicon.ico?v=2" /> 
Hinweis: Das ist möglich, da durch Hinzufügen des Favoritensymbols in Force.com die statische Ressource als Favicon mit dem Namen "favicon.ico" dem Stammpfad der Site hinzugefügt wird.
Beispiel: Bei einer Community mit /identity befindet sich das Favicon unter /identity/favicon.ico.
?v=2 sorgt dafür,
dass es aktualisiert wird und auf dem neuesten Stand ist. <SITE> wäre der URL der Site. Dies entspricht dem URL-Wert unter Setup | Digitale Erfahrungen | Alle Sites. 
7. Speichern Sie den Vorgang.
8. Veröffentlichen Sie die Site im Erfahrungsgenerator. Veröffentlichen Sie auch die Änderungen in Site.com Studio (Erfahrungsarbeitsumgebungen | Verwaltung | Seiten | Site.com). 

Das Favicon sollte jetzt auf allen Seiten sichtbar sein.


Hinweis: Bei älteren Lightning-Community-Vorlagen (z. B. Aloha-Vorlage) ist es nicht möglich, das Favicon für die Anmeldeseite einzurichten. Möglicherweise gibt es aber eine Behelfslösung. 

Wenn Sie eine Site im Stammpfad der Domäne erstellen, dann das "Site-Favoritensymbol" einrichten, speichern, veröffentlichen und die Site dann deaktivieren, wird das Favicon unter Umständen für die Anmeldeseite der aktiven Site verwendet. 


Für eine Site vom Typ "Salesforce-Registerkarten und Visualforce":
1. Fügen Sie das Favicon (öffentliche Cache-Steuerung) der Organisation als statische Ressource hinzu.
2. Erstellen Sie die Site und achten Sie darauf, dass die Vorlage vollständig aktualisiert ist.
3. Gehen Sie zu "Erfahrungsarbeitsumgebungen | Verwaltung | Seiten | Force.com".
4. Klicken Sie auf Bearbeiten. Fügen Sie Ihre statische Favicon-Ressource als "Site-Favoritensymbol" hinzu.
5. Speichern Sie.

Hinweis: Ihre Organisation unterstützt nur ein Favicon für Arbeitsumgebungsseiten, nämlich das Favicon, das der Site zugewiesen ist, die den Stamm-URL verwendet. Favicons, die einer Site mit einem Präfix zugewiesen sind, werden nicht unterstützt. Angenommen, Sie weisen ein Favicon Arbeitsumgebungsseiten mit einem Stammpräfix zu, ein Favicon ist aber auch einer Site zugewiesen, die den Stamm-URL verwendet. Auf Arbeitsumgebungsseiten, die das Stammpräfix verwenden, wird das Favicon angezeigt, das der Site zugewiesen ist, die den Stamm-URL verwendet.
Nummer des Knowledge-Artikels

000383315

 
Laden
Salesforce Help | Article