Favicon su WordPress: come ag­giun­ge­re la favicon in tre modi diversi

Nella barra degli indirizzi del vostro browser si apre una tab ogni volta che aprite una nuova pagina. In questa sono contenuti il nome della pagina del sito web e una piccola immagine, che prende il nome di favicon. Queste due in­for­ma­zio­ni fa­ci­li­ta­no all’utente l’iden­ti­fi­ca­zio­ne del sito e lo aiutano a orien­tar­si quando ci sono numerose schede aperte con­tem­po­ra­nea­men­te in uno stesso browser. La favicon di un sito web con­tri­bui­sce inoltre ad aumentare la ri­co­no­sci­bi­li­tà del marchio e a mi­glio­ra­re l’espe­rien­za utente. Avete tre pos­si­bi­li­tà per ag­giun­ge­re le favicon in WordPress. Vi forniamo una guida al riguardo e vi spie­ghia­mo quale vantaggio porta con sé ogni singola opzione.

Il termine favicon deriva dall’ab­bre­via­zio­ne di “favorite icon”. Questa piccola icona è una com­po­nen­te di ogni presenza web, in modo par­ti­co­la­re delle aziende. Viene mostrata nella barra degli indirizzi, nella barra dei se­gna­li­bri, nell’app mobile di WordPress, e nei risultati di ricerca da mobile. Per questo motivo si consiglia di scegliere un simbolo efficace e in­con­fon­di­bi­le da usare come favicon. I vantaggi sono i seguenti:

• Aumenta la serietà e la pro­fes­sio­na­li­tà del sito web.
• Aiuta l’utente a ri­co­no­sce­re l’azienda/l’or­ga­niz­za­zio­ne/il progetto e la relativa offerta sul web, mi­glio­ran­do così la sua espe­rien­za utente nel sito web.
• Influisce po­si­ti­va­men­te sull’ot­ti­miz­za­zio­ne per i motori di ricerca.
• Quando l’utente ha molte schede aperte nel browser, il nome delle pagine viene ac­cor­cia­to o scompare to­tal­men­te, mentre la favicon rimane sempre visibile.

Se volete ag­giun­ge­re una favicon in WordPress avete tre pos­si­bi­li­tà: con il Cu­sto­mi­zer di WordPress, con un plug-in o ma­nual­men­te. Di seguito vi pre­sen­tia­mo ciascuna di queste opzioni nel dettaglio.

Il metodo più facile e veloce per ag­giun­ge­re una favicon in WordPress è di­spo­ni­bi­le dalla versione 4.3 del CMS: il Cu­sto­mi­zer. Con questo apposito strumento caricate la favicon, la ri­ta­glia­te in base alle vostre esigenze e la impostate con pochi clic.

Con questo strumento le di­men­sio­ni minime con­si­glia­te per una favicon sono 512 x 512 pixel, no­no­stan­te nella scheda del browser l’immagine venga mostrata con una di­men­sio­ne di 16 x 16 pixel. Per questo motivo fate at­ten­zio­ne che la favicon sia fa­cil­men­te ri­co­no­sci­bi­le anche in questa di­men­sio­ne. Vi spie­ghia­mo passo dopo passo come ag­giun­ge­re una favicon in WordPress con il Cu­sto­mi­zer.

Com­ple­ta­to questo passaggio, WordPress ac­qui­si­sce au­to­ma­ti­ca­men­te la favicon. Per cambiare la favicon del vostro sito WordPress, tornate nell’area di per­so­na­liz­za­zio­ne di WordPress e ripetete il pro­ce­di­men­to.

WordPress offre un plug-in per quasi tutte le funzioni e ciò vale anche per l’aggiunta delle favicon. Uno dei plug-in gratuiti più co­mu­ne­men­te uti­liz­za­ti è Favicon by Real­Fa­vi­con­Ge­ne­ra­tor che, rispetto al Cu­sto­mi­zer di WordPress, offre opzioni di con­fi­gu­ra­zio­ne ag­giun­ti­ve per mi­glio­ra­re la com­pa­ti­bi­li­tà della favicon con diversi di­spo­si­ti­vi e app. Nei paragrafi suc­ces­si­vi vi spie­ghia­mo come ag­giun­ge­re una favicon in WordPress per mezzo di questo plug-in.

WordPress offre in molti casi anche la pos­si­bi­li­tà di apportare ma­nual­men­te modifiche alle im­po­sta­zio­ni. Anche le favicon possono essere aggiunte in WordPress uti­liz­zan­do il File Transfer Protocol (FTP). Tutto ciò di cui avete bisogno è un pacchetto favicon con­te­nen­te sia i file necessari sia un apposito codice HTML. Questo pacchetto può essere fa­cil­men­te creato usando uno dei tanti strumenti di­spo­ni­bi­li gra­tui­ta­men­te online.

Accedete ai dati di WordPress tramite FTP. Aprite la directory prin­ci­pa­le e caricate al suo interno il pacchetto della vostra favicon. As­si­cu­ra­te­vi che si trovi nella stessa cartella della cartella “WP-admin” o della cartella “WP-content”.

Arrivati a questo punto, aprite il file header.php e inserite il codice HTML della favicon nel campo dell’header. Ac­cer­ta­te­vi che il vostro dominio e il percorso che porta alla favicon siano riportati cor­ret­ta­men­te.