Favicon

Silktide verifica che ogni pagina del tuo sito web abbia un favicon, la piccola icona che i browser mostrano per il tuo sito nelle schede, nei segnalibri e nelle schermate principali dei telefoni.

Un viene normalmente dichiarato con un tag <link> in ogni pagina :

<!-- Nell'elemento <head> della pagina -->
<link rel="icon" type="image/png" href="/icons/favicon.png">

Quando non è presente alcun tag, i browser cercano anche un file favicon.ico alla radice del sito, quindi entrambi i metodi soddisfano questo controllo.

Perché è importante

Senza un favicon, il tuo sito appare come un'icona vuota o generica nelle schede del browser e nei segnalibri, rendendo più difficile per i visitatori trovarti tra le schede aperte e facile da trascurare negli elenchi dei segnalibri. L'assenza di un favicon fa inoltre sembrare il sito incompleto e i browser richiedono comunque /favicon.ico, riempiendo i log del server di errori evitabili.

Poiché i favicon vengono generalmente impostati in tutto il sito tramite un modello, l'assenza di uno spesso indica che alcune pagine sono state create al di fuori del tuo modello principale: è un'informazione utile di per sé.

Come risolvere il problema

Crea la tua icona. Un PNG da 32x32 pixel è una buona dimensione minima; fornire un SVG o diverse dimensioni PNG consente a ogni dispositivo di scegliere quella più nitida.
Aggiungi un tag <link rel="icon"> al modello del sito, in modo che compaia su ogni pagina. La maggior parte delle piattaforme dispone di un'impostazione per il favicon o per l'"icona del sito" che esegue questa operazione automaticamente.
In alternativa (o anche in aggiunta), carica l'icona come favicon.ico nella directory radice del tuo sito web, in modo che venga pubblicata all'indirizzo https://yoursite.com/favicon.ico.

Come Silktide esegue il controllo

In ogni pagina HTML, cerca nell'elemento head della pagina i tag <link> il cui attributo rel include icon e che rimandano a un'immagine scaricabile.
Se non ne trova, prova il percorso di fallback convenzionale /favicon.ico alla radice del sito e verifica che restituisca un'immagine valida.
Segnala ogni pagina in cui nessuno dei due metodi restituisce un favicon e monitora nel tempo la percentuale di pagine che ne hanno uno.

Risoluzione dei problemi

Il mio sito ha un favicon, ma alcune pagine vengono segnalate

Il tag <link> del favicon deve essere presente in ogni pagina. Le pagine generate al di fuori del tuo modello principale, come le pagine di errore, le landing page e le app incorporate, spesso ne sono prive. Un file favicon.ico alla radice del sito copre tutte le pagine contemporaneamente, quindi aggiungerne uno è la soluzione generale più rapida.

Il tag è presente, ma il controllo continua a non riuscire

Verifica che l'indirizzo dell'icona restituisca effettivamente un'immagine: un tag favicon che rimanda a un file spostato o eliminato fa fallire il controllo proprio come un tag mancante.