Blog

Inserire l’immagine del proprio sito nella barra indirizzi

Spesso vediamo, all’interno dell nostra barra indirizzi, una piccola icona che precede l’indirizzo del sito web che stiamo visitando, come vi mostro nell’esempio:

favicon_google

Questo riguarda la pagina di Google, ma devo dire che in giro se ne trovano tanti e molto carini.

Ma a cosa serve? Questa iconcina, chiamata Favicon,(…)

non è soltanto un abbellimento grafico ma serve per dare credibilità al nostro sito. Lo scopo originario dell’icona era infatti identificare il sito grazie ad un’icona personalizzabile e, come ci dice Wikipedia, “Favicon è un termine inglese, contrazione di favorites icon. In informatica indica un’icona associata ad una particolare pagina web
(fonte: Wikipedia).  “Dal punto di vista della comunicazione, essendo la favicon visualizzabile in posizione strategica (ancora prima dell’http), è la primissima cosa che un utente nota mentre il sito web sta ancora caricando, Da una serie di test fatti su navigatori abituali, è emerso chiaramente che l’utente meno informatico, in presenza di una favicon personalizzata, dichiara di sentire il sito web come meno anonimo e più sicuro (vedi problematiche legate al phishing), mentre l’utente più avvezzo alla navigazione ne apprezza il lato comodo e cioè la facilità di saltare da una linguetta (tab) all’altra del browser basandosi solo sulla favicon”. (Da RedominoLabs)

Come si inserisce una favicon? E’ molto semplice.

Basta creare il nostro logo o l’immagine che vogliamo ci caratterizzi in formato grande, poi ridurlo ad un 16 x 16. Bisogna trasformare l’immagine in una favicon.ico, per farlo esistono moltissimi siti che offrono questo servizio, fra cui :

Favicon Tool

favicon_tool

GenFavicon

genfavicon

FaviconCC

favicon_cc

Basta uploadare l’immagine e il sito ci produrrà la favicon.ico, da scaricare.

Tale immagine va poi caricata nella directory radice del nostro sito (che sia visualizzabile, per intenderci, alla voce www.miosito.it/favicon.ico).

A tal punto non resta che l’ultimo passo, cioè introdurre questa stringa nelll’html del nostro sito, fra <head></head>:

cod_favicone il gioco è fatto. Non vi resta che riavviare il Browser e godervi la vostra Favicon nuova di zecca ;)

  1. MartaMarta11-24-2009

    Che carino! Proprio quello che cercavo!

  2. AlexAlex12-29-2009

    “Tale immagine va poi caricata nella directory radice del nostro sito”… da qui in poi mi sono perso. Domanda: e se uno ha un blog, per esempio nella piattaforma Blogger (…blogspot.com)? Come si fa, ammesso che si possa?
    Grazie!!!

  3. adminadmin12-29-2009

    Ciao Alex, allora caricare nella directory radice del nostro sito vuol dire che, se hai uno spazio web tutto tuo (per es. http://www.alex.it), puoi caricare l’immagine in questo spazio tramite ftp, direttamente, senza sottocartelle. Se hai un blog in uno spazio gratuito questo non si può fare.

Leave a Reply