Una favicon è una piccola immagine che viene visualizzata accanto al titolo del sito web nelle schede del browser. Lo scopo di una favicon è quello di aiutare l’utente a identificare il sito web che sta guardando e a riconoscere immediatamente un marchio.
Il riconoscimento del marchio è essenziale per qualsiasi azienda e crea fiducia nel pubblico. Uno degli errori più comuni di WordPress è quello di non aggiungere una favicon.
In questo articolo vi mostreremo come aggiungere una favicon al vostro sito WordPress, in pochi e semplici passaggi. Vi spiegheremo anche perché è una buona pratica mostrare una favicon e come può essere utile al vostro sito.
Indice dei contenuti
Perché avete bisogno di una favicon sul vostro sito WordPress?
Una favicon stabilisce l’identità del marchio. Inoltre, rende il vostro sito più usabile e offre una migliore esperienza all’utente.
Quando si aggiungono altre schede al browser Internet, il titolo del sito web diventa più piccolo e può scomparire se si hanno molte schede aperte. La favicon del vostro sito web aiuta gli utenti a identificarlo rapidamente, consentendo loro di passare rapidamente alla scheda che desiderano visualizzare.
Se i vostri utenti aggiungono il vostro sito web alla homescreen dei loro smartphone o dispositivi mobili, la vostra favicon verrà visualizzata qui e avrà un aspetto più simile a quello di un’app se avete una favicon.
Come creare una favicon
Molte aziende tendono a utilizzare il logo del proprio marchio come favicon. Per WordPress, l’icona del sito consigliata è di almeno 512 pixel x 512 pixel. L’immagine dell’icona del sito dovrebbe essere un quadrato, non un rettangolo; tuttavia, è possibile utilizzare un rettangolo, ma WordPress consente di ritagliare l’immagine quando la si aggiunge al sito.
Se avete accesso ad Adobe Photoshop, vi consiglio di utilizzarlo per creare la vostra favicon. Tuttavia, se non disponete di Photoshop o non avete il budget necessario, potete utilizzare uno strumento di generazione di favicon gratuito.
È possibile utilizzare un’immagine trasparente o riempire l’immagine con un colore di sfondo a scelta. Assicuratevi che la vostra favicon sia riconoscibile, chiara e delle dimensioni corrette.
Aggiungere la favicon a WordPress
Ora che avete creato la vostra favicon (o icona del sito), è il momento di aggiungerla al vostro sito WordPress. Dal rilascio di WordPress 4.3, è ora possibile aggiungere la favicon dall’area di amministrazione di WordPress. Spostarsi su Aspetto > e fare clic sulla scheda “Identità del sito”.
Se si utilizza un tema WordPress premium, è possibile che la scheda “Identità del sito” si trovi sotto Intestazione nello stesso menu.
Qui è possibile modificare l’intestazione del sito, il titolo del sito, il logo del sito, l’icona del sito e la tagline. Per cambiare la favicon di WordPress, cliccate su “Cambia immagine” se ne avete già una, oppure su “Seleziona file” per caricare una nuova icona del sito.
Se l’immagine caricata supera le dimensioni consigliate, WordPress consente di ritagliarla. Tuttavia, se l’immagine corrisponde alle dimensioni consigliate, è sufficiente salvare le modifiche.
Ora potete andare sulla homepage del vostro sito web per vedere la vostra favicon di WordPress in azione! È possibile visualizzare l’icona del sito anche su un dispositivo mobile, selezionando “Aggiungi alla schermata iniziale” dal menu del browser.
Come aggiungere una favicon a WordPress 4.2 o inferiore
Se utilizzate la versione 4.2 o inferiore di WordPress, la modifica della favicon è un po’ diversa. È necessario caricare la favicon direttamente nella directory principale del sito web tramite FTP. Uno strumento di trasferimento file come FileZilla sarà più che sufficiente.
Dopo esservi collegati al vostro sito web tramite FTP, andate nel file header.php del vostro tema e aggiungete il seguente codice nel file:
<link rel="icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" /><link rel="shortcut icon" href="https://webhostingprof.com/favicon.png" type="image/x-icon" />
Assicuratevi di sostituire webhostingprof con l’URL del vostro sito. Se il vostro tema non contiene un file header.php, potete installare un plugin che faccia il lavoro duro per voi. Anche se i plugin sono utili, consiglierei di usare questo solo se non avete un file header.php o non riuscite a trovarlo.
È buona norma sapere dove si trovano questi file, nel caso in cui si debbano utilizzare di nuovo! Non sto cercando di rendere le cose più difficili per voi!
Un plugin come Inserisci intestazioni e piè di pagina è una buona scelta. È possibile installare e attivare il plugin, quindi navigare in Impostazioni > Inserire intestazioni e piè di pagina e incollare il codice qui sopra. Ricordatevi di salvare le impostazioni e sarete pronti a partire!
Conclusione
Le favicon sono importanti per il vostro sito web, non solo per il branding, ma anche per l’esperienza dell’utente. I favicon consentono agli utenti di identificare facilmente il vostro sito web e, in tutta onestà, sono molto più belli di una casella vuota.
Ora che sapete come aggiungere una favicon al vostro sito WordPress, perché non ci provate? L’aggiunta di una favicon è facile e gratuita, e abbiamo molte altre risorse che possono aiutarvi con il vostro sito web WordPress, come ad esempio come cambiare la dimensione dei caratteri nei vostri post e pagine, o come ricordare il vostro URL di accesso a WordPress.