Una favicon che non si aggiorna di solito è rimasta bloccata nel browser: i browser conservano le favicon in una cache propria, che un normale ricaricamento non tocca. La soluzione più rapida è dare all'icona un nuovo URL, un nuovo nome di file o una query di versione come /favicon.svg?v=2, e aggiornare i tag <link>. Prima assicurati che il server e la CDN inviino davvero il file nuovo.
Prima di tutto: il server invia l'icona nuova?
Apri direttamente l'URL dell'icona, ad esempio https://example.com/favicon.ico, in una finestra privata. Se lì vedi ancora l'icona vecchia, il problema è lato server: una CDN o un proxy conserva ancora il vecchio file, il deploy non l'ha sostituito oppure l'HTML punta altrove. Favicon Checker scarica ogni icona dichiarata da zero e mostra gli header di cache che invia il tuo server.
Cambia l'URL
Un nuovo URL supera in un colpo solo la cache del browser, la CDN e Google:
<link rel="icon" href="/favicon.ico?v=2" sizes="32x32">
<link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png?v=2">Fallo anche per le icone del manifest. /favicon.ico in sé non si può rinominare, perché i browser richiedono proprio quel percorso; ci pensa lo svuotamento della cache della CDN.
Svuota la cache nel browser
- Chrome e Edge: apri l'URL dell'icona in una scheda, premi Ctrl+Shift+R (Cmd+Shift+R su Mac), poi ricarica la tua pagina. Le icone sono salvate insieme alla cronologia, quindi se quella vecchia resta, elimina dalla cronologia le voci del sito o riavvia il browser.
- Firefox: il ricaricamento dell'URL diretto funziona anche qui. Firefox conserva le icone insieme alla cronologia: apri la Libreria, fai clic destro sul sito e scegli Dimentica questo sito.
- Safari: chiudi completamente Safari e riaprilo. Su Mac aiuta anche Sviluppo → Svuota le cache (attiva il menu Sviluppo in Impostazioni → Avanzate).
Imposta header di cache adeguati
Le icone cambiano raramente, quindi una cache lunga va bene purché cambi l'URL quando cambia l'icona. I file con una versione nel nome o nella query possono stare in cache per un anno:
Cache-Control: public, max-age=31536000, immutablePer le icone con percorso fisso, come /favicon.ico, da un giorno a una settimana evitano ai visitatori di aspettare mesi dopo un rebranding:
Cache-Control: public, max-age=604800Schermata Home e app installate
iOS copia l'Apple touch icon quando qualcuno aggiunge il tuo sito alla schermata Home e non la aggiorna più. Il visitatore deve rimuovere il collegamento e aggiungerlo di nuovo. Le web app installate sono diverse: Chrome controlla ogni tanto il manifest di un'app installata e recepisce un'icona cambiata. Su Android può chiedere all'utente prima di cambiarla.
Ricerca Google
Google aggiorna la favicon quando scansiona di nuovo la tua home page, il che può richiedere giorni o settimane. Per dare una spinta, richiedi l'indicizzazione della home page in Search Console. Se l'icona continua a non cambiare, confrontala con i requisiti di Google per le favicon.