Favicon
Un favicon est la petite icône affichée dans les onglets, favoris et résultats mobiles de Google qui aide les clients à reconnaître votre boutique.
Qu’est-ce qu’un favicon ?
Un favicon (favorite icon) est la petite icône carrée qui représente votre site web dans les onglets du navigateur, les favoris, l’historique de navigation et dans les résultats de recherche mobile de Google. Il est généralement déclaré à l’aide d’une balise <link rel="icon"> dans le <head> de la page et, par défaut, les navigateurs tentent de charger automatiquement le fichier /favicon.ico depuis la racine du domaine. Les favicons modernes sont fournis aux formats .ico, .png ou .svg – et un seul fichier .ico peut contenir plusieurs dimensions (16×16, 32×32 et 48×48).
Pourquoi un favicon est-il important ?
Pour une boutique en ligne, un favicon est un élément de marque petit mais visible. Lorsqu’un client a de nombreux onglets ouverts, l’icône est souvent la seule chose qui lui permet de retrouver facilement votre boutique. Google affiche également votre favicon à côté du résultat dans les recherches mobiles ; une icône nette et reconnaissable renforce donc à la fois le taux de clic et la confiance. Lorsque le favicon est absent, le navigateur affiche simplement un espace vide par défaut, ce qui donne l’impression que la page n’est pas terminée ou qu’elle est moins professionnelle.
Cas d’utilisation courants
- Reconnaissance dans les onglets du navigateur lorsque le client a plusieurs pages ouvertes à la fois.
- Affichage à côté de votre résultat dans les résultats de recherche mobile de Google (Google recommande une icône carrée d’un multiple de 48px, par exemple 48×48).
- Icône lorsqu’un client enregistre la boutique dans ses favoris ou sur l’écran d’accueil (via
apple-touch-icon, généralement en 180×180). - Identité de marque cohérente entre le navigateur, les onglets et les liens partagés.
Perspective de Shopify
Dans Shopify, vous téléversez votre favicon directement dans l’éditeur de thème, sous les paramètres du thème – aucune modification de code n’est requise. Shopify réduit l’image à 32×32 px ; téléversez donc un graphique carré et simple qui reste lisible dans de petites dimensions (évitez les détails trop fins et les longs textes). Changer de thème ne réinitialise pas nécessairement le favicon, mais vérifiez toujours le résultat après un changement de thème. Pensez au favicon de la même manière qu’à vos autres métadonnées visuelles telles que l’Open Graph, afin que votre boutique paraisse cohérente dans les onglets, les résultats de recherche et les liens partagés.