Favi-gone: 5 motivi per cui la tua favicon è scomparsa dai risultati di ricerca di Google [Case Studies]

Dicono che “una favicon vale più di mille parole”. OK... in realtà non lo dicono, ma le favicon possono sicuramente essere importanti dal punto di vista della ricerca. Nel 2019, Google ha iniziato a visualizzare le favicon nei risultati di ricerca per dispositivi mobili come parte di una riprogettazione per dispositivi mobili e alla fine quei piccoli grafici nelle SERP possono sicuramente aiutare a diversi livelli. Ad esempio, una favicon può aiutare a rafforzare il tuo marchio, può attirare gli sguardi in una SERP affollata e può anche aiutare con la percentuale di clic. Quindi vuoi assolutamente assicurarti che il tuo gioco di favicon sia forte.

Google ha pubblicato le linee guida per la definizione di una favicon al fine di assicurarsi che possano essere visualizzate correttamente nelle SERP. Se non rispetti queste linee guida, Google può scegliere di ignorare la tua favicon e fornirne una generica per te. E non c'è niente di più "meh" della generica favicon del globo fornita da Google. Diciamo solo che non ti distinguerai nelle SERP con la loro favicon generica che mostra...

Inoltre, puoi finire con una favicon vuota , il che è super imbarazzante. Lo spazio per la favicon è riservato, ma non compare nulla. È solo uno spazio bianco vuoto in cui dovrebbe apparire una favicon. Così triste... e te ne spiegherò di più più avanti nel post.

Ecco un altro esempio di favicon vuota (e non solo la favicon generica del globo):

Assistenza Favicon: quando i proprietari dei siti contattano per problemi con le favicon.
Di tanto in tanto ho i proprietari di siti che si avvicinano frustrati quando le loro favicon scompaiono dai risultati di ricerca. Quando ciò accade, può essere una situazione molto confusa per quei proprietari di siti ... Bene, di recente ho appena aiutato alcuni altri proprietari di siti nelle ultime settimane a risolvere i problemi delle favicon nei risultati di ricerca. E in base a ciò che ho trovato, ho pensato di scrivere un post spiegando alcuni dei principali motivi che ho visto che causano problemi con le favicon nella Ricerca Google.

I problemi sono relativamente facili da risolvere e le modifiche possono essere rilevate da Google abbastanza rapidamente per la maggior parte dei siti. Ad esempio, una delle ultime correzioni con cui ho aiutato è stata ripresa in poche ore e le SERP sono state aggiornate in meno di un giorno (con la nuova favicon).

Favicon che scompaiono e domande sulla qualità:
Quando le favicon scompaiono, alcuni proprietari di siti saltano immediatamente al pensiero che Google in qualche modo non si fida più del loro sito o che ci sono problemi di qualità che impediscono a Google di visualizzare le proprie favicon (come il modo in cui i rich snippet possono essere influenzati da ampi aggiornamenti di base). Non è così. Le favicon che mancano nelle SERP non hanno nulla a che fare con la qualità del sito. Invece, ha tutto a che fare con problemi tecnici con le favicon o con la violazione delle linee guida di Google per fornire le favicon.

Quindi, se la tua favicon scompare, non è che Google abbia improvvisamente rivalutato il tuo sito dal punto di vista della qualità. Probabilmente è dovuto a problemi tecnici o altre violazioni delle linee guida (che tratterò di seguito).

Dov'è finita la tua favicon? Risoluzione dei problemi comuni delle favicon nella Ricerca Google.
Di seguito, tratterò diversi problemi comuni che ho riscontrato mentre aiutavo i proprietari di siti a risolvere i problemi delle favicon che scompaiono dai risultati di ricerca (o delle favicon che semplicemente non vengono visualizzate correttamente da Google).

