giovedì 10 settembre 2009

Come inserire una Favicon per il vostro Blog su Blogger

Avrete notato entrando oggi nel blog che ho inserito una Favicon di fianco all'url del blog stesso.



In pratica le Favicon sono quelle piccole iconcine che vengono visualizzate dal vostro browser sulla sinistra dell'url.




A livello Seo non servono praticamente a nulla, sono solo un abbellimento grafico della url del vostro sito o blog e vengono inoltre visualizzate nei preferiti.
La favicon è supportata dalla maggior parte dei Browser.

E' molto semplice inserire una Favicon, basta creare una immagine 16x16 o 32x32 o 48x48 pixel con estensione .ico o .png o .gif. Se avete problete potete usare uno dei tanti generatori di Favicon come

Favicon Generator

Una volta creata inseritela nella root del vostro sito o blog inserire i seguenti tag nella sezione Head a seconda del formato scelto.

.ico
link href='http://percorso/favicon.ico' rel='icon' type='image/vnd'


.gif
link href='http://percorso/favicon.gif' rel='icon' type='image/gif'

.png
link href='http://percorso/favicon.png' rel='icon' type='image/png'

(ricordatevi i tag di apertura e chiusura)

E su piattaforme come Blogger?
Su piattaforme gratuite Blog come questa di Blogger la Favicon è già presente, ma è quella di appunto di Blogger.
Ecco come fare
1)Createvi la vostra icona

2)Salvatela sul vostro desktop

3)Dovete necessariamente avere un vostro hosting, anche free va bene dove uplodarla.

4)copiate il link della vostra immagine "hostata"

5)inserite il tag link rel="icon" href="http:///icona.ico" nella sezione head.

Importante dovete inserire il tag non all'inizio della sezione head ma subito prima del tag di chiusura /head.

Ed ecco la vostra Favicon!

3 commenti: