Teutra/blog » SEO »
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
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:
- https://www.faviconcodegenerator.com/favicon-checker.php
- https://realfavicongenerator.net/favicon_checker
- https://seositecheckup.com/tools/favicon-test
Spero di esserti stato utile e arrivederci alla prossima :-)
- Come creare una strategia di content marketing efficace - 18 Ottobre 2023
- Guida all’ottimizzazione della performance di un sito web - 6 Settembre 2023
- Google suggest: uno strumento gratuito per ottimizzare le ricerche - 10 Maggio 2023