1. Dimensioni sbagliate, nessuna favicon per te...
Questo è il problema più comune che ho riscontrato. Google ha spiegato in dettaglio che le favicon devono essere un multiplo di 48×48 pixel. Quindi, assicurati che la tua favicon sia almeno 48×48 o un multiplo di 48×48. Ad esempio, 96×96, 144×144, ecc. Non avere una favicon più piccola di 48×48.

Ad esempio, un sito utilizzava la seguente immagine come favicon (sfocata per evitare di richiamare il sito). Era 50×50 e non un multiplo di 48×48 pixel. Google ha appena utilizzato la favicon generica del globo. Ancora una volta, meh nelle SERP.

Inoltre, le proporzioni sono importanti. Se non è un quadrato, non funzionerà bene. Ho visto favicon che sembravano fuori luogo dal punto di vista delle proporzioni, o semplicemente non venivano visualizzate nelle SERP. Ad esempio, un sito utilizzava la favicon sottostante, che non aveva un rapporto quadrato. Google lo ha costretto a adattarsi alle proporzioni richieste (e sembrava completamente deformato nelle SERP). Attenzione.

Una nota sul formato favicon: hai molte opzioni:
La tua favicon non deve essere nel formato .ico. Può essere in qualsiasi formato supportato, come jpg, gif, png e svg. Tratterò di più sugli svg più avanti nel post.

2. Robots.txt che blocca la favicon :
La documentazione di Google afferma che dovresti consentire la scansione della tua favicon e della tua home page affinché la favicon possa essere utilizzata nella ricerca. Se la tua home page è bloccata da robots.txt, hai chiaramente problemi più grandi di cui preoccuparti rispetto alla semplice favicon. :) Ma la posizione della favicon potrebbe causare problemi ed essere fonte di confusione dal punto di vista di robots.txt. Ad esempio, alcune direttive in robots.txt possono essere "avidi" e bloccare più di quanto pensi.

Ti consiglio di utilizzare il tester robots.txt in Google Search Console per assicurarti che la tua favicon e la tua home page possano essere scansionate. È un test rapido e può farti risparmiare un po' di frustrazione. Ad esempio, ecco un sito con una favicon mancante e sta bloccando l'accesso alla favicon. A proposito, è un marchio più grande, quindi sì, anche le aziende più grandi possono commettere questo errore.

Ed ecco una nota a margine interessante. Google ha un crawler specifico per le favicon chiamato Google Favicon. Puoi controllare la documentazione di Googlebot per la stringa user-agent. Google utilizzerà questo crawler per controllare la tua favicon quando richiedi l'indicizzazione della tua home page tramite Google Search Console (GSC). E il crawler ignorerà le direttive robots.txt quando qualcuno richiede una nuova scansione della home page in base a una modifica della favicon.

Ad esempio, questo è direttamente dalla documentazione della favicon:
"Il crawler di Google Favicon ignora le regole robots.txt quando la scansione è stata richiesta da un utente".

Ed ecco lo user-agent del crawler:

Ma ancora una volta, è solo per Google Favicon a controllare la nuova favicon. Dovresti comunque abilitare la scansione della tua home page e della tua favicon se desideri che venga utilizzata nei risultati di ricerca.

3. Riferimenti alle favicon duplicati e uno non ha soddisfatto le linee guida delle favicon di Google:
Questo è simile al primo problema che ho trattato, ma include riferimenti a favicon duplicati nel codice della home page (e uno non ha soddisfatto le linee guida). Ho visto situazioni in cui uno o più riferimenti alla favicon sono file che non soddisfano i requisiti e Google ha appena visualizzato la favicon generica del globo invece nelle SERP. Quindi assicurati di ricontrollare tutti i riferimenti alla tua favicon dalla tua home page e assicurati che siano a posto.

Ad esempio, la favicon di questo sito non veniva visualizzata correttamente. Alla fine la home page aveva più riferimenti rel="icon" e uno non soddisfaceva le linee guida di Google. Risolvere il problema con un solo riferimento rel="icon" che punta al file corretto ha consentito al sito di riguadagnare la sua favicon nelle SERP:

