La favicon non appare o non si aggiorna

Scritto da

Quando una favicon manca, il problema non è sempre il file. Il browser, una CDN, un service worker e un motore di ricerca possono conservare versioni diverse. Una diagnosi ordinata evita di cambiare più variabili contemporaneamente.

Lente di ingrandimento sui diversi livelli di caricamento di una favicon
URL, HTML, cache e scansione vanno verificati separatamente.

Parti dalla richiesta del file

Apri l’URL esatto indicato nell’elemento link. Deve rispondere senza autenticazione, con il contenuto corretto e senza una catena inutile di reindirizzamenti. Una pagina HTML di errore chiamata favicon.ico non può essere decodificata come icona.

Nel pannello Rete, filtra per icon o favicon. Annota l’URL finale, lo stato, il tipo di contenuto e se la risposta proviene dalla cache.

Ordine di diagnosi delle favicon
ControlloRisultato attesoCorrezione
URL direttoRisposta immagine 200Correggi percorso o pubblicazione
Elemento linkPresente nel headCorreggi l’HTML prodotto
CacheNuova risposta ricevutaSvuota e riprova
Accesso dei crawlerFile accessibileRimuovi il blocco

Verifica l’HTML effettivamente prodotto

Ispeziona il documento prodotto, non solo il modello sorgente. Un’estensione, un tema o un componente può inserire un secondo elemento icon dopo il tuo e indurre il browser a scegliere un altro file.

Verifica i percorsi da una pagina profondamente annidata e le maiuscole e minuscole esatte del nome del file. Su un server sensibile alle maiuscole, Favicon.svg e favicon.svg sono risorse diverse.

Isola ogni livello di cache

Prova prima con un nuovo profilo o con la cache di rete disattivata. Se la nuova immagine arriva al server di origine ma non al dominio pubblico, svuota la CDN. Se è installata una PWA, controlla anche il service worker e il manifest.

Per una futura revisione, un nome di file con versione può rendere esplicita la modifica. Mantieni /favicon.ico disponibile per i client che lo richiedono per convenzione.

Fonti primarie

Domande frequenti

Perché ricompare la vecchia favicon?

Un livello di cache, un service worker o un secondo elemento icon potrebbe ancora fornire il vecchio file. Identifica l’URL effettivamente caricato prima di svuotare le cache.

Basta un parametro di versione nell’URL?

Può aggirare alcune cache, ma un nuovo nome di file è spesso più esplicito. Mantieni disponibile /favicon.ico come alternativa.

La favicon di Google cambia immediatamente?

No. Google deve eseguire una nuova scansione ed elaborare nuovamente la pagina e l’icona. Non esiste un tempo esatto garantito.

Metti in pratica

Il generatore produce il set completo in pochi secondi, gratis e senza caricare le tue immagini su un server.

Analizza la mia favicon pubblica

Altre letture e strumenti da provare

Gli altri strumenti LFFavicon e le guide che rispondono alle domande più frequenti.

Strumenti

Guide