In breve: per controllare la favicon del tuo sito web online, inserisci il tuo dominio nel Favicon Checker gratuito di PromoPilot e clicca su "Verifica". Lo strumento troverà tutte le icone dichiarate in HTML e posizionate in percorsi standard come /favicon.ico, mostrerà un'anteprima e le dimensioni di ciascuna, controllerà l'icona Apple Touch e ti indicherà quali dimensioni mancano. Di seguito è riportato un set minimo di icone, il codice completo e i motivi per cui Google mostra un globo grigio al posto del tuo logo.
Realizzo siti web da 12 anni e lo so bene: le favicon sono l'elemento che viene dimenticato più spesso. Il designer crea il logo, lo sviluppatore realizza il sito web, eppure nessuno aggiunge mai una favicon alla scheda, finché il primo cliente non chiede: "Come mai il nostro concorrente ha una favicon su Google e noi no?".
Che cosa verifica il controllo della favicon?
L'icona di un sito web non è più un singolo file favicon.ico. Browser, iPhone, Android e Google utilizzano tutti file e dimensioni diversi. Questo strumento li aggrega tutti in un unico report.
| Che cosa verifica? | Cosa sta guardando? | Perché il sito ne ha bisogno? |
|---|---|---|
| Icone da HTML | Tutti i tag <link rel="icon">, shortcut icon, apple-touch-icon | Sono questi gli elementi che i browser e Google prendono in considerazione prima di tutto |
| Percorsi standard | /favicon.ico nella directory principale del sito e altri indirizzi tipici | Molti sistemi cercano l'icona anche in assenza di un tag. |
| La dimensione di ciascuna icona | Larghezza e altezza in pixel, formato ICO, PNG, SVG | L'icona di piccole dimensioni appare sfocata sugli schermi ad alta definizione. |
| Icona touch Apple | Esiste un'icona per iPhone e iPad? | Senza di esso, nella schermata iniziale verrà visualizzata una schermata di anteprima della pagina. |
| Anteprima | Che aspetto ha ciascuna delle icone trovate? | Potresti visualizzare icone rotte, vuote o di terze parti (modello). |
| Raccomandazioni | Quali taglie mancano? | Un elenco di compiti già pronti per un designer |
Come controllare online la favicon di un sito web?
- Apri Favicon Checker.
- Inserisci il dominio:
example.comè sufficiente, senza specificare la pagina. - Fai clic su "Verifica". Lo strumento analizzerà il codice HTML della homepage e i percorsi standard.
- Esamina le icone trovate: anteprima, formato e dimensioni di ciascuna. Controlla se tra queste è presente un'icona standard di un CMS o di un servizio di hosting.
- Leggi le raccomandazioni e comunica le dimensioni mancanti al progettista oppure realizzale tu stesso.
Pagina degli strumenti: campo dominio, pulsante "Verifica" e descrizione dei controlli con domande frequenti.
La verifica è semplice: il limite di ospiti è sufficiente per controllare il proprio sito e un paio di siti della concorrenza a scopo di confronto. Le icone di qualsiasi sito possono essere visualizzate e scaricate, il che risulta utile se si ha bisogno di ritrovare l'originale del proprio logo, andato perso insieme a un vecchio fornitore.
Quali dimensioni di favicon saranno necessarie nel 2026?
I generatori di icone spesso producono 20 file, ma ciò che serve davvero è un set compatto. Ecco il minimo indispensabile che utilizzo per tutti i miei progetti:
| File | Misurare | Dove viene utilizzato? |
|---|---|---|
favicon.ico | 16×16 e 32×32 in un unico file | Vecchi browser, sistemi che cercano un'icona nella radice |
favicon.svg | Vettore | Browser moderni, nitidi su qualsiasi schermo |
apple-touch-icon.png | 180×180 | Schermata iniziale di iPhone e iPad |
icon-192.png e icon-512.png | 192×192 e 512×512 | Web-manifest: Android, installazione di un sito web come app |
E il codice per <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Suggerimento di design: a 16 pixel, il logo e il testo risultano sfocati. Utilizza un simbolo, la prima lettera del nome o un carattere semplificato su uno sfondo a contrasto. Per l'icona Apple Touch, non utilizzare uno sfondo trasparente: iOS lo riempirà di nero.
Come creare una favicon da soli, senza l'aiuto di un grafico?
Se non possiedi alcuna icona, puoi crearne un set base in mezz'ora. Ecco la procedura:
- Utilizza un simbolo, non l'intero logo. Usa la prima lettera del nome, un simbolo del logo o una semplice forma geometrica nel colore del marchio. Assicurati che sia riconoscibile a 16 pixel.
- Disegna un quadrato di 512x512 pixel. Puoi usare qualsiasi editor grafico o programma di progettazione online. Lascia dei margini intorno ai bordi in modo che il cartello non si estenda oltre i margini.
- Salva il file sorgente come SVG: diventerà
favicon.svge tutti i file PNG delle dimensioni richieste potranno essere ritagliati senza perdita di qualità. - Genera le dimensioni rimanenti (ICO, 180, 192) con il generatore di icone e posiziona i file nella directory principale del sito.
- Incolla il codice nell'intestazione e verifica nuovamente il risultato nello strumento.
Verifica come appare l'icona nel tema scuro del browser: un'icona nera su sfondo trasparente scompare semplicemente in una scheda scura di Chrome. Uno sfondo chiaro o un contorno a contrasto possono essere d'aiuto.
Perché Google non mostra la favicon del sito?
La domanda più frequente: se accanto a un indirizzo nei risultati di ricerca compare un globo grigio, di solito le ragioni sono diverse:
- L'icona non è quadrata. Google richiede un rapporto di aspetto 1:1 e una dimensione di almeno 8x8, ma consiglia dimensioni superiori a 48x48: la minuscola
favicon.icodi 16x16 appare sfocata nei risultati di ricerca. - L'icona è bloccata per i robot. Google -Image deve avere accesso al file dell'icona e Google deve avere accesso al file principale. Se la cartella dell'immagine è bloccata nel file robots.txt o se il file viene restituito con un errore, l'icona non verrà visualizzata nei risultati di ricerca.
- Il tag non si trova sulla homepage. Google preleva la favicon dalla homepage del dominio o del sottodominio; la sezione homepage, come
example.com/shopnon è adatta. - L'indirizzo dell'icona è instabile. Se il percorso cambia a ogni build del sito (
/icon.a83f2.png), Google potrebbe non essere in grado di aggiornarlo rapidamente. - È passato un po' di tempo. Google non aggiorna la favicon immediatamente dopo una correzione; puoi accelerare il processo richiedendo una nuova scansione della homepage in Search Console. Google non fornisce una tempistica precisa, quindi controlla i risultati non prima di qualche giorno.
- L'icona viola le regole. Google sostituisce le immagini non conformi con un'icona standard.
Confronto: Favicon Checker e alternative
| Attrezzo | Cosa c'è di gratuito? | Restrizioni | Per chi è adatto? |
|---|---|---|---|
| PromoPilot - Strumento di verifica delle favicon | Tutte le icone da HTML e percorsi standard, dimensioni, anteprime, icona Apple Touch, consigli | Non crea icone, controlla quella principale | Controlla rapidamente il tuo sito web o quello di un concorrente |
| Generatore di favicon reali | Generazione di un set di icone e codice, verifica della favicon | Il generatore produce molti file, devi capire quali conservare | Per chi ha bisogno di creare icone da zero |
| Console di ricerca Google | Richiedi una nuova scansione del principale | Solo il suo sito verificato, non controlla l'icona | Velocizza l'aggiornamento delle icone nei risultati di ricerca |
| Strumenti per sviluppatori nel browser | Scheda con manifesto e icone | Devi sapere dove guardare | Per gli sviluppatori |
In conclusione: uno strumento online è più comodo per verificare, un generatore per creare un set e Search Console per velocizzare gli aggiornamenti in Google.
A proposito, PromoPilot offre 87 strumenti SEO gratuiti. Puoi facilmente vedere come appare la favicon accanto al titolo nell'anteprima dei risultati di ricerca: abbiamo un articolo dedicato a questo argomento nella nostra serie.
Quali sono i limiti della verifica delle favicon?
Lo strumento verifica cosa il sito pubblicizza e restituisce: non ti avvisa quando Google aggiorna l'icona nei risultati di ricerca, poiché questa operazione è gestita direttamente dal motore di ricerca. Se le icone vengono aggiunte tramite uno script dopo il caricamento della pagina, alcune potrebbero non essere incluse nel report. Il controllo analizza anche l'intero dominio: se diverse sezioni del sito presentano icone diverse (ad esempio, un sottodominio di un negozio), è necessario controllarle separatamente.
Quando uno strumento gratuito non è sufficiente?
Un favicon è un problema di poco conto che raramente richiede l'intervento di uno specialista. Tuttavia, a volte un problema di poco conto può essere sintomo di qualcosa di più serio. È necessario un aiuto se:
- L'icona è corretta, ma Google mostra un globo da mesi: questo significa che il problema risiede nell'accesso del robot o nel template;
- Il marchio non ha un logo semplice e necessita di un'immagine coordinata che funzioni su 16 pixel;
- Il sito è compilato utilizzando un generatore di siti web e i percorsi delle icone cambiano a ogni aggiornamento;
- La favicon è solo uno delle decine di piccoli errori che si sono accumulati nel corso degli anni.
Cosa posso fare per il tuo sito web?
Sono Valeriy Danyuk, sviluppatore e specialista SEO con 12 anni di esperienza e oltre 200 clienti. Mi occupo della configurazione di favicon, anteprime per i social media e markup per ogni sito web prima del suo lancio.
SEO e audit
- Analisi SEO completa del sito web: individuo tutti i dettagli tecnici, dalle favicon e anteprime all'indicizzazione e alla velocità, e li correggo nel codice.
Siti web e negozi online
- Crea un sito web nello stile di qualcun altro in pochi minuti: su 1001site, icone, anteprime e layout vengono configurati automaticamente.
- Tilda con un abbonamento a pagamento o un sito web con intelligenza artificiale: un confronto onesto tra i due approcci.
- Quanto costa un sito web "chiavi in mano" nel 2026? Quali sono i fattori che ne determinano il prezzo?
- Sito web WordPress con assistente AI a 299 € e 3 giorni.
CRM e automazione
- Un sistema CRM personalizzato con database clienti e responsabili decisionali per un'azienda slovacca.
- Un CRM per un'azienda di demolizione auto che calcola automaticamente i prezzi e stampa le fatture.
Inviami l'indirizzo del sito web su Telegram: controllerò le icone e altre cinque o sei piccole cose che spesso vengono dimenticate.
Risultato
- Favicon Checker trova tutte le icone del sito, le loro dimensioni e mostra quali mancano in un minuto.
- Set minimo: favicon.ico, favicon.svg, icona Apple Touch 180×180 e icone 192 e 512 per il web-manifest.
- Per Google l'icona deve essere quadrata, di dimensioni superiori a 48x48 pixel, accessibile al robot dei motori di ricerca e dichiarata sulla pagina principale.
- Se è più semplice ricostruire un sito web piuttosto che risolvere piccoli problemi, 1001site personalizza automaticamente icone e anteprime.
Verifica il tuo dominio con il Favicon Checker gratuito e controlla contemporaneamente anche il dominio del tuo principale concorrente.
Fonti
- Pagina di verifica delle favicon di PromoPilot: elenco dei controlli e domande frequenti.
- Google Search Central - Requisiti per la favicon dei risultati di ricerca.
- RealFaviconGenerator — genera e testa un set di icone.