4. Uh, codice favicon vuoto...
Sì, sembra ovvio, ma purtroppo l'ho visto in azione. Se tralasci letteralmente il file nel codice della favicon, avrai ovviamente problemi con la favicon nella ricerca. :) Quindi, se riscontri problemi con la favicon, ricontrolla sicuramente il tuo codice. E consiglio anche di utilizzare i vari strumenti di test di Google per controllare sia l'html statico che l'html renderizzato per assicurarsi che il codice sia corretto.

5. La tua piattaforma o CMS è fallita in termini di favicon.
Per i siti che utilizzano una piattaforma o un CMS specifico per eseguire il proprio sito, potrebbero trovarsi in una situazione in cui non possono facilmente impostare o personalizzare la propria favicon. E nelle situazioni in cui non hai molto controllo, ti affidi esclusivamente alla piattaforma o al CMS per farlo bene. E come puoi immaginare, non sempre funziona bene.

E sì, ciò significa che tutti i siti che utilizzano quella piattaforma potrebbero avere problemi con le favicon. Di recente ho riscontrato questo problema per una piattaforma di e-commerce più piccola. Google semplicemente non sta sostituendo la favicon con il globo generico, sta letteralmente lasciando la favicon vuota! Questo è anche peggio che ricevere la favicon generica secondo me...

E quando si esegue una query che fa apparire molti siti che utilizzano la piattaforma, è possibile vedere il problema diffuso. Sì, sono tutti i siti sulla piattaforma con favicon mancanti (nemmeno la favicon generica). E guarda il secondo elenco nella SERP... le proporzioni sono incasinate per la favicon. Quindi abbiamo un mix di favicon vuote e una deformata. Non bene.

Bonus 1: non superare i limiti con la tua favicon.
Nella sua documentazione, Google ha spiegato che non mostrerà alcuna favicon che ritenga inappropriata (come pornografia o simboli di odio). In tal caso, Google fornirà semplicemente la favicon generica predefinita. Tienilo a mente quando crei una favicon... Sono sicuro che questo non avrà alcun impatto sulla maggior parte dei siti, ma può chiaramente causare problemi con la visualizzazione corretta della tua favicon nelle SERP.

Ecco cosa spiega Google nella documentazione della favicon:

Bonus 2: crea una favicon adattiva che funzioni bene in modalità oscura.
Le persone adorano la modalità oscura e ciò include Ricerca Google. Ma trovo che molti non mettano alla prova come viene visualizzata la loro favicon in modalità oscura.

Una volta che hai controllato la tua favicon in modalità oscura e se pensi che non sia ottimale, puoi sempre creare una favicon adattiva che abbia un bell'aspetto sia in modalità chiara che scura. Ad esempio, la creazione di un SVG che utilizza le query multimediali per garantire che la favicon si adatti all'ambiente corrente (modalità chiara e modalità scura).

Adam Argyle ha scritto un post spiegando come creare una favicon adattiva su web.dev in cui ti guida attraverso il processo di creazione di un SVG che può cambiare in base alla modalità chiara rispetto a quella scura. Non l'ho ancora testato, ma è una tecnica interessante che sembra funzionare bene nella demo. Potrei provare a farlo nel prossimo futuro.

Riepilogo: Metti la tua migliore favicon, intendo piede, avanti nella ricerca con una che si presenta effettivamente.
Spero che questo post ti abbia aiutato a capire alcuni dei problemi con le favicon più comuni che ho riscontrato mentre aiutavo i proprietari di siti che mi hanno contattato per chiedere aiuto. Con le favicon visualizzate in primo piano nei risultati di ricerca mobile, non vuoi che una favicon non ottimale che fissi gli utenti in faccia. E inoltre non vuoi la favicon generica "meh" che Google può fornire, o peggio, una favicon vuota. Pochi minuti per approfondire la situazione di solito possono far emergere il problema principale della favicon. E una volta riparato, puoi finalmente avere una favicon che funziona per te invece che contro di te. In bocca al lupo.

GG