Inserire una favicon sul proprio sito

Favicon sta per favorites icon (icona preferita). Questo termine indica un’icona associata ad una determinata pagina web.
Generalmente la favicon è una piccola immagine, spesso un logo, relativo ai contenuti del sito alla quale è associata.
L’immagine impostata come favicon viene visualizzata dal browser nei pressi del titolo, dipende poi da quale browser stiamo usando, chrome, firefox, internet explorer (blea!).

Come inserirla sul nostro sito:

Per inserire una favicon nel nostro sito, dobbiamo per prima cosa crearla… per fare questo possiamo ricorrere ai numerosi servizi online che fanno questo per noi.

basterà caricare l’immagine da noi scelta per il logo e l’app la trasformerà in formato icona e delle dimensioni giuste per diventare una favicon.
Una volta creata la nostra iconcina, dobbiamo istruire la pagina per farla visualizzare in seguito dal browser.
Nei tag dobbiamo inserire questa istruzione:

<link rel="shortcut icon" href="favicon.ico" >

naturalmente la favicon dovrà risiedere nella root del sito.
Non dobbiamo cambiargli ne il nome ne la posizione!

In certi casi e con certi browser funziona anche se la spostiamo dalla root, cosi da poter avere più favicon per diverse pagine.

Potrebbero interessarti anche...