Comment optimiser les images produit Shopify pour Google Images ?

Une fiche produit Shopify avec dix photos bien nommées et bien compressées peut malgré tout être invisible dans Google Images sur la recherche « pull bleu marine » que votre client tape. La raison : vos variantes de couleur partagent souvent le même alt text générique, et Google ne peut pas deviner quelle photo correspond à quelle couleur si vous ne le lui dites pas explicitement, image par image.

Les bases que Google exige pour indexer une image

Avant de parler d’optimisation, un prérequis que Google pose noir sur blanc dans sa documentation : seules les images placées dans un vrai <img> HTML sont explorées et indexées. Une image posée en arrière-plan CSS (fréquent sur les bannières de certains thèmes personnalisés) est invisible pour Google Images, quelle que soit sa qualité. Les formats acceptés sont larges (JPEG, PNG, WebP, AVIF, SVG, GIF, BMP), ce qui laisse le choix du format à des critères de poids et de rendu plutôt qu’à la compatibilité.

Dimensions et formats : ce que Shopify gère déjà pour vous

Sur ce point précis, l’essentiel du travail est fait par la plateforme : le CDN Shopify compresse automatiquement les images à l’upload, les convertit dynamiquement en WebP selon le navigateur du visiteur, et les redimensionne pour chaque usage (vignette, galerie, zoom) sans service tiers. Il reste deux décisions à votre charge :

• La résolution source : 2048 × 2048 pixels constitue un optimum largement retenu, suffisant pour un zoom net sans envoyer des fichiers inutilement lourds. En dessous de 1024 × 1024, le zoom produit et l’affichage sur grand écran perdent en netteté.
• La cohérence du ratio : un ratio carré (1:1) uniforme sur toute la galerie évite les sauts de mise en page (CLS) au défilement des vignettes, un critère qui pèse à la fois sur l’expérience utilisateur et sur les Core Web Vitals.

L’attribut alt, l’élément qui pèse le plus

Google le dit explicitement dans sa documentation officielle : c’est l’attribut le plus déterminant pour comprendre le contenu d’une image, davantage que le nom de fichier ou les données structurées. La règle est simple à énoncer, plus difficile à appliquer en masse sur un catalogue : décrire ce que montre l’image, sans accumulation de mots-clés. alt="Pull en laine mérinos bleu marine, col rond, vue de face" fonctionne ; alt="pull pull bleu pas cher meilleur pull" est explicitement déconseillé par Google et peut nuire au classement.

Ce même souci de description précise vaut pour l’ensemble du texte de la fiche : notre guide sur la rédaction de description produit unique détaille comment éviter le contenu générique repris d’un flux fournisseur. Le nom de fichier suit la même logique de description humaine : pull-laine-merinos-bleu-marine-face.jpg plutôt que IMG_2847.jpg ou product-photo-1.jpg, en minuscules et avec des tirets comme séparateurs. Une longueur d’alt text sous 125 caractères reste une limite pratique raisonnable, sans que ce soit une règle Google formelle.

Le piège des variantes : pourquoi vos couleurs restent invisibles dans Google Images

C’est le point que ni la documentation Google ni les guides Shopify généralistes ne relient explicitement, alors qu’il concerne directement les fiches à variantes, la norme sur un catalogue de mode ou d’accessoires. Une fiche produit Shopify avec plusieurs couleurs affiche toutes ses photos dans une seule galerie, sous une seule URL canonique : Google explore et peut indexer chacune de ces images, mais ne peut les associer à une couleur précise que si l’alt text de CHAQUE image le précise, une par une.

Dans les faits, la plupart des boutiques laissent le thème ou l’application de galerie assigner un alt text unique, identique sur toutes les photos de la fiche, qu’il s’agisse de la version bleue, rouge ou verte du même produit. Résultat mesurable : dans Google Images, une recherche par couleur (« robe verte », « pull bleu marine ») ne peut pas faire remonter la bonne photo de votre fiche, même si la fiche elle-même se classe bien sur la requête générique du produit. La couleur existe dans votre inventaire, mais elle est structurellement invisible pour ce type de recherche. C’est un problème distinct de celui du canonical partagé entre variantes : même quand l’expérience post-clic est bien gérée, l’image elle-même reste mal attribuée si son alt text ne porte pas l’information de couleur.

