Favicon

Silktide vérifie que chaque page de votre site web possède un favicon, la petite icône que les navigateurs affichent pour votre site dans les onglets, les favoris et sur les écrans d'accueil des téléphones.

Un est généralement déclaré au moyen d'une balise <link> dans le de chaque page:

<!-- Dans le <head> de la page -->
<link rel="icon" type="image/png" href="/icons/favicon.png">

Les navigateurs utilisent également par défaut un fichier favicon.ico à la racine du site lorsqu'aucune balise n'est présente, l'une ou l'autre méthode satisfait donc ce contrôle.

Pourquoi c'est important

Sans favicon, votre site apparaît sous la forme d'une icône blanche ou générique dans les onglets et les favoris du navigateur, ce qui complique la tâche des visiteurs pour vous retrouver parmi leurs onglets ouverts et vous rend facile à ignorer dans les listes de favoris. L'absence de favicon donne aussi une impression d'inachevé, et les navigateurs demandent /favicon.ico quoi qu'il arrive, ce qui remplit les journaux de votre serveur d'erreurs évitables.

Comme les favicons sont généralement définis au niveau du site dans un modèle, l'absence d'un favicon indique souvent des pages construites en dehors de votre modèle principal — ce qui mérite d'être signalé en soi.

Comment le corriger

Créez votre icône. Un PNG de 32x32 pixels est un bon minimum ; fournir un SVG ou plusieurs tailles de PNG permet à chaque appareil de choisir l'option la plus nette.
Ajoutez une balise <link rel="icon"> à votre modèle de site afin qu'elle apparaisse sur chaque page. La plupart des proposent un paramètre de favicon ou d'"icône du site" qui s'en charge pour vous.
Autrement (ou en complément), mettez en ligne l'icône sous le nom favicon.ico dans le répertoire racine de votre site afin qu'elle soit servie à l'adresse https://yoursite.com/favicon.ico.

Comment Silktide teste cela

Sur chaque page HTML, rechercher des balises <link> dans l'en-tête de la page dont l'attribut rel inclut icon et qui pointent vers une image téléchargeable.
Si aucune n'est trouvée, essayer l'emplacement de repli conventionnel /favicon.ico à la racine du site et vérifier qu'il renvoie une image valide.
Signaler chaque page pour laquelle aucune des deux méthodes ne fournit de favicon et suivre, au fil du temps, le pourcentage de vos pages qui en ont un.

Dépannage

Mon site a un favicon mais certaines pages sont signalées

La balise <link> du favicon doit être présente sur chaque page. Les pages générées en dehors de votre modèle principal — pages d'erreur, pages de destination, applications intégrées — en sont souvent dépourvues. Un fichier favicon.ico à la racine du site couvre toutes les pages d'un coup, donc en ajouter un est le correctif global le plus rapide.

La balise est présente mais le contrôle échoue quand même

Vérifiez que l'adresse de l'icône renvoie bien une image : une balise de favicon pointant vers un fichier déplacé ou supprimé fait échouer le contrôle tout comme une balise manquante.