Votre favicon peut ne pas s’afficher à cause d’un mauvais format, d’un chemin incorrect, d’un cache persistant ou d’un blocage de crawl. Voici les vérifications concrètes à faire pour corriger le problème dans le navigateur et dans Google.
Si votre favicon ne s’affiche pas, le problème vient le plus souvent d’un fichier introuvable, d’une balise HTML mal déclarée, d’un format non pris en charge, du cache du navigateur ou d’un délai côté Google. Commencez par vérifier l’URL du fichier, la balise <link rel="icon">, les dimensions, puis forcez le rafraîchissement. Pour repartir sur une base saine, vous pouvez créer les bons fichiers avec notre générateur de favicon gratuit.
Un favicon semble être un détail, mais quand il disparaît, il donne vite une impression de site inachevé. Le cas le plus frustrant arrive quand l’icône apparaît bien dans un onglet, mais pas dans Google, ou l’inverse.
On vous propose une méthode simple : identifier où le favicon manque, isoler la cause, corriger le fichier ou le code, puis attendre le nouveau passage des outils qui affichent l’icône.
Sommaire
- Pourquoi mon favicon ne s’affiche pas ?
- Comment vérifier que le fichier favicon existe vraiment ?
- Comment déclarer correctement un favicon en HTML ?
- Pourquoi le favicon ne s’affiche pas dans Google ?
- Comment corriger un problème de cache de favicon ?
- Comment régler le problème sur WordPress ?
- Quelle checklist suivre pour corriger vite ?
- Questions fréquentes
Pourquoi mon favicon ne s’affiche pas ?
Quand un favicon ne s’affiche pas, il faut distinguer deux situations. Dans le navigateur, le problème concerne souvent le chemin du fichier, le cache ou une déclaration HTML incorrecte. Dans Google, il peut aussi s’agir d’un délai de recrawl, d’un fichier bloqué ou d’un favicon qui ne respecte pas les consignes d’affichage.
Les causes les plus fréquentes sont les suivantes :
- Le fichier indiqué dans
hrefn’existe pas ou renvoie une erreur. - Le chemin est relatif mais ne pointe pas vers le bon dossier.
- La balise
<link rel="icon">n’est pas placée dans le<head>. - Le fichier n’est pas carré ou il est trop petit pour certains affichages.
- Le navigateur garde une ancienne version en cache.
- Un CDN, un plugin de cache ou une règle serveur sert encore l’ancien fichier.
- Le fichier favicon ou la page d’accueil est bloqué pour Google.
- Google n’a pas encore retraité la page d’accueil après votre modification.
| Symptôme | Cause probable | Action prioritaire |
|---|---|---|
| Icône absente dans l’onglet | Fichier introuvable ou balise absente | Tester l’URL du favicon et vérifier le <head> |
| Ancienne icône visible | Cache navigateur, CDN ou plugin | Changer le nom du fichier et purger les caches |
| Icône visible dans Chrome mais pas dans Google | Délai de traitement ou blocage du crawl | Vérifier robots.txt, puis demander une réindexation de la page d’accueil |
| Icône mobile iPhone absente | apple-touch-icon manquant | Ajouter une icône PNG dédiée pour iOS |
Comment vérifier que le fichier favicon existe vraiment ?
Avant de modifier votre thème ou votre CMS, commencez par le test le plus simple : ouvrez directement l’URL du fichier favicon dans votre navigateur. Si votre code contient href="/favicon.ico", testez l’adresse correspondante dans la barre d’adresse. Si le navigateur affiche une erreur, le problème est trouvé.
- Ouvrez le code source de votre page d’accueil.
- Cherchez
rel="icon",shortcut iconouapple-touch-icon. - Copiez la valeur de
href. - Ouvrez cette URL dans un nouvel onglet.
- Vérifiez que l’image s’affiche et que l’URL ne redirige pas vers une page d’erreur.
Un point important : évitez les chemins ambigus. Un chemin comme favicon.ico peut être interprété par rapport à la page courante, tandis que /favicon.ico pointe vers la racine du site. Sur un site avec plusieurs niveaux d’URL, cette différence suffit à casser l’affichage.
Comment déclarer correctement un favicon en HTML ?
La déclaration se place dans le <head> de la page. MDN indique que la valeur icon de l’attribut rel sert à représenter la page dans l’interface utilisateur, et que le navigateur choisit l’icône la plus appropriée si plusieurs déclarations existent.
Une base propre ressemble à ceci :
<link rel="icon" href="/favicon.ico"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="apple-touch-icon" href="/apple-touch-icon.png">
Google accepte plusieurs valeurs pour déclarer le favicon, dont icon, shortcut icon, apple-touch-icon et apple-touch-icon-precomposed. Pour éviter les conflits, gardez des déclarations cohérentes et ne multipliez pas les fichiers contradictoires.
Besoin de générer les bons formats ? Utilisez notre outil gratuit de génération de favicon pour créer rapidement les fichiers adaptés aux navigateurs et aux usages mobiles. Vous pouvez ensuite les intégrer dans votre site et tester l’affichage.
Pourquoi le favicon ne s’affiche pas dans Google ?
Google impose des conditions spécifiques pour afficher un favicon dans ses résultats. Le favicon doit être déclaré sur la page d’accueil, le fichier doit être accessible, la page d’accueil doit pouvoir être explorée par Googlebot et le fichier favicon par Googlebot-Image.
Google précise aussi qu’un favicon n’est pas garanti dans les résultats, même si les consignes sont respectées. Autre point à connaître : Google ne gère qu’un favicon par site au niveau de l’hôte. Un sous-domaine peut avoir son propre favicon, mais un sous-dossier ne peut pas avoir un favicon Google distinct pour tout un sous-espace.
Les exigences de base côté Google sont concrètes : l’image doit être carrée, avec un ratio 1:1, mesurer au minimum 8×8 px, et Google recommande une taille supérieure à 48×48 px pour un meilleur rendu. Les formats pris en charge par Google incluent notamment ICO, PNG, JPEG, GIF, BMP, PPM et TIFF.
- Vérifiez que la balise favicon est bien présente sur la page d’accueil canonique.
- Vérifiez que le fichier n’est pas bloqué dans
robots.txt. - Vérifiez que Googlebot peut accéder à la page d’accueil.
- Vérifiez que Googlebot-Image peut accéder au fichier image.
- Gardez une URL stable, sans changer de fichier à chaque modification mineure.
- Demandez une nouvelle exploration de la page d’accueil via l’outil d’inspection d’URL de Search Console.
Le délai est normal : Google indique que l’exploration et le traitement d’une nouvelle information peuvent prendre de plusieurs jours à plusieurs semaines. Si votre favicon vient d’être corrigé, il peut donc apparaître dans le navigateur aujourd’hui, mais rester absent de Google pendant un moment.
Comment corriger un problème de cache de favicon ?
Le cache est une cause classique quand l’ancien favicon reste visible. Contrairement à une image dans une page, le favicon peut être conservé séparément par le navigateur, et un simple rechargement ne suffit pas toujours.
- Renommez le fichier, par exemple
/favicon-v2.icoou/favicon-2026.png. - Mettez à jour la balise
hrefdans le<head>. - Purgez le cache de votre plugin, de votre hébergement et de votre CDN si vous en utilisez un.
- Ouvrez le site dans une fenêtre privée pour comparer.
- Testez sur un autre navigateur ou un autre appareil.
- Si vous travaillez localement, fermez puis rouvrez le navigateur après purge du cache.
Si l’ancienne icône apparaît seulement pour vous, mais pas sur un autre appareil, le problème est probablement local. Si tout le monde voit l’ancienne icône, regardez plutôt le cache serveur, le CDN, ou une balise encore générée par le thème.
Comment régler le problème sur WordPress ?
Sur WordPress, le plus simple est d’utiliser la fonction native d’icône de site. La documentation WordPress recommande une image carrée d’au moins 512 px de haut et de large, avec le format PNG recommandé pour l’ajout via l’interface.
- Préparez une image carrée et lisible en petit format.
- Allez dans les réglages généraux ou dans l’identité du site selon votre version et votre thème.
- Ajoutez l’icône de site.
- Enregistrez, puis videz les caches du site.
- Affichez le code source pour confirmer que WordPress génère bien les balises favicon.
Si votre thème ajoute aussi ses propres balises, vous pouvez vous retrouver avec plusieurs favicons concurrents. Dans ce cas, gardez une seule source de vérité : soit la fonctionnalité WordPress, soit votre intégration personnalisée. Sur un projet plus global, une refonte de site internet peut aussi être l’occasion de remettre à plat les éléments techniques visibles par les navigateurs.
Quelle checklist suivre pour corriger vite ?
Voici la checklist que l’on utiliserait pour diagnostiquer un favicon absent sans perdre de temps.
- Ouvrir l’URL directe du favicon et vérifier qu’elle répond correctement.
- Contrôler que la balise est dans le
<head>, pas dans le contenu de la page. - Utiliser un chemin absolu depuis la racine, par exemple
/favicon.ico. - Prévoir au moins un fichier carré et suffisamment lisible en petite taille.
- Ajouter une variante
apple-touch-iconsi l’affichage mobile iOS est important. - Supprimer les déclarations en double qui pointent vers d’anciens fichiers.
- Renommer le fichier si le cache conserve l’ancienne version.
- Purger le cache navigateur, le cache WordPress, l’hébergement et le CDN.
- Vérifier que
robots.txtne bloque pas Googlebot ou Googlebot-Image. - Demander un nouveau passage sur la page d’accueil dans Search Console si le souci concerne Google.
Pour gagner du temps, vous pouvez aussi repartir d’un pack propre depuis notre générateur de favicon, puis remplacer vos anciens fichiers. Et si vous cherchez d’autres utilitaires pratiques pour votre site, on regroupe aussi nos outils gratuits en ligne sur une page dédiée.
Questions fréquentes
Combien de temps faut-il pour que le favicon apparaisse dans Google ?
Google indique que le recrawl et le traitement peuvent prendre de plusieurs jours à plusieurs semaines. Vous pouvez accélérer la prise en compte potentielle en demandant une nouvelle exploration de la page d’accueil dans Search Console, mais l’affichage n’est pas garanti.
Pourquoi mon favicon est visible dans Chrome mais pas dans Google ?
Chrome lit directement votre page et son cache local, tandis que Google dépend de l’exploration, du traitement et de ses propres règles d’affichage. Vérifiez surtout la page d’accueil, l’accès Googlebot-Image et les dimensions du fichier.
Faut-il utiliser un fichier ICO ou PNG ?
Les deux peuvent fonctionner selon les contextes. Une configuration robuste peut inclure un favicon.ico et des PNG déclarés avec leurs tailles, afin de couvrir plusieurs usages.
Pourquoi l’ancien favicon reste affiché après remplacement ?
Le cache du navigateur, du CDN ou du site peut encore servir l’ancien fichier. Renommez le fichier, mettez à jour la balise href, puis purgez les caches.
Pourquoi mon favicon ne s’affiche pas sur iPhone ?
iOS utilise des déclarations spécifiques pour les icônes d’écran d’accueil, notamment apple-touch-icon. Ajoutez une icône PNG dédiée si vous voulez un affichage fiable lorsque l’utilisateur ajoute le site à son écran d’accueil.
