Teutra/blog » SEO » Come inserire la favicon, il tuo logo, alla barra degli indirizzi

 

Molti chiedono come inserire la favicon, la piccola icona che viene inserita nella barra degli indirizzi web, all’ interno del proprio sito web.

Ad esempio, se hai salvato Teutra nei tuoi preferiti con ctrl-D, dovresti vedere il logo di Teutra nella barra degli indirizzi, prima dell’ URL vero e proprio.

 

 

Creare la favicon modificando il codice

 

Inserire la favicon html è un’ operazione abbastanza semplice.

Per prima cosa, apri il tuo programma di foto ritocco preferito e crea un nuovo documento in formato 16×16 pixel.

Probabilmente vorrai utilizzare il logo della tua attività. 

Una volta ottenuto un file di 16×16 pixel, salva il file rinominandolo in favicon.ico.

Se non hai dimestichezza con i programmi di foto ritocco, puoi effettuare questa operazione online.

Eccoti alcuni siti web:

Adesso tutto quello che devi fare è copiare la tua favicon.ico sul server che ospita il tuo sito web.

L’operazione varia a secondo dei casi ma, il più delle volte, il tutto si può risolvere utilizzando un client FTP.

Io uso Filezilla che è un ottimo programma gratuito che puoi scaricare da qui.

Per chi non sapesse cos’è e a cosa serve un programma FTP, posso dire che è una applicazione che permette il trasferimento, di massa o singolarmente, di files da un certo indirizzo in rete al proprio PC e viceversa.

Di solito lo si usa per il trasferimento di massa essendo più comodo l’automatismo.

Dopo aver creato la favicon html e copiato il file nello spazio web, non ti resta che inserire nella tua pagina web, il codice per fare riconoscere questa piccola icona al browser.

Apri il tuo editor HTML preferito, io uso Notepad ++, strumento gratuito che puoi scaricare a questo indirizzo e inserisci il seguente codice nella home page del sito.

<link rel=”icon” type=”image/ico” href=”https://www.tuosito.it/favicon.ico”>

avendo cura d’inserire il codice prima della chiusura della testata, e cioè, prima del tag </body> e di sostituire il tuo URL al posto di tuosito.it.

A questo punto non ti resta che digitare l’URL https://www.tuosito.it/ per vedere comparire la tua favicon.

 

Utilizzare WordPress per inserire la favicon

 

logo-identità-del-sito

 

La medesima operazione è stata enormemente semplificata con le ultime versioni di WordPress.

Basta andare nella bacheca del nostro CMS preferito e cliccare su Aspetto / Personalizza / Impostazioni generali / Identità del sito.

Caricate la tua icona, salva e il gioco è fatto.

 

Controllare se la favicon è stata inserita correttamente

Al termine di questa operazione, puoi controllare online, se il file della favicon è stato inserito correttamente sul tuo sito.

Esistono vari siti web che permettono il test del file favicon.ico, eccone alcuni:

Spero di esserti stato utile e arrivederci alla prossima :-)

melchiorre schifano