Favicon
La favicon è la piccola icona mostrata nelle schede del browser, nei preferiti e nei risultati mobili di Google per far riconoscere il tuo negozio.
Cos’è una favicon?
Una favicon (favorite icon, icona dei preferiti) è la piccola icona quadrata che rappresenta il tuo sito web nelle schede del browser, nei preferiti, nella cronologia del browser e nei risultati di ricerca mobili di Google. Di solito viene dichiarata con un tag <link rel="icon"> nella sezione <head> della pagina; in alternativa, i browser tentano automaticamente di caricare il file /favicon.ico dalla cartella radice (root) del dominio. Le favicon moderne sono fornite nei formati .ico, .png o .svg e un singolo file .ico può contenere diverse dimensioni (16×16, 32×32 e 48×48).
Perché una favicon è importante?
Per un negozio online, la favicon è un elemento di branding piccolo ma visibile. Quando un cliente ha molte schede aperte, l’icona è spesso l’unica cosa che rende il tuo negozio facile da ritrovare. Google mostra inoltre la tua favicon accanto al risultato nella ricerca da dispositivi mobili, quindi un’icona nitida e riconoscibile rafforza sia il tasso di clic (CTR) che la fiducia. Quando la favicon manca, il browser mostra semplicemente un segnaposto vuoto predefinito, il che fa sembrare la pagina incompleta o meno professionale.
Casi d’uso comuni
- Riconoscimento nelle schede del browser quando l’utente ha diverse pagine aperte contemporaneamente.
- Visualizzazione accanto al tuo risultato nei risultati di ricerca da dispositivi mobili di Google (Google consiglia un’icona quadrata che sia un multiplo di 48px, ad esempio 48×48).
- Icona quando un cliente salva il negozio tra i preferiti o nella schermata iniziale (tramite
apple-touch-icon, in genere 180×180). - Identità di marca coerente tra browser, schede e link condivisi.
Prospettiva di Shopify
In Shopify puoi caricare la tua favicon direttamente nell’editor del tema sotto le impostazioni del tema, senza dover modificare il codice. Shopify ridimensiona l’immagine a 32×32 pixel, quindi ti consigliamo di caricare una grafica semplice e quadrata che rimanga chiara anche in dimensioni ridotte (evita dettagli minuziosi e testi lunghi). Il passaggio a un altro tema non reimposta necessariamente la favicon, ma controlla sempre il risultato dopo ogni cambio di tema. Pensa alla favicon insieme agli altri tuoi metadati visivi come l’Open Graph, in modo che il tuo negozio appaia coerente nelle schede, nei risultati di ricerca e nei link condivisi.