Aide
Se connecter

Ajout d’un favicon à votre boutique

Un favicon, ou icône de favori, est une petite image ou un logo qui s’affiche à côté du nom d’une page web. Vous trouverez des favicons dans les onglets de votre navigateur, ainsi que sur les pages de votre navigateur qui répertorient des sites web, comme la page des favoris. Vous pouvez ajouter un favicon à votre boutique en ligne pour renforcer votre marque et donner un aspect soigné à votre site web.

Sur cette page

Création d’un favicon

Vous pouvez utiliser un site web générateur de favicons gratuit pour créer un favicon personnalisé, ou vous pouvez créer le vôtre. Pour trouver un générateur de favicons, recherchez sur Internet free favicon generator.

La taille d’image idéale pour un favicon est de 16x16 pixels ou de 32x32 pixels. Si la taille de l’image de votre favicon est trop grande, elle sera réduite à 32x32 pixels lorsque vous la chargerez sur Shopify.

Ajouter un favicon à votre boutique en ligne

Vous pouvez ajouter un favicon à votre boutique en ligne si vous avez le forfait Basic ou un forfait supérieur. Vous ne pouvez pas ajouter de favicon à votre boutique en ligne si vous avez le forfait Starter.

Étapes :

Bureau

  1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Repérez le thème auquel vous souhaitez ajouter un favicon, puis cliquez sur Modifier le thème.

  3. Cliquez sur l’icône en forme de roue dentée pour accéder aux paramètres du thème.

  4. En fonction de la version de votre thème, cliquez sur Logo ou Favicon.

  5. Dans la section Image du favicon, cliquez sur Sélectionner une image, puis effectuez l’une des opérations suivantes :

    • Pour sélectionner une image que vous avez déjà chargée dans votre interface administrateur Shopify, vous pouvez la rechercher ou la trouver, puis la sélectionner à l’aide de la case à cocher.
    • Pour sélectionner une image sur votre ordinateur local, cliquez sur Ajouter des images, ouvrez l’image à partir de votre ordinateur local, puis sélectionnez-la à l’aide de la case à cocher.

  6. Cliquez sur Terminé.

  7. Facultatif : ajoutez un texte alternatif à l’image de votre favicon en effectuant les actions suivantes :

    1. Dans la section Image du favicon, cliquez sur Modifier.
    2. Dans la boîte de dialogue Aperçu et modification, saisissez une brève description de l’image dans le champ Texte alternatif.
    3. Cliquez sur Enregistrer.

  8. Cliquez sur Enregistrer.

Mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Menu.

  2. Dans la section Canaux de vente, appuyez sur Boutique en ligne.

  3. Appuyez sur Gérer tous les thèmes.

  4. Repérez le thème auquel vous souhaitez ajouter un favicon, puis appuyez sur Modifier le thème.

  5. Appuyez sur ... > Paramètres du thème.

  6. En fonction de la version de votre thème, appuyez sur Logo ou Favicon.

  7. Dans la section Image de favicon, appuyez sur Sélectionner une image, puis effectuez l’une des opérations suivantes :

    • Pour sélectionner une image que vous avez déjà chargée dans votre interface administrateur Shopify, vous pouvez la rechercher ou la trouver, puis la sélectionner à l’aide de la case à cocher.
    • Pour sélectionner une image à partir de votre appareil local, appuyez sur Ajouter des images, ouvrez l’image à partir de votre appareil local, puis sélectionnez-la à l’aide de la case à cocher.

  8. Appuyez sur Terminé.

  9. Ajoutez un texte alternatif à l’image de votre favicon en effectuant les actions suivantes :

    1. Dans la section Image du favicon, appuyez sur Modifier.
    2. Dans la boîte de dialogue Aperçu et modification, saisissez une brève description de l’image dans le champ Texte alternatif.
    3. Appuyez sur Enregistrer.

  10. Appuyez sur Enregistrer ou ✓.

Résolution des problèmes liés aux favicons

Si vous rencontrez des problèmes avec votre favicon, consultez les étapes de résolution de problèmes suivantes.

Si votre favicon ne s’affiche pas dans les résultats de recherche Google, assurez-vous d’avoir envoyé votre sitemap à Google afin que les informations de votre boutique puissent être explorées.

D’après la documentation de Google, il n’est pas garanti qu’un favicon s’affiche dans les résultats de recherche, même si toutes les consignes sont respectées.

Les favicons ne s’affichent pas sur les pages de comptes clients et de paiement, sauf si vous avez le forfait Shopify Plus. De plus, les favicons ne s’affichent pas lorsque vous affichez votre thème dans l’éditeur de thème, car l’éditeur de thème fait partie de l’interface administrateur Shopify et ne reflète pas votre boutique en ligne publiée.

Si vous avez le forfait Shopify Plus et que vous souhaitez définir un favicon sur les pages de comptes clients et de paiement, vous devez utiliser la Branding API ou Checkout Blocks. Le favicon n’apparaît pas automatiquement et ne peut pas être défini dans l’éditeur de thème ou dans l’éditeur de page de paiement de l’interface administrateur. Pour en savoir plus sur l’utilisation de la Branding API, consultez la documentation pour les développeurs suivante :