Favicon per il tuo sito web

Partiamo innanzi tutto da cos’è un “favicon”.

La grande Wiki ci dice:

Favicon è un termine inglese, contrazione di favorites icon. In informatica indica un’icona associata a una particolare pagina web. Solitamente la favicon è una piccola immagine, spesso un logo, pertinente ai contenuti del sito web correlato. La favicon viene visualizzata alla sinistra dell’URL nella barra degli indirizzi di un browser, nel momento in cui si naviga su un sito che ne è provvisto. L’icona è inoltre visualizzata nel menu dei preferiti di un browser.

Solitamente creo un favicon e lo piazzo sul server e senza nessun problema viene “letto” automaticamente dal browser. Oggi però stranamente non voleva propio apparire!

Ecco la soluzione per questi casi:

1. Generare un favicon.ico (io normalmente uso http://www.favicon.cc/)
2. Salvare il file nella stessa cartella dove si trova il nostro index.html
3. Caricare il file al server (ftp)
4. Controllare nel browser se compare o meno il favicon, in caso contrario aprite il vostro file index.html e prima di /head inserite il seguente codice:

<LINK REL="SHORTCUT ICON" HREF="http://www.iltuositoweb.com/favicon.ico">

5. Salvate e caricate (ftp) il vostro file index.html al server

Voilà! Il gioco è fatto! 😉