Une favicon est la toute petite icône qui représente votre site dans l'onglet du navigateur, dans les favoris et à côté de votre site dans les résultats de Google. C'est souvent une version simplifiée de votre logo, qui aide les visiteurs à vous reconnaître d'un coup d'œil.
Expliqué simplement
Pensez au petit badge cousu sur une veste de travail. On ne lit pas le nom de l'entreprise en entier, mais on reconnaît tout de suite le symbole.
La favicon, c'est ce badge pour votre site. C'est la minuscule image qui s'affiche dans l'onglet du navigateur, à côté du titre de la page. On la retrouve aussi dans les favoris, dans l'historique, et à côté du nom de votre site dans les résultats de Google. Sur téléphone, elle peut devenir l'icône de votre site si quelqu'un l'ajoute à son écran d'accueil.
Le mot vient de l'anglais favorite icon, l'icône des favoris.
Comment ça marche ?
La favicon est un petit fichier image, carré, enregistré sur votre site. Dans le code de la page d'accueil, une ligne qui commence par <link rel="icon" indique au navigateur où trouver ce fichier. Si vous utilisez WordPress, pas besoin de toucher au code : on l'ajoute depuis l'administration, sous le nom « Icône du site ».
Pour que Google l'affiche dans ses résultats, il donne quelques règles (consignes officielles de Google) :
- l'image doit être carrée ;
- elle doit faire plus de 48 × 48 pixels de préférence, pour rester nette sur tous les écrans ;
- elle doit représenter votre marque et rester stable, sans changer souvent ;
- Google doit pouvoir accéder au fichier et à la page d'accueil.
Formats acceptés : PNG, ICO, GIF, JPEG et quelques autres. En pratique, on prévoit souvent un fichier de bonne taille, que les navigateurs réduisent selon leurs besoins. Une seule favicon est prise en compte par site.
Un exemple concret
Prenons une menuiserie fictive à Mons, la Menuiserie Dufrasne. Son logo comporte un dessin de rabot et le nom complet de l'entreprise, écrit en longueur.
Réduit à la taille d'un onglet, le logo devient une tache illisible. La solution : une version simplifiée, juste le rabot, ou les initiales « MD » en blanc sur le vert de sa charte graphique. Même minuscule, on reconnaît la menuiserie parmi dix onglets ouverts, et son site se repère plus facilement dans les résultats de Google.
Pourquoi c'est important pour votre entreprise
- Elle donne une image professionnelle. Un onglet avec une icône générique, ou celle de l'outil qui a servi à créer le site, fait vite « site inachevé ».
- Elle aide à vous retrouver. Un client qui a ouvert plusieurs onglets pour comparer des devis repère le vôtre immédiatement.
- Elle apparaît dans Google. Sur mobile comme sur ordinateur, c'est l'une des premières choses que l'on voit à côté de votre lien.
Bon à savoir
- Ne réduisez pas simplement le logo. Le texte devient illisible. Gardez un symbole, une ou deux lettres, des couleurs franches.
- Testez sur fond clair et fond sombre. Beaucoup de navigateurs et de téléphones utilisent un mode sombre. Une icône noire sur fond transparent peut disparaître.
- Partez d'un fichier de qualité. Un logo vectoriel permet de créer une icône nette à toutes les tailles.
- Soyez patient avec Google. Après un changement, la nouvelle icône peut mettre un certain temps avant d'apparaître dans les résultats, et Google ne garantit jamais son affichage.
- Videz le cache de votre navigateur si vous ne voyez pas la nouvelle icône : il garde souvent l'ancienne en mémoire.
Mon conseil : pensez à la favicon dès la création de votre logo, pas à la dernière minute. Un bon logo prévoit toujours une version réduite. C'est l'une des étapes décrites dans créer un logo professionnel, et je la prévois dans chaque projet de création graphique.
Questions fréquentes
Quelle taille doit faire une favicon ?
Elle doit être carrée. Google demande au minimum 8 × 8 pixels mais recommande plus de 48 × 48 pixels pour un affichage net. En pratique, on prépare souvent une image de 512 × 512 pixels, que WordPress et les navigateurs déclinent en plus petites tailles. L'important est que le dessin reste lisible une fois réduit à la taille d'un onglet.
Pourquoi ma favicon n'apparaît-elle pas dans Google ?
Plusieurs raisons sont possibles : l'image n'est pas carrée, le fichier est bloqué aux robots de Google, le lien vers l'icône est absent de la page d'accueil, ou Google n'a pas encore revisité votre site. Vérifiez ces points, puis patientez. Google précise que respecter ses règles ne garantit pas l'affichage, mais l'y aide fortement.
Faut-il payer pour créer une favicon ?
Pas forcément. Si vous avez déjà un logo de bonne qualité, une version simplifiée peut être préparée assez rapidement, et des outils gratuits génèrent les différentes tailles. Le vrai travail est graphique : trouver un symbole qui reste lisible en tout petit. Si votre logo n'a pas de version réduite, c'est le moment d'en prévoir une.
