En bref: pour vérifier l’icône de votre site web en ligne, saisissez votre nom de domaine dans l’outil gratuit de vérification d’icônes de PromoPilot et cliquez sur « Vérifier». L’outil détectera toutes les icônes déclarées dans le code HTML et situées dans des chemins standard comme /favicon.ico, affichera un aperçu et la taille de chacune, vérifiera l’icône Apple Touch et vous indiquera les tailles manquantes. Vous trouverez ci-dessous un ensemble minimal d’icônes, le code final et les raisons pour lesquelles Google affiche un globe gris à la place de votre logo.
Je crée des sites web depuis 12 ans, et je le sais: les favicons sont l'élément le plus souvent oublié. Le designer crée le logo, le développeur construit le site, et pourtant personne n'ajoute jamais de favicon à l'onglet – jusqu'à ce que le premier client demande: « Pourquoi notre concurrent a-t-il un favicon sur Google et pas nous?»
Que vérifie Favicon Check?
L'icône d'un site web ne se limite plus à un simple fichier favicon.ico. Navigateurs, iPhone, Android et Google utilisent tous des fichiers et des tailles différents. Cet outil les regroupe dans un seul rapport.
| Que vérifie-t-il? | Que regarde-t-il? | Pourquoi le site a-t-il besoin de cela? |
|---|---|---|
| Icônes issues du HTML | Toutes les balises <link rel="icon">, shortcut icon, apple-touch-icon | Ce sont ces éléments que les navigateurs et Google prennent en compte en premier lieu. |
| Chemins standard | /favicon.ico à la racine du site et autres adresses typiques | De nombreux systèmes recherchent l'icône à cet emplacement même sans étiquette. |
| La taille de chaque icône | Largeur et hauteur en pixels, format ICO, PNG, SVG | La petite icône est floue sur les écrans haute définition. |
| Icône tactile Apple | Existe-t-il une icône pour iPhone et iPad? | Sans cela, une capture d'écran de la page apparaîtra sur l'écran d'accueil. |
| Aperçu | À quoi ressemble chaque icône trouvée? | Vous pouvez voir des icônes cassées, vides ou étrangères (modèle) |
| Recommandations | Quelles tailles manquent? | Une liste toute faite de tâches pour un designer |
Comment vérifier en ligne le favicon d'un site web?
- Ouvrir le vérificateur de favicon.
- Saisissez le domaine –
example.comsuffit, sans préciser la page. - Cliquez sur « Vérifier». L'outil analysera le code HTML de la page d'accueil et les chemins d'accès standard.
- Examinez les icônes trouvées: aperçu, format et taille de chacune. Vérifiez si une icône standard de CMS ou d’hébergement figure parmi elles.
- Lisez les recommandations et fournissez les dimensions manquantes au concepteur ou calculez-les vous-même.
Page de l'outil: champ domaine, bouton « Vérifier» et description des vérifications avec FAQ.
La vérification est simple: la limite d’invités est suffisante pour consulter votre propre site et quelques sites concurrents à titre de comparaison. Les icônes de n’importe quel site peuvent être visualisées et téléchargées; pratique si vous devez retrouver l’original de votre logo, perdu avec un ancien prestataire.
Quelles seront les tailles de favicon nécessaires en 2026?
Les générateurs d'icônes produisent souvent 20 fichiers, mais ce qu'il faut, c'est un ensemble compact. Voici le minimum que j'utilise pour tous mes projets:
| Déposer | Taille | Où est-il utilisé? |
|---|---|---|
favicon.ico | 16×16 et 32×32 dans un seul fichier | Les anciens navigateurs, les systèmes qui recherchent une icône à la racine |
favicon.svg | Vecteur | Navigateurs modernes, affichage clair sur tous les écrans |
apple-touch-icon.png | 180×180 | Écran d'accueil iPhone et iPad |
icon-192.png et icon-512.png | 192×192 et 512×512 | Manifeste Web: Android, installation d'un site Web en tant qu'application |
Et le code pour <head>:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Conseil de conception: À 16 pixels, le logo et le texte deviennent flous. Utilisez un symbole, la première lettre du nom ou un caractère simplifié sur un fond contrastant. Pour l’icône tactile Apple, n’utilisez pas de fond transparent: iOS le remplira de noir.
Comment créer soi-même une favicon, sans faire appel à un graphiste?
Si vous ne possédez aucune icône, vous pouvez en créer un jeu de base en une demi-heure. Voici la procédure:
- Utilisez un symbole, pas le logo entier. Utilisez la première lettre du nom, un symbole du logo ou une forme géométrique simple dans la couleur de la marque. Assurez-vous qu'il soit reconnaissable à 16 pixels.
- Dessinez un carré de 512x512 pixels. N'importe quel logiciel de graphisme ou outil de création en ligne fera l'affaire. Laissez des marges autour des bords pour que le texte ne déborde pas.
- Enregistrez le fichier source au format SVG — il deviendra
favicon.svg, et tous les PNG aux tailles requises pourront être découpés sans perte de qualité. - Générez les tailles restantes (ICO, 180, 192) dans le générateur d'icônes et placez les fichiers à la racine du site.
- Collez le code dans l'en-tête et vérifiez à nouveau le résultat dans l'outil.
Vérifiez comment l'icône apparaît en mode sombre: une icône noire sur fond transparent disparaît complètement dans un onglet Chrome sombre. Un fond clair ou un contour contrasté améliorera son affichage.
Pourquoi Google n'affiche-t-il pas le favicon du site?
La question la plus fréquemment posée: Si vous voyez un globe gris à côté d’une adresse dans les résultats de recherche, il y a généralement plusieurs raisons:
- L'icône n'est pas carrée. Google exige un format 1:1 et une taille d'au moins 8x8 pixels, mais recommande une taille supérieure à 48x48 pixels: la minuscule
favicon.icode 16x16 pixels apparaît floue dans les résultats de recherche. - L'icône est bloquée pour les robots d'indexation. Google -Image doit avoir accès au fichier de l'icône, et Google doit avoir accès au fichier principal. Si le dossier de l'image est bloqué dans le fichier robots.txt ou si le fichier est renvoyé avec une erreur, l'icône n'apparaîtra pas dans les résultats de recherche.
- L'icône n'est pas présente sur la page d'accueil. Google utilise l'icône de la page d'accueil du domaine ou du sous-domaine; la section « Accueil» de la page d'accueil, comme
example.com/shopn'est pas appropriée. - L'adresse de l'icône est instable. Si le chemin d'accès change à chaque mise à jour du site (
/icon.a83f2.png), Google risque de ne pas pouvoir la mettre à jour rapidement. - Cela fait un moment. Google ne met pas à jour l'icône de site immédiatement après une correction; vous pouvez accélérer le processus en demandant une nouvelle analyse de la page d'accueil dans Search Console. Google ne fournit pas de délai précis, il est donc conseillé de vérifier les résultats quelques jours plus tard.
- Cette icône enfreint les règles. Google remplace les images non conformes par une icône standard.
Comparaison: Vérificateur de favicon et alternatives
| Outil | Qu'est-ce qui est gratuit? | Restrictions | À qui convient-il? |
|---|---|---|---|
| PromoPilot - Vérificateur de favicon | Toutes les icônes issues du HTML et des chemins standard, tailles, aperçus, icône tactile Apple, recommandations | Ne crée pas d'icônes, vérifie l'icône principale. | Vérifiez rapidement votre site web ou celui d'un concurrent. |
| RealFaviconGenerator | Générer un ensemble d'icônes et de code, vérifier le favicon | Le générateur produit de nombreux fichiers; vous devez déterminer lesquels conserver. | Pour ceux qui ont besoin de créer des icônes à partir de zéro |
| Google Search Console | Demander une nouvelle analyse du serveur principal | Seul son site vérifié ne vérifie pas l'icône | Accélérer la mise à jour des icônes dans les résultats de recherche |
| Outils de développement dans le navigateur | Onglet contenant le manifeste et les icônes | Vous devez savoir où chercher | Pour les développeurs |
Conclusion: un outil en ligne est plus pratique pour la vérification, un générateur pour la création d’un ensemble et Search Console pour accélérer les mises à jour dans Google.
Au fait, PromoPilot propose 87 outils SEO gratuits. Vous pouvez facilement voir à quoi ressemble le favicon à côté du titre dans l'aperçu des résultats de recherche; nous avons un article dédié à ce sujet dans notre série.
Quelles sont les limites de la vérification des favicons?
Cet outil vérifie les informations affichées par le site et les résultats de recherche: il ne vous informe pas des mises à jour de l’icône dans les résultats de recherche Google, car cela dépend du moteur de recherche. Si des icônes sont ajoutées par un script après le chargement de la page, certaines peuvent ne pas figurer dans le rapport. La vérification porte également sur le domaine dans son ensemble; si différentes sections du site utilisent des icônes différentes (par exemple, un sous-domaine de boutique), elles sont vérifiées séparément.
Quand un outil gratuit ne suffit-il pas?
Un problème de favicon est un souci mineur qui nécessite rarement l'intervention d'un spécialiste. Cependant, il arrive qu'un problème mineur soit le symptôme d'un autre problème. Une assistance est nécessaire si:
- L'icône est correcte, mais Google affiche un globe depuis des mois - cela signifie que le problème vient de l'accès du robot ou du modèle;
- La marque ne possède pas un logo simple et a besoin d'un style d'entreprise qui fonctionne sur 16 pixels;
- Le site est compilé à l'aide d'un générateur, et les chemins d'accès aux icônes changent à chaque mise à jour;
- L'icône de site n'est qu'une des dizaines d'erreurs mineures qui se sont accumulées au fil des ans.
Que puis-je faire pour votre site web?
Je suis Valeriy Danyuk, développeur et spécialiste SEO avec 12 ans d'expérience et plus de 200 clients. Je crée les favicons, les aperçus pour les réseaux sociaux et le balisage de chaque site web avant son lancement.
Référencement et audit
- Audit SEO clé en main pour votre site web: je repère tous les détails techniques (favicon, aperçus, indexation, vitesse, etc.) et je les corrige dans le code.
Sites Web et boutiques en ligne
- Créez un site web dans le style de celui de quelqu'un d'autre en quelques minutes: sur 1001site, les icônes, les aperçus et la mise en page sont configurés automatiquement.
- Tilda avec un abonnement payant ou un site web avec IA — une comparaison honnête des approches.
- Combien coûte un site web clé en main en 2026? Quels sont les facteurs qui déterminent son prix?
- Site web WordPress avec assistant IA pour 299 € et 3 jours.
CRM et automatisation
- Un système CRM personnalisé avec une base de données clients et des décideurs pour une entreprise slovaque.
- Un logiciel CRM pour une entreprise de démantèlement automobile qui calcule automatiquement les prix et imprime les factures.
Envoyez-moi l'adresse du site web sur Telegram – je vérifierai les icônes et cinq ou six autres petits détails qu'on oublie souvent.
Résultat
- Favicon Checker trouve toutes les icônes du site, leurs tailles et indique celles qui sont manquantes en une minute.
- Ensemble minimum: favicon.ico, favicon.svg, icône Apple Touch 180×180 et icônes 192 et 512 pour le manifeste web.
- Pour Google l'icône doit être carrée, plus grande que 48x48, accessible au robot et affichée sur la page d'accueil.
- S'il est plus facile de reconstruire un site web que de corriger des problèmes mineurs, 1001site personnalise automatiquement les icônes et les aperçus.
Vérifiez votre domaine avec l'outil gratuit de vérification de favicon – et vérifiez en même temps celui de votre principal concurrent.
Sources
- Page de vérification des favicons de PromoPilot — liste des vérifications et FAQ.
- Google Search Central - Exigences relatives aux icônes de résultats de recherche.
- RealFaviconGenerator — génère et teste un ensemble d'icônes.
