Aggiungere una favicon

In questo articolo viene descritto come aggiungere un favicon al sito.

Un favicon è un piccolo file di grafica che viene visualizzato, tra l'altro, in una scheda del browser Web, nella barra degli indirizzi, nella cronologia delle esplorazioni e in segnalibri o preferiti. È consigliabile aggiungere un favicon al sito, poiché rappresenta e rinforza il marchio e consente di differenziare il proprio sito da altri siti visitati dai clienti.

Sebbene sia possibile aggiungere più favicon di varie dimensioni e tipi di file al sito, in questo articolo viene descritto coma aggiungere un singolo favicon. Tuttavia, lo stesso processo e la stessa posizione sono utilizzati per aggiungere più favicon.

Caricare un favicon nella raccolta di asset del sito

Per caricare un favicon nella raccolta di asset del sito, procedere come segue.

  1. Nel riquadro di spostamento sinistro, selezionare Libreria multimediale.

  2. Sulla barra dei comandi, selezionare Carica > Carica elementi multimediali.

  3. Nella finestra Esplora file andare al file di immagine del favicon da caricare, selezionarlo, quindi selezionare Apri.

  4. Nella finestra di dialogo Carica elemento multimediale, immettere il titolo e il testo alternativo richiesti.

  5. Per pubblicare l'immagine subito dopo il caricamento, selezionare la casella di controllo Pubblica elementi multimediali dopo il caricamento.

    Nota

    Se non si seleziona la casella di controllo Pubblica elementi multimediali dopo il caricamento, è necessario tornare alla pagina Elementi multimediali e pubblicare manualmente il favicon in un secondo momento.

  6. Selezionare OK.

  7. Nel riquadro delle proprietà a destra, copiare l'URL pubblico del favicon. L'URL verrà utilizzato in seguito.

Creare l'HTML per il favicon

Per creare l'HTML per il favicon, usare la stringa HTML seguente. Per l'attributo href, sostituire Public_URL_for_your_favicon con l'URL pubblico copiato in precedenza.

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

Creare un frammento contenente un metatag per il favicon

Per creare un frammento contenente un metatag per il favicon, effettuare le seguenti operazioni.

  1. Andare a Frammenti e selezionare Nuovo.
  2. Nella finestra di dialogo Nuovo frammento selezionare Metatag come modulo su cui basare il frammento.
  3. Immettere un nome per il frammento, quindi selezionare OK.
  4. Nell'albero della gerarchia di frammenti, selezionare l'elemento figlio Metatag predefiniti.
  5. Nel riquadro destro, sotto Metatag, selezionare Aggiungi, quindi immettere la stringa HTML creata in precedenza per il favicon. 
  6. Selezionare Fine modifica, quindi selezionare Pubblica per pubblicare il frammento.

Aggiungere il frammento dei metatag alla sezione di intestazione HTML delle pagine

Per aggiungere il frammento dei metatag alla sezione head di intestazione HTML delle pagine, effettuare le seguenti operazioni:

  1. Andare a Modelli, aprire il modello per le pagine a cui aggiungere il favicon, quindi selezionare Modifica.
  2. Nell'albero della gerarchia dei modelli, selezionare i puntini di sospensione (...) a destra del contenitore Intestazione HTML, quindi selezionare Aggiungi frammento.
  3. Nella finestra di dialogo Seleziona frammento, selezionare il frammento dei metatag creato in precedenza, quindi selezionare OK.
  4. Selezionare Fine modifica, quindi selezionare Pubblica per pubblicare il modello.

Nota

Se il tuo sito utilizza più di un modello, è necessario aggiungere il frammento dei metatag a ognuno di essi.

Quando si visualizzano in anteprima le pagine basate sul modello a cui è stato aggiunto il frammento dei metatag, si dovrebbe ora vedere il favicon nella scheda del browser.

Risorse aggiuntive

Aggiungere un logo

Selezionare un tema per il sito

Utilizzare i file di sostituzione CSS

Aggiungere informazioni sul copyright

Aggiungere lingue al sito

Aggiungere codice script nelle pagine del sito per supportare la telemetria