Favicon per il tuo sito web

Pubblicato il 6 Gennaio 2013
Aggiornato il 6 Gennaio 2013

Per prima cosa, partiamo da cos’è un “favicon”.

Wikipedia 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.

Favicon personalizzato per il tuo sito NON WordPress

Se il tuo sito NON è sviluppato con WordPress, una soluzione molto semplice è caricare il file del tuo favicon sul server, nel root del tuo sito. Ecco gli step:

1. Generare un favicon.ico (ad esempio puoi usare http://www.favicon.cc/)
2. Salvare il file nella stessa cartella dove si trova il nostro index.html (quindi nel root del tuo sito)
3. Caricare il file al server (tramite ftp oppure attraverso il File Manager fornito dal tuo hosting provider)
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 (sempre tramite ftp o file manager ) il vostro file index.html al server

Voilà! Il gioco è fatto!

Personalizzare il favicon per il tuo sito WordPress

Nel caso tu avessi un sito sviluppato con WordPress, il procedimento è semplicissimo, ora ti spiego come fare:

  1. Dopo aver eseguito il login alla tua Dashboard del sito, vai dalla barra degli strumenti che trovi sulla tua sinistra alla voce Aspetto → Personalizza
  2. Successivamente clicca su Denominazione del Sito. In basso troverai la voce Icona del Sito.
  3. Carica un’immagine per la tua favicon. Ti suggerisco un file png o jpg non troppo pesante e non troppo grande! 😉
cambiare favicon wordpress

Hola!

Sono Nicole,web designer e grafica freelance.

Scopri chi sono

Sono una web designer freelance

Mi occupo di sviluppo di siti web responsive, e-commerce, blog e grafica da circa 15 anni. Dal 2018 aiuto piccoli imprenditori, artigiani e liberi professionisti a portare la propria attività online con successo.

Mi occupo inoltre di formazione e consulenza in UI design per aziende, web agency e freelance, ed offro supporto e percorsi di mentoring a web designer che desiderano decollare con la loro attività.

Creazione siti web
Siti e-commerce
Branding

Formazione per web designer

FREELANCE

Se sei un web designer freelance alla ricerca di orientamento, chiarezza e supporto per prosperare nel mondo digitale in continua evoluzione, sei nel posto giusto! Il mio servizio di consulenza, formazione e mentoring è qui per te.

Scopri la formazione

Dal blog