Come cambiare la favicon su qualsiasi website builder
Come cambiare una favicon
Come cambiare la favicon su Webflow, Wix, Shopify e altri | We.Inc
Come cambiare la favicon passo passo su Webflow, Squarespace, Wix, Shopify, WordPress e HTML, le regole sulle misure e perché Google mostra ancora la vecchia icona.
Per cambiare una favicon, carica una nuova immagine quadrata nelle impostazioni del sito del tuo builder, poi pubblica. Webflow, Squarespace, Wix, Shopify e WordPress hanno ciascuno un proprio campo per l'icona; su un sito fatto a mano sostituisci il file e il tag link rel=icon. Browser e Google mettono in cache le icone, quindi la vecchia può restare per un po'.
Dove si trova l'impostazione della favicon, a ottobre 2026
Builder
Dove trovarla
Misura indicata dalla pagina di aiuto
Webflow
Impostazioni del sito (cerca il campo favicon o icona)
Controlla la pagina di aiuto di Webflow per le regole attuali sulle misure
Squarespace
Pannello Favicon
Da 100x100 a 300x300 px, .png, massimo 100 KB
Wix
Impostazioni, Impostazioni del sito, Favicon
Quadrato multiplo di 48 px, salvo SVG
Shopify
Modifica tema, Impostazioni tema, Logo o Favicon
16x16 o 32x32 px
WordPress 6.5+
Impostazioni, Generali, Icona del sito
Quadrata, almeno 512 px, consigliato .png
Trova il tuo builder qui sotto. Ogni serie di passaggi è presa dalla pagina di aiuto di quel builder. Se gestisci un sito scritto a mano, l'ultima scheda scrive i tag link per te. Se non hai ancora un'icona, creala prima con il nostro generatore di favicon.
Trova il tuo builder nell'elenco e segui i suoi passaggi, facendo attenzione alle regole del piano.
Per un sito fatto a mano, scrivi la cartella che contiene i file delle icone per ottenere i tag link.
Carica o incolla, pubblica il sito, poi aprilo in una finestra privata per vedere la nuova icona.
Lascia a Google il tempo di ripassare. La sua guida sulle favicon dice che può richiedere da diversi giorni a diverse settimane.
Fai l'icona quadrata. Google richiede un rapporto 1:1 e consiglia di andare oltre i 48x48 pixel.
Una volta online, tieni l'icona sempre allo stesso indirizzo. Google chiede un URL della favicon stabile.
Controlla che robots.txt non blocchi il file dell'icona. Sia Googlebot sia Googlebot-Image devono poterlo scaricare.
Usa una forma semplice e decisa. I dettagli fini spariscono alla dimensione di una tab.
Domande frequenti
Perché Google mostra ancora la mia vecchia favicon?
Google rileva una nuova favicon quando ripassa sulla tua home page, cosa che secondo la sua pagina di aiuto può richiedere da diversi giorni a diverse settimane. Puoi chiedere un passaggio più rapido richiedendo l'indicizzazione della home page con lo strumento Controllo URL di Search Console.
Perché il mio browser mostra ancora la vecchia icona?
I browser tengono le favicon in cache a lungo. La pagina di aiuto di Squarespace suggerisce di svuotare la cache del browser e riavviarlo. Aprire il sito in una finestra privata è un modo rapido per verificare che la nuova icona sia davvero online.
Posso aggiungere una favicon con il piano Starter di Shopify o su un sito Wix gratuito?
No, a ottobre 2026. La pagina di aiuto di Shopify dice che con il piano Starter non si può aggiungere una favicon. Wix richiede un piano Premium e un dominio collegato, e devi prima pubblicare il sito.
Posso avere una favicon diversa in modalità scura?
Su alcuni builder sì. Squarespace ti permette di caricare una versione per la modalità scura dopo aver impostato l'icona predefinita. Su un sito fatto a mano puoi puntare a un'icona SVG che cambia colore con una media query prefers-color-scheme dentro l'SVG.
Cosa serve a Google per mostrare la tua icona
Google legge il tag link nella head della tua home page. Supporta i valori rel icon, shortcut icon, apple-touch-icon e apple-touch-icon-precomposed, e accetta formati tra cui ICO, PNG, GIF e JPEG.
Google mostra una favicon per hostname. Un sottodominio come shop.example.com può averne una sua, ma una cartella come example.com/shop no.
Quando l'impostazione del builder manca
Se il tuo piano nasconde il campo della favicon, sui builder ospitati l'unica strada di solito è passare a un piano superiore, perché non puoi modificare da solo la head della pagina. Sui siti in self-hosting puoi sempre aggiungere il tag link a mano.
Le regole di Google sulle favicon
Dalla pagina di aiuto di Google sulle favicon, ottobre 2026
Regola
Dettaglio
Forma
Quadrata, rapporto 1:1
Misura
Almeno 8x8 px; consigliato oltre 48x48
Formati
Qualsiasi formato di favicon valido, come ICO, PNG, GIF, JPEG, BMP
Per sito
Una favicon per hostname
Scansione
Googlebot e Googlebot-Image devono poterla scaricare
Aggiornamenti
Da diversi giorni a diverse settimane; richiedi l'indicizzazione per accelerare
Esempio di codice
Una favicon SVG che cambia in modalità scura
Salva l'SVG come icon.svg. Il blocco style al suo interno cambia il riempimento quando il sistema del visitatore è in modalità scura. Tieni anche una favicon.ico, perché non tutti i browser leggono le icone SVG.
I passaggi per il tuo builder
Sito fatto a mano (HTML)
Cartella in cui si trovano le icone
Ho anche un'icona SVG
Incolla nella head di ogni pagina
Copia
Copiato.
Prima carica in quella cartella favicon.ico, icon.png (almeno 48x48) e apple-touch-icon.png (180x180).
Webflow
Apri le impostazioni del sito e trova il campo favicon o icona del sito.
Carica un'immagine quadrata.
Salva, poi pubblica il sito perché la nuova icona vada online.
Quando abbiamo controllato, la pagina di aiuto di Webflow non era leggibile, quindi segui le etichette della tua dashboard per i nomi esatti dei menu e le misure.
Squarespace
Apri il pannello Favicon.
Trascina l'immagine nell'area di caricamento, oppure cliccala per scegliere un file.
Se vuoi, aggiungi una versione per la modalità scura (solo dopo aver impostato una favicon predefinita).
Clicca Salva.
La pagina di aiuto suggerisce da 100x100 a 300x300 pixel, file .png e non più di 100 KB.
Wix
Vai su Impostazioni nella dashboard del sito.
Clicca Impostazioni del sito.
Clicca Carica immagine sotto Favicon.
Scegli il tuo file.
Servono un piano Premium, un dominio collegato e un sito pubblicato. L'immagine deve essere un quadrato multiplo di 48 px, salvo che sia un SVG.
Shopify
Nell'admin di Shopify, vai su Negozio online.
Trova il tuo tema e clicca Modifica tema.
Clicca l'icona Impostazioni tema, poi Logo o Favicon a seconda del tema.
Sotto Immagine favicon clicca Seleziona immagine, scegli o aggiungi l'immagine, poi clicca Fatto.
Clicca Salva.
Shopify indica 16x16 o 32x32 px come misura ideale. Non disponibile con il piano Starter.
WordPress
Carica nella Libreria media un'immagine quadrata di almeno 512 px.
Vai su Impostazioni, poi Generali.
Clicca Scegli un'icona del sito.
Seleziona l'immagine che hai caricato.
Prima della versione 6.5 l'impostazione si trovava in Aspetto, Personalizza, Identità del sito.