Vérificateur de favicon
Vérifiez si le favicon d’un site s’affiche correctement dans les navigateurs, sur iPhone, sur Android et dans Google, et voyez ce qui manque.
Ce que vérifie l’outil
Saisissez l’adresse d’un site : l’outil charge la page comme un navigateur, trouve toutes les icônes liées et les teste une à une :
- le favicon.ico à la racine, que les navigateurs demandent automatiquement
- les balises
<link rel="icon">du HTML, et si chaque fichier se charge vraiment - une icône nette de 32×32 ou plus (ou un SVG) pour les écrans haute résolution
- l’Apple touch icon pour l’iPhone et l’iPad
- un manifeste web avec des icônes 192×192 et 512×512 pour Android
- Google : une icône carrée dont le côté est un multiple de 48 pixels, ou un SVG
Comment corriger les problèmes
En général, il suffit de créer un jeu complet avec le générateur de favicon, d’envoyer les fichiers à la racine du site et de coller le code HTML. Vérifiez ensuite à nouveau.
Questions fréquentes
J’ai tout corrigé mais le favicon ne change pas.
Les navigateurs gardent le favicon en cache longtemps. Ouvrez le site dans une fenêtre de navigation privée.
Pourquoi Google affiche-t-il un globe gris au lieu de mon favicon ?
Google exige un favicon carré dont le côté est un multiple de 48 pixels (ou un SVG), accessible à son robot. La mise à jour peut prendre plusieurs semaines. Voir « Favicon Google : comment l’afficher dans les résultats ».