Come aggiungere una favicon al vostro negozio Shopify (Guida 2026)

Per aggiungere una favicon al vostro negozio Shopify: andate su Online Store → Themes → Customize → Theme Settings → Favicon, caricate un'immagine PNG 32x32 e cliccate Save. La vostra favicon apparirà immediatamente nelle schede del browser dopo il salvataggio.

Di seguito troverete le specifiche complete, le istruzioni passo dopo passo e le soluzioni ai problemi più comuni.

Requisiti per la favicon Shopify

Prima di caricare, assicuratevi che la vostra favicon rispetti queste specifiche:

Requisito	Specifica
Dimensione	32 x 32 pixel (consigliata)
Formato	PNG o ICO
Sfondo	Trasparente (opzionale ma consigliato)
Dimensione file	Sotto 1 MB

Nota: Shopify ridimensiona automaticamente le immagini più grandi a 32x32 pixel, il che potrebbe causare una perdita di qualità. Create la vostra favicon alle dimensioni corrette per ottenere i migliori risultati.

Requisiti del piano Shopify

Non tutti i piani Shopify supportano la personalizzazione della favicon:

Piano Starter: Nessun supporto per la favicon
Piano Basic e superiori: Supporto completo per la favicon

Se siete sul piano Starter, dovrete effettuare l'upgrade per aggiungere una favicon personalizzata.

Passaggio 1: Accedere al personalizzatore del tema

Accedete al pannello di amministrazione Shopify
Navigate su Online Store → Themes
Trovate il tema corrente e cliccate Customize

Passaggio 2: Aprire le impostazioni del tema

Nell'editor del tema, cercate l'icona dell'ingranaggio o Theme Settings nella barra laterale
Cliccate per espandere il pannello delle impostazioni
Scorrete verso il basso per trovare la sezione Favicon o Logo (la posizione varia a seconda del tema)

Passaggio 3: Caricare la favicon

Cliccate Select image nella sezione Favicon
Scegliete il file della favicon dal vostro computer
In alternativa, cliccate Explore free images per usare la libreria integrata di Shopify
Cliccate Done per confermare la selezione

Passaggio 4: Aggiungere il testo alternativo (buona pratica SEO)

Dopo aver caricato la favicon:

Passate il mouse sull'immagine caricata
Cliccate sull'icona della matita per modificare
Inserite un testo alternativo descrittivo (es. "Logo di Nome Brand")
Questo migliora l'accessibilità e può avere benefici per la SEO

Passaggio 5: Salvare e verificare

Cliccate Save nell'angolo in alto a destra
Aprite il vostro negozio in una nuova scheda del browser
Verificate che la favicon appaia nella scheda del browser

Avanzato: Aggiungere la favicon tramite codice del tema

Per un maggiore controllo, potete aggiungere una favicon direttamente al codice del tema:

Andate su Online Store → Themes → Actions → Edit code
Caricate la vostra favicon nella cartella Assets
Aprite theme.liquid nella cartella Layout
Aggiungete questo codice all'interno della sezione <head>:

<link rel="icon" type="image/png" href="{{ 'favicon.png' | asset_url }}">

Sostituite favicon.png con il nome effettivo del vostro file.

Suggerimenti di design per la favicon ecommerce

La vostra favicon rappresenta il vostro brand in 32x32 pixel. Ecco come farla funzionare:

Da fare

Usate una versione semplificata del vostro logo
Scegliete colori ad alto contrasto
Mantenete il design audace e semplice
Usate il colore primario del vostro brand
Testate la visibilità su temi del browser sia chiari che scuri

Da evitare

Evitate il testo (è illeggibile a dimensioni così piccole)
Non usate dettagli intricati o pattern
Non usate fotografie o immagini complesse
Evitate combinazioni di colori a basso contrasto

Creare dimensioni di favicon per diversi dispositivi

Sebbene Shopify richieda solo 32x32, considerate di creare più dimensioni per una visualizzazione ottimale:

Dimensione	Caso d'uso
16x16	Schede del browser (standard)
32x32	Schede del browser (retina)
180x180	Icona Apple Touch (schermata iniziale iOS)
192x192	Schermata iniziale Android
512x512	Schermate di avvio PWA

Usate uno strumento generatore di favicon per creare tutte le dimensioni da una singola immagine ad alta risoluzione.

Risoluzione problemi: La favicon non viene visualizzata

Svuotare la cache del browser

