La piccola icona che appare davanti al nome del sito nei segnalibri del browser è nota a molti. Questo elemento in miniatura, anche se spesso passa inosservato, è diventato parte integrante di qualsiasi risorsa. In precedenza, la favicon veniva trattata come un dettaglio non importante, utilizzata semplicemente per riempire lo spazio vuoto, ma oggigiorno, quando ogni miglioramento è importante per la conversione, la favicon svolge un ruolo importante. Questo non è solo un elemento di branding, ma anche un fattore di cui i motori di ricerca tengono conto.
Per chi non conoscesse questo termine, spieghiamo: una favicon è un elemento grafico (di dimensione 16x16 pixel) che viene inserito nel codice del sito e visualizzato nei risultati di ricerca accanto al titolo. Molto spesso viene utilizzato un logo o una semplice immagine (lettera, numero o icona). Affinché i motori di ricerca e altri servizi riconoscano questo file come favicon, dovrebbe essere chiamato "favicon.ico".
È interessante notare che il supporto per le favicon è iniziato in un lontano passato, quando questo formato ha iniziato a funzionare per la prima volta nel browser Internet Explorer 5. Inizialmente, le favicon servivano esclusivamente per esigenze tecniche ed erano una semplice etichetta per gli indirizzi dei siti web. Alla fine, all’inizio degli anni 2000, furono ufficialmente inclusi nel markup come elemento standard.
Sebbene in origine la favicon fosse un elemento di comodità per l'utente, oggi il suo ruolo va oltre l'aspetto tecnico. È importante sia per gli utenti finali che per i motori di ricerca. Consideriamo dove e come viene utilizzata la favicon e se è possibile farne a meno.
Per iniziare, seleziona un'immagine da utilizzare come favicon e rinominala favicon.ico. Si consiglia di utilizzare il formato PNG per evitare lo sfondo bianco. La dimensione dell'icona più comune è 16x16 pixel, ma esistono altri formati:
Una volta preparata e rinominata l'immagine, è necessario caricarla nella root del sito utilizzando un client FTP o un pannello di hosting. Verifica che la favicon sia disponibile su: sitename.ru/favicon.ico.
Per aggiungere una favicon a -code, utilizza il seguente modello: . È importante notare che per le versioni precedenti dei browser IE potrebbe essere necessario aggiungere l'attributo rel="icona della giacca corta".
Se il tuo sito è rivolto ai dispositivi mobili Apple, aggiungi l'attributo rel="icona-tocco-di-mela"in modo che la favicon venga visualizzata correttamente su iPhone e nella lista dei siti più visitati su macOS.
Scegliere un'immagine per la tua favicon è importante perché è ciò che verrà associato al tuo sito. Una buona favicon dovrebbe essere semplice ma memorabile. Diamo un'occhiata a diversi tipi di favicon:
Nonostante le sue piccole dimensioni, una favicon è di grande importanza per un sito web. Aiuta nell'identificazione delle risorse e migliora l'esperienza dell'utente. Il suo utilizzo migliora la comodità della ricerca, soprattutto quando si aprono molte schede. Per migliorare la visibilità di un sito nei risultati di ricerca e aumentare la percentuale di clic, si consiglia di prestare attenzione alla scelta della favicon e alla sua corretta configurazione.
Per ulteriori consulenze su SEO e sviluppo web, puoi contattare lo studio SEO COMPUTER per qualsiasi domanda tramite email info@seo.computer.
ID 1687