La correction, photo par photo

La correction ne demande aucun développement : elle consiste à rédiger un alt text distinct pour chaque image de variante, en y intégrant systématiquement l’attribut différenciant (couleur, matière, motif) en plus du nom du produit et de l’angle de vue. Sur un catalogue de plusieurs centaines de références, ce travail se priorise d’abord sur les produits à variantes de couleur ou de motif à fort volume de recherche visuelle (mode, décoration, accessoires), où l’écart de visibilité entre une fiche bien traitée et une fiche à alt text générique est le plus mesurable dans Google Images.

Données structurées et image de référence

Les thèmes Shopify récents (Dawn, Online Store 2.0) génèrent nativement les données structurées Product, image comprise : il n’est généralement pas nécessaire d’en ajouter une couche manuelle, et le faire crée un risque de doublon signalé par Google si les deux jeux de données divergent. Le point à vérifier reste la cohérence : l’image déclarée dans le schéma Product doit être exactement celle dont l’alt text est le plus soigné, faute de quoi Google peut afficher dans ses résultats enrichis une image différente de celle qui décrit le mieux la variante recherchée.

Google propose également de signaler une image de page préférée via la propriété primaryImageOfPage ou la balise og:image, en évitant une image générique comme un logo : sur une fiche produit, l’image hero (premier visuel de la galerie) doit correspondre à ce choix.

Sitemap image et cohérence avec Google Shopping

Shopify génère automatiquement un sitemap incluant les images produit, ce qui couvre l’essentiel des besoins de découverte, y compris pour des galeries dont le rendu dépend en partie de JavaScript. Le sitemap accepte des URL d’un domaine différent (utile si un CDN externe sert vos images), ce qui n’est pas le cas par défaut sur Shopify mais peut s’appliquer si une application tierce héberge certains visuels.

Pour les boutiques qui exploitent Google Shopping en parallèle du référencement naturel, les exigences de format diffèrent et se cumulent aux bonnes pratiques Google Images classiques : image sans filigrane ni texte promotionnel superposé, fond blanc ou neutre de préférence, et surtout correspondance stricte entre l’image affichée dans le flux et la variante réellement listée. Une image généraliste utilisée pour toutes les couleurs dans le flux Shopping, alors que la fiche organique distingue déjà les variantes en Google Images, crée une incohérence entre les deux canaux qui nuit à la confiance accordée au flux. Cette rigueur photo par photo prolonge celle déjà attendue sur la balise title de chaque fiche produit : un travail dissocié pour l’acheteur et pour la SERP, jamais laissé au réglage par défaut de Shopify.

Checklist par fiche produit

1. Vérifier que chaque image est en balise img réelleAucune image informative posée en arrière-plan CSS, invisible pour Google Images.
2. Nommer chaque fichier de façon descriptiveProduit, variante et angle en minuscules séparés par des tirets, jamais un nom générique d’appareil photo.
3. Rédiger un alt text distinct par varianteLa couleur ou l’attribut différenciant doit apparaître dans l’alt text de CHAQUE photo, pas seulement dans le titre de la fiche.
4. Garder une résolution source de 2048 pixelsSuffisant pour le zoom produit sans peser inutilement sur le temps de chargement.
5. Vérifier la cohérence du schéma ProductL’image déclarée en donnée structurée doit correspondre à l’image hero, dont l’alt text est le plus travaillé.
6. Aligner le flux Google Shopping sur les variantes réellesUne image par couleur listée, jamais un visuel générique partagé entre toutes les variantes.

Ce qu’il faut retenir

L’optimisation technique (dimensions, formats, compression) est en grande partie déjà assurée par le CDN Shopify. Ce qui reste entièrement à votre charge, et que la plupart des catalogues négligent, c’est l’alt text différencié par variante : sans lui, vos couleurs et motifs restent structurellement invisibles dans Google Images, quelle que soit la qualité du classement de la fiche elle-même.