I browser memorizzano le favicon in cache in modo aggressivo. Provate queste soluzioni:

Aggiornamento forzato: Premete Cmd+Shift+R (Mac) o Ctrl+Shift+R (Windows)
Modalità incognito: Aprite il vostro negozio in una finestra di navigazione privata
Svuotare la cache: Andate nelle impostazioni del browser e svuotate le immagini memorizzate nella cache

Verificare le impostazioni del tema

Verificate che la favicon sia stata caricata correttamente in Theme Settings
Alcuni temi hanno impostazioni separate per la favicon mobile
Provate a ricaricare l'immagine

Verificare il formato del file

Assicuratevi che il file sia in formato PNG o ICO
I file JPEG potrebbero non funzionare correttamente
Verificate che il file non sia corrotto

Attendere la propagazione

Dopo il salvataggio, le modifiche potrebbero richiedere alcuni minuti per apparire. Se usate un CDN o un'app di caching, potreste dover svuotare anche quella cache.

La favicon non appare nei risultati di ricerca di Google?

Se la vostra favicon appare nelle schede del browser ma non nei risultati di ricerca di Google:

Inviate la sitemap a Google Search Console
Richiedete l'indicizzazione per la homepage
Attendete che Google esegua il crawl del vostro sito (può richiedere giorni o settimane)
Assicuratevi che il vostro sito non blocchi l'accesso alla favicon tramite robots.txt

Google ha requisiti specifici per le favicon nei risultati di ricerca:

Devono essere almeno 48x48 pixel (Google ingrandisce se necessario)
Devono essere accessibili a Googlebot
Devono rappresentare il vostro brand, non icone generiche

Perché il vostro negozio Shopify ha bisogno di una favicon

Una favicon non è solo decorazione — serve a scopi commerciali concreti:

Riconoscimento del brand

I clienti con più schede aperte possono identificare istantaneamente il vostro negozio. Questo è particolarmente prezioso per i visitatori di ritorno.

Aspetto professionale

I negozi senza favicon mostrano un'icona generica del browser, facendoli sembrare incompleti o amatoriali.

Segnalibri migliorati

Quando i clienti aggiungono il vostro negozio ai segnalibri, la vostra favicon appare nella barra dei segnalibri, mantenendo il vostro brand visibile.

Segnale di fiducia

Una favicon personalizzata segnala attenzione ai dettagli, aumentando sottilmente la fiducia dei clienti nel vostro negozio.

Usare Favicon.im per generare la favicon del vostro negozio Shopify

Avete bisogno di creare o ridimensionare rapidamente una favicon? Usate i nostri strumenti gratuiti:

Visitate il Generatore di Favicon per convertire qualsiasi immagine in formato favicon
Caricate il vostro logo o immagine del brand
Scaricate la favicon alle dimensioni corrette
Caricatela su Shopify seguendo i passaggi indicati sopra

FAQ

Come si aggiunge una favicon al negozio Shopify?

Andate su Online Store → Themes → Customize → Theme Settings, trovate la sezione Favicon, caricate un'immagine PNG 32x32 e cliccate Save.

Quali dimensioni deve avere la favicon di Shopify?

Shopify consiglia 32x32 pixel. Le immagini più grandi verranno ridimensionate automaticamente, il che potrebbe ridurre la qualità.

Perché la mia favicon Shopify non viene visualizzata?

Cause comuni: cache del browser (provate l'aggiornamento forzato o la modalità incognito), formato file non corretto (usate PNG o ICO) o problema nelle impostazioni del tema (ricaricate l'immagine).

Si può aggiungere una favicon con il piano Shopify Starter?

No, la personalizzazione della favicon richiede il piano Basic o superiore. I negozi con piano Starter mostrano l'icona predefinita di Shopify.

Quanto tempo ci vuole perché la favicon appaia su Google?

Google aggiorna le favicon secondo i propri tempi, di solito da giorni a settimane. Inviate la sitemap a Google Search Console e richiedete l'indicizzazione per accelerare il processo.

Riepilogo

Aggiungere una favicon a Shopify richiede meno di 2 minuti:

Aprite Theme Settings nel personalizzatore
Trovate la sezione Favicon
Caricate un'immagine PNG 32x32
Aggiungete il testo alternativo per la SEO
Salvate e verificate

Una piccola icona con un impatto significativo sulla professionalità e sul riconoscimento del brand del vostro negozio.