Loading

Creazione di una favicon personalizzata sul sito Experience Cloud o Force.com

Data pubblicazione: May 1, 2026
Descrizione
Informazioni sulle favicon:

l'icona visualizzata nella barra degli indirizzi o sulla scheda del browser quando la pagina è contrassegnata come aggiunta ai preferiti è detta favicon.
Le risorse da utilizzare come favicon (favorite icon, icona preferita) devono avere dimensioni 16x16 e formato .ico. 

Esistono più modi per specificare una favicon per un sito Web e gli standard sono elencati qui:
1. Utilizzare un valore attributo rel definito in un profilo
2. Inserimento della favicon in un URI predefinito nel percorso principale.

Le richieste di favicon vengono inviate dal browser e il modo in cui vengono risolte in uno dei metodi indicati sopra è specificato qui:

CITAZIONE: "Se sono presenti i link per le favicon sia PNG che ICO, i browser compatibili con le favicon PNG selezionano il formato e le dimensioni da usare come segue. Firefox e Safari utilizzeranno la favicon aggiunta per ultima. Chrome per Mac utilizzerà qualsiasi favicon con formato ICO, altrimenti la favicon 32×32. Chrome per Windows utilizzerà la favicon aggiunta per prima se è 16×16, altrimenti quella con formato ICO. Se nessuna delle opzioni precedenti è disponibile, entrambe le versioni di Chrome utilizzeranno qualsiasi favicon aggiunta per prima, esattamente il contrario di Firefox e Safari. In realtà, Chrome per Mac ignorerà la favicon 16×16 e utilizzerà la versione 32×32, ma la ridurrà al formato 16×16 sui dispositivi non Retina. Opera sceglierà una delle icone disponibili in modo completamente casuale.[33]
Solo SeaMonkey non recupera i file favicon.ico nel percorso principale del sito Web per impostazione predefinita.[34]"


Quando viene creato un sito Force.com, il logo predefinito del cloud (in conformità all'immagine aziendale di Salesforce) è disponibile nel percorso "/favicon.ico" del sito e non è possibile rimuoverlo in alcun modo.
Quindi, è necessario sostituirlo con ciò che si desidera che sia. 

Altre cose da tenere presenti con le favicon:
 
1. Se si nota una favicon non corretta,
scegliere Elimina cronologia esplorazione nel menu Strumenti per cancellare la cache e i dati della cronologia e poi riprovare.
 
2. I file bitmap, .png, .gif, ecc. non funzionano. Il file deve essere un file .ico (icona) con dimensioni 16x16.
 
3. Per impostare la stessa favicon per tutte le pagine:
impostare la favicon a livello di percorso principale del sito.
 
4. Per impostare una favicon diversa per ogni pagina di un sito:
Nota: per alcuni modelli di comunità Lightning più datati questa operazione non è possibile perché la pagina di accesso è separata e non può essere sovrascritta.
Inserire un tag diverso in ogni pagina, puntando a un'icona diversa. 

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

 

Per i siti Generatore di esperienze:
anziché collegarsi alla favicon nel markup intestazione, aggiungerla solo a quella pagina tramite un componente HTML o una pagina Visualforce. 


Come generare un file favicon.ico della favicon che si desidera utilizzare per questi siti. 
  • Online sono disponibili alcuni generatori di favicon che convertono l'immagine nel formato corretto.
  • Quindi, la favicon può essere caricata come risorsa statica nell'organizzazione. 
    1. Accedere a Imposta | Risorse statiche
    2. Fare clic sul pulsante Nuova
    3. Assegnare un nome alla risorsa statica (ad esempio, "FaviconSite").
    4. Selezionare il file 
    5. Impostare il Controllo cache (per praticità, scegliere Pubblico)
    6. Salvare
In questo modo la favicon verrà utilizzata in tutte le sezioni in cui è possibile scegliere una risorsa statica. Questa procedura è assolutamente consigliata per molti dei vari tipi di siti. 

Cosa succede se NON voglio visualizzare una favicon? Come si fa a rimuovere la favicon del cloud?
  • Il modo più facile è caricare per l'icona un'immagine vuota come risorsa statica e seguire i relativi passaggi di seguito. 
Risoluzione

Per un sito Force.com:

presupponendo che sia già stato configurato il dominio del sito (Imposta | Sites | Registra il dominio del sito).
1. Aggiungere la favicon (controllo cache pubblico) come risorsa statica all'organizzazione
2. Creare il sito (Imposta | Sites | Nuovo), aggiungere la risorsa statica della favicon a "Icona preferita sito"
3. Salvare

Se il sito non è nel percorso principale del dominio, sarà necessario fornire un elemento link appropriato nell'intestazione pagina per aggiungere la favicon personalizzata: 

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

Oppure, è possibile creare un sito inattivo nel percorso principale e aggiungere la favicon all'impostazione di quel sito. Nota: questa sarà la stessa favicon per tutti i siti in percorsi diversi.

Note:
Potrebbe passare un po' di tempo prima che funzioni correttamente. Una cosa da considerare è l'uso di più siti in sottodomini diversi. Ad esempio, un sito in favicontesting.force.com/ caricherà la favicon più rapidamente di un sito in favicontesting.force.com/NotRootPath

Se si utilizza showHeader="false" in una pagina Visualforce Force.com, l'impostazione Icona preferita sito verrà ignorata per quella pagina. Sarà necessario aggiungere manualmente il codice per l'icona, come in uno degli esempi seguenti:
<apex:page showHeader="false" applyHtmlTag="false"> <head> <link rel="icon shortcut" href="{!$Resource.favicon}" /> <!-- O --> <link rel="icon shortcut" href="{!$Site.Prefix}/favicon.ico" /> </head> </apex:page>


Per un sito Generatore di esperienze:

Aspetti da osservare:
  • Esistono alcuni modi per impostare una favicon per un sito Generatore di esperienze. Ad esempio, è possibile aggiungere il file favicon.ico alla cartella Asset del sito Experience Cloud in Site.com Studio e fare riferimento a quel file anziché all'icona preferita per i siti, che sarebbe in: "/ + <percorso sito> + <percorso asset>" 
Esempio in questo caso: 
<link rel="shortcut icon" href="/customers/s/favicon.ico">
  1. Per prima cosa, è necessario verificare che i siti siano abilitati per l'organizzazione: 
    1. Andare a Imposta| Esperienze digitali | Impostazioni
    2. Selezionare Abilitazione delle esperienze digitali 
    3. Registrare il dominio
  2. Quindi, in Imposta | Esperienze digitali | Tutti i siti, creare un nuovo sito, selezionare il modello e scegliere se assegnare o meno un sottodominio.

Questa è la procedura da seguire per aggiungere la favicon al sito:
1. Aggiungere la favicon (controllo cache pubblico) come risorsa statica all'organizzazione
2. Creare il sito e assicurarsi che il modello sia completamente aggiornato
3. Andare ad Aree di lavoro sulle esperienze | Amministrazione | Pagine | Force.com
4. Fare clic su Modifica. Aggiungere la risorsa statica della favicon a "Icona preferita sito" e  salvare
5. In Generatore di esperienze, andare a Impostazioni | Avanzate | Modifica markup intestazione. 
6. Aggiungere quanto segue: <link rel="shortcut icon" href="<SITE>/favicon.ico?v=2" /> 
Nota: funziona come l'aggiunta dell'icona preferita in Force.com: la risorsa statica viene aggiunta come favicon con il nome favicon.ico alla parte principale del percorso del sito.
Ad esempio: Una comunità con /identity significa che la favicon è in /identity/favicon.ico.
?v=2 assicura che venga aggiornata.
<SITE> è l'URL del sito. Ad esempio, con qualsiasi valore URL in Imposta | Esperienza digitale | Tutti i siti. 
7. Salvare
8. Pubblicare il sito in Generatore di esperienze e pubblicare le modifiche in Site.com Studio (Aree di lavoro sulle esperienze | Amministrazione | Pagine | Site.com) 

Ora la favicon dovrebbe essere visibile su tutte le pagine.


Nota: Per i modelli di comunità Lightning più datati, come Aloha, non è possibile impostare la favicon nella pagina di accesso. Tuttavia, c'è una soluzione alternativa che POTREBBE essere utile. 

Se si crea un sito nel percorso principale del dominio, si imposta l'Icona preferita sito, si salva, si pubblica e quindi si disattiva il sito, la favicon può essere utilizzata per la pagina di accesso del sito attivo. 


Per un sito Schede Salesforce + Visualforce:
1. Aggiungere la favicon (controllo cache pubblico) come risorsa statica all'organizzazione
2. Creare il sito e assicurarsi che il modello sia completamente aggiornato
3. Andare ad Aree di lavoro | Amministrazione | Pagine | Force.com
. 4. Fare clic su Modifica. Aggiungere la risorsa statica della favicon a "Icona preferita sito".
5. Salvare.

Nota: l'organizzazione supporta solo una favicon per le pagine dell'area di lavoro: quella assegnata al sito che utilizza l'URL del percorso principale, non un sito con prefisso. In sostanza, si assegna una favicon alle pagine dell'area di lavoro con un prefisso del percorso principale e viene assegnata una favicon anche a un sito che utilizza l'URL del percorso principale. Le pagine dell'area di lavoro che utilizzano il prefisso del percorso principale visualizzano la favicon assegnata al sito che utilizza l'URL del percorso principale.
Numero articolo Knowledge

000383315

 
Caricamento
Salesforce Help | Article