Una favicon è la risorsa più piccola del suo sito e una delle più visibili. Google la mostra accanto a ogni risultato su mobile, i browser la mostrano nelle schede e nei preferiti e le anteprime dei link la riprendono nei feed e nelle app di messaggistica. Quando manca o viene servita nella dimensione sbagliata, il suo risultato sembra incompiuto accanto a quello dei concorrenti.
L'estrattore di favicon di Sorank recupera qualsiasi pagina ed elenca tutte le icone che dichiara, con la dimensione, il formato e l'URL esatto.
Cosa trova l'estrattore
I siti dichiarano le icone in diversi punti, e queste dichiarazioni raramente concordano tra loro. Lo strumento le legge tutte:
- I tag link nell'head: le classiche dichiarazioni
rel="icon"erel="shortcut icon", con le dimensioni e i formati elencati dalla pagina. - Le apple touch icon:
rel="apple-touch-icon", usate quando qualcuno aggiunge il suo sito a una schermata home di iOS. - Le icone del web app manifest: l'elenco di icone all'interno di
manifest.json, che Android e le web app installabili utilizzano. - Il ripiego alla radice:
/favicon.ico, che i browser richiedono che lei lo dichiari o no.
Perché conta per la ricerca
Google mostra le favicon nei risultati di ricerca su mobile e ha pubblicato dei requisiti: il file deve essere un quadrato multiplo di 48 pixel, deve essere scansionabile e deve essere una rappresentazione visiva del marchio e non una forma generica. Una favicon assente o bloccata lascia un segnaposto vuoto nel risultato, e questo costa attenzione nel momento esatto in cui chi cerca sceglie dove cliccare.
Vale la pena fare tre controlli sul suo dominio:
- C'è davvero un'icona servita a 48 pixel o più? Un'icona da 16 pixel ingrandita appare sfocata nei risultati.
- Il file è raggiungibile dai crawler? Un'icona dietro una regola del robots.txt non può essere recuperata, quindi non apparirà.
- Le dichiarazioni concordano tra loro? Quando l'head punta a un file e il manifest a un altro, superfici diverse mostrano icone diverse.
Usi pratici
- Fare l'audit del suo sito dopo un restyling, per confermare che tutte le dimensioni siano state rigenerate e che nessuna vecchia icona sia ancora richiamata.
- Costruire pagine di confronto e directory che hanno bisogno di un'icona di marca pulita per ogni voce.
- Controllare la configurazione di un concorrente per vedere quali dimensioni e quali formati pubblica.
- Diagnosticare le anteprime dei link quando un'app di messaggistica o un feed mostra l'icona sbagliata per le sue pagine.

























