Cosè una favicon? La guida definitiva per i progettisti di siti web

Una piccola grafica a forma di icona può fare una grande differenza nel branding del tuo sito web. Ma la maggior parte dei designer e degli sviluppatori dimentica questa risorsa grafica. È favicon.

Ora, potresti chiederti cos'è una favicon? È un elemento di design vitale del tuo sito Web che distingue il tuo marchio dalla massa.

Continua a leggere questa discussione approfondita su favicon mentre facciamo luce sulla sua definizione, importanza e tutto ciò che devi sapere.

Cos'è una favicon? 

La parola favicon deriva dall'unione di due parole: "preferiti" e "icone". I preferiti si riferiscono direttamente alla sezione dei segnalibri del browser web. D'altra parte, un'icona o un logo è una risorsa grafica che marchia un'azienda, un blog, una rivista online o uno spazio di e-commerce.

Di solito è un'icona di 16 x 16 pixel. Tuttavia, può anche essere una versione più piccola del tuo sito Web o del logo aziendale. Progettalo in base alla combinazione della tavolozza dei colori, ai caratteri, alle immagini e ad altre preferenze artistiche del tuo sito web.

Inoltre, crealo saggiamente poiché funziona come identificatore visivo per la tua pagina web quando un utente di Internet apre molte schede sul browser web e non vede più il nome del sito web.     

Il posizionamento di una favicon

I progettisti di siti Web esperti considerano le favicon come una risorsa fondamentale per il sito Web perché puoi trovare l'icona in luoghi strategici. Di solito, la favicon del tuo sito web verrà visualizzata qui: 

• Sul lato sinistro delle schede del browser web
• Menu cronologia del browser web
• Nel menu a discesa della sezione dei segnalibri del browser web
• App della barra degli strumenti
• Cronologia del browser
• Casella di ricerca
• Suggerimenti della barra di ricerca 
• Sui risultati di ricerca

Importanza SEO delle Favicon

Le favicon sono uno strumento indiretto per influenzare il posizionamento della pagina dei risultati dei motori di ricerca ( SERP ) del tuo sito web. È anche una risorsa per siti Web a basso costo che puoi facilmente aggiungere a qualsiasi sito Web vecchio o nuovo. Ecco come le favicon aumentano lo sforzo di ottimizzazione per i motori di ricerca (SEO) del tuo sito web: 

• Favicon aumenta la possibilità del tuo sito Web di essere aggiunto ai segnalibri sul browser Web Google Chrome e quindi aumenta la probabilità di rivisitare il sito Web.
• I siti web user-friendly hanno migliori possibilità di posizionamento SEO e la favicon aumenta la facilità d'uso.
• La SEO è incentrata sul marketing e sul marchio e favicon offre questo senza ambiguità. 

Specifiche di Favicon

I siti Web di maggior successo utilizzano una versione ridotta del logo del proprio marchio come favicon o utilizzano immagini vettoriali. Ecco le specifiche per le favicon moderne:

Dimensione/risoluzione dell'immagine Favicon

• Per l'uso per tutti gli usi in qualsiasi browser Web, le favicon da 16 x 16 pixel sono popolari
• Le favicon da 24 x 24 pixel vanno bene per le pagine bloccate di Internet Explorer
• 57 x 57 pixel è la dimensione standard per la schermata iniziale di iOS
• Le piattaforme Google TV preferiscono le favicon da 96 x 96 pixel
• Opera Speed ​​Dial richiede immagini da 195 x 195 pixel
• Le favicon Apple Touch dovrebbero essere 180 x 180 pixel

Tipo di file immagine Favicon 

La prima scelta deve essere il tipo di file ICO da Microsoft Windows. Puoi anche scegliere file PNG, JPEG, SVG e APNG per le favicon. 

Che cos'è una favicon: parole finali

Favicon è una delle risorse più importanti per il tuo sito Web poiché aiuta a contrassegnare il tuo spazio online. La discussione di cui sopra dovrebbe averti fornito una ragione sufficiente per creare e inserire una favicon nel tuo sito web.

Ora che hai letto questo articolo, dovresti aver trovato una risposta alla tua domanda "cos'è una favicon?" Connettiti subito con lo sviluppatore del tuo sito web per aggiungere questa piccola ma potente icona se il tuo sito web non ce l'ha.

Potresti anche essere interessato a vari tipi di soluzioni di web hosting per costruire una presenza online efficiente.