Come aggiungere un Favicon al tuo blog WordPress

Favicon o Site Icon è la piccola immagine che appare accanto al titolo del tuo sito web nel browser. Aiuta i tuoi utenti a identificare il tuo sito web e i visitatori più frequenti del tuo sito costruiranno un riconoscimento istantaneo per quella piccola immagine. Ciò aumenta il riconoscimento del marchio e ti aiuta a creare fiducia tra i tuoi segmenti di pubblico. Nel nostro articolo sugli errori più comuni di WordPress, non aggiungendo una favicon sono stati tra i primi 25. In questo articolo, ti mostreremo come aggiungere una favicon al tuo blog WordPress.

Perché dovresti aggiungere un Favicon al tuo sito WordPress?

Come accennato in precedenza, stabilisce l'identità del tuo sito web. Tuttavia, migliora anche l'usabilità e l'esperienza utente del tuo sito. Questa immagine ti aiuterà a capirlo meglio:

La maggior parte degli utenti di solito ha molte schede aperte nella finestra del browser. Ciò nasconde il titolo del tuo sito web man mano che aumenta il numero di schede. La favicon aiuta l'utente a identificare il tuo sito Web e passa rapidamente alla scheda che desidera.

Puoi chiedere ai tuoi utenti di aggiungere il tuo sito alla loro schermata iniziale sui dispositivi mobili. L'icona del tuo sito o favicon viene anche utilizzata quando un utente aggiunge il tuo sito alla schermata iniziale su un dispositivo mobile.

Come creare un Favicon

Puoi usare il logo del tuo marchio come icona del sito o favicon. La dimensione consigliata per l'immagine dell'icona del tuo sito è di almeno 512 pixel sia in larghezza che in altezza. L'immagine dell'icona del sito deve essere quadrata, puoi usare un'immagine rettangolare più grande e WordPress ti permetterà di ritagliare l'immagine quando la aggiungi.

Ti consigliamo di utilizzare un programma di modifica delle immagini come Adobe Photoshop o Gimp per creare un'icona del sito di esattamente 512 × 512 pixel. In questo modo puoi mantenere le proporzioni esatte per la tua immagine. Puoi usare l'immagine trasparente o riempire l'immagine con un colore di sfondo a tua scelta. Questa immagine potrebbe essere in formato png, jpeg o gif.

Video Tutorial

Se il video non ti piace o hai bisogno di ulteriori istruzioni, continua a leggere.

Aggiunta dell'icona del sito o Favicon in WordPress

Dal momento che WordPress 4.3, è possibile aggiungere un'icona favicon o sito dall'area admin di WordPress. Semplicemente vai Aspetto »Personalizza e fare clic su "Identità del sito" linguetta.

La sezione Identità del sito in customizer ti consente di modificare titolo, descrizione e controllo del sito, indipendentemente dal fatto che tu voglia visualizzarli o meno nell'intestazione. Ti consente anche di caricare l'icona del tuo sito. Basta fare clic sul pulsante Seleziona file e quindi caricare l'immagine che si desidera utilizzare come icona del sito.

Se l'immagine che stai caricando supera la dimensione consigliata, WordPress ti permetterà di ritagliarlo. Se corrisponde esattamente alla dimensione consigliata, puoi semplicemente salvare le modifiche.

Questo è tutto ciò che puoi ora vedere in anteprima sul tuo sito e vedere la tua favicon in azione. Puoi anche visitare il tuo sito su un dispositivo mobile e quindi dal menu del browser selezionare "Aggiungi a homescreen". Noterai che l'icona del tuo sito apparirà sulla schermata iniziale.

Aggiunta di Favicon a WordPress precedente (4.2 o inferiore)

Carica la tua favicon nella directory principale del tuo sito web usando FTP. Dopodiché puoi semplicemente incollare questo codice nel tuo tema header.php file.

Sostituisci wpbeginner.com con l'URL del tuo sito e sei a posto. Se il tuo tema non ha un file header.php, o non riesci a trovarlo, non preoccuparti abbiamo un plug-in per te. Installa e attiva il plug-in Insert Headers and Footers. Dopo aver attivato il plugin vai a Impostazioni »Inserisci intestazioni e piè di pagina e incollare il codice fornito sopra nella sezione dell'intestazione e salvare le impostazioni.

Se non vuoi affatto utilizzare FTP, puoi anche utilizzare il plugin chiamato All in One Favicon.

Speriamo che questo articolo ti abbia aiutato ad aggiungere favicon al tuo sito WordPress. Per domande e feedback puoi lasciare un commento qui sotto o prenderci su Twitter.