Ce que c'est
Un favicon (abréviation de "favorite icon", icône favorite) est la petite image carrée qui apparaît à côté du titre de ta page dans un onglet de navigateur, dans une liste de favoris, et parfois dans l'historique et les suggestions de recherche. C'est généralement une version simplifiée d'un logo — assez petite pour rester reconnaissable à la taille de quelques pixels, comme une lettre, une forme simple ou une icône.
Sans favicon, les navigateurs affichent à la place une icône générique de page vierge — le même symbole utilisé pour tout site qui n'en a pas défini, ce qui montre immédiatement que ce détail précis n'a jamais été configuré.
Pourquoi c'est important
Un favicon manquant est un petit détail, mais c'est aussi l'un des détails les plus visibles qui soient : il apparaît sur chaque page de ton site, dans chaque onglet de navigateur, pour chaque visiteur, en permanence. Quand quelqu'un a plusieurs onglets ouverts, le favicon est souvent le seul moyen de repérer visuellement ton onglet dans la rangée — une icône générique vierge rend cela plus difficile et signale discrètement "ce site n'a jamais été vraiment terminé".
C'est aussi l'un des gains les plus rapides de toute cette liste : contrairement aux décisions de contenu ou de design, un favicon se crée et s'ajoute en quelques minutes, sans aucun entretien une fois en place.
Comment le corriger
- Crée une image carrée simple (idéalement une version simplifiée de ton logo) — des outils gratuits de génération de favicon peuvent convertir automatiquement un logo existant dans les bons formats et tailles de fichier.
- Enregistre le résultat sous
favicon.icooufavicon.svget mets-le en ligne à la racine de ton site (ou là où ta plateforme d'hébergement attend les fichiers d'icône). - Ajoute
<link rel="icon" href="/favicon.ico">(ou l'équivalent en SVG) dans la section<head>de ta page. - Si tu utilises un créateur de site (Squarespace, Wix, Webflow, WordPress), cherche un champ d'import "favicon" ou "icône du site" dans les réglages généraux de ton site plutôt que de modifier le code directement.
- Recharge la page dans un nouvel onglet du navigateur (ou vide le cache) pour confirmer que la nouvelle icône apparaît — les favicons sont parfois mis en cache et mettent du temps à se mettre à jour.