SEO des images : balise alt, formats et métadonnées pour Google Images et les IA
Nom de fichier, balise alt, formats WebP et AVIF, lazy loading, sitemap et données structurées : la méthode pour être visible dans Google Images et les IA.

- Une balise alt utile décrit ce que montre réellement l’image, distingue chaque visuel d’une même fiche produit et reste vide pour les éléments purement décoratifs.
- L’image principale d’une fiche produit détermine souvent le LCP : ne la chargez jamais en lazy loading et donnez-lui l’attribut fetchpriority pour la prioriser.
- Le sitemap image n’utilise plus que les balises image:image et image:loc ; légende, titre, licence et géolocalisation ont été retirés par Google.
- Pour les fiches marchand, la propriété image de Product est obligatoire et Google recommande plusieurs visuels haute résolution aux formats 16×9, 4×3 et 1×1.
- ChatGPT et AI Mode affichent des carrousels de produits nourris par des données structurées et des flux : cohérence entre page, balisage et flux devient décisive.
- Les erreurs les plus coûteuses restent simples à corriger : alt manquants ou dupliqués, visuels importants en arrière-plan CSS, photos trop lourdes et dimensions non déclarées.
Le SEO image consiste à rendre chaque visuel trouvable, compréhensible et rapide à charger : un nom de fichier descriptif, une balise alt utile, un texte autour de l’image qui lui donne du sens, un format léger comme WebP ou AVIF, des dimensions déclarées et des données structurées cohérentes. Ces réglages servent Google Images, la recherche classique et les Core Web Vitals. Ils comptent aussi pour les réponses de ChatGPT et de Google AI Mode, qui affichent de plus en plus d’images produits et de vignettes.
Ce guide passe en revue chaque levier avec des exemples e-commerce, puis détaille les réglages propres à Shopify et à WordPress et les erreurs les plus fréquentes.
01Pourquoi le SEO des images compte pour Google Images, la recherche et les IA
Une image bien optimisée travaille sur plusieurs surfaces à la fois. Elle peut apparaître :
- dans Google Images et dans les résultats de Google Lens, qui part d’une photo pour trouver un produit ;
- en vignette à côté d’un résultat classique, d’une fiche produit ou d’un article Discover ;
- dans les carrousels de produits des réponses de ChatGPT et d’AI Mode ;
- et surtout, elle influence la vitesse de la page, donc l’expérience et le LCP.
Pour un e-commerce, l’enjeu est direct : l’image est souvent le premier élément vu avant le clic. Une photo nette, bien décrite et rapide à charger améliore à la fois la visibilité et la conversion.
02Nom de fichier, balise alt et texte autour de l’image
Google comprend une image à partir de plusieurs indices : le nom du fichier, le texte alternatif, la légende, le titre de la page et le texte placé à proximité. Sa documentation sur les bonnes pratiques SEO pour les images recommande des noms courts et descriptifs : « my-new-black-kitten.jpg » plutôt que « IMG00023.JPG ».
Concrètement, pour un fichier image :
- utilisez des mots séparés par des tirets, en minuscules, sans accents ni espaces ;
- décrivez le produit et sa variante : « sneakers-cuir-blanc-semelle-gomme.jpg » ;
- traduisez le nom de fichier si le site existe en plusieurs langues ;
- renommez avant l’envoi : sur la plupart des CMS, l’URL du fichier ne change plus ensuite.
Rédiger une balise alt utile, descriptive et sans bourrage
L’attribut alt décrit l’image pour les personnes qui ne la voient pas : lecteurs d’écran, connexion lente, image bloquée. C’est d’abord un outil d’accessibilité, et c’est ce qui le rend utile au SEO. Google cite en exemple un texte comme « Chiot dalmatien en train de jouer à la balle » et déconseille le bourrage de mots-clés.
Une bonne balise alt respecte quatre règles :
- Elle décrit ce que montre réellement l’image, pas ce que vous voulez vendre.
- Elle reste courte : une phrase, souvent moins de 125 caractères.
- Elle distingue les visuels entre eux : angle, couleur, détail, mise en situation.
- Elle reste vide (alt= » ») pour les images purement décoratives, afin que les lecteurs d’écran les ignorent.
Légende et contexte éditorial
La légende est l’un des textes les plus lus d’une page, et Google s’en sert pour comprendre l’image. Placez chaque visuel près du paragraphe qui en parle, pas en vrac en fin de page. Sur une fiche produit, le titre, la description et les caractéristiques forment le contexte principal : une image de « chaussure de trail » sur une page qui parle de randonnée en montagne sera mieux comprise qu’une image isolée.
Exemples de textes alternatifs pour des images produits
| Image | Alt à éviter | Alt recommandé |
|---|---|---|
| Photo principale d’une sneaker | chaussure | Sneaker en cuir blanc à semelle gomme, vue de profil |
| Détail de la semelle | sneaker blanche pas cher sneaker homme achat sneaker | Semelle crantée en gomme naturelle de la sneaker blanche |
| Mise en situation | image1 | Sneaker blanche portée avec un jean brut, vue de trois quarts |
| Variante couleur | Sneaker en cuir blanc à semelle gomme, vue de profil (copié) | Sneaker en cuir noir à semelle gomme, vue de profil |
| Pictogramme décoratif | icône livraison gratuite meilleur prix | alt vide |
03Formats, poids et dimensions : optimiser les images sans dégrader le LCP
Les images représentent souvent la plus grosse part du poids d’une page. Sur une fiche produit ou une page catégorie, l’image principale est fréquemment l’élément qui détermine le LCP (Largest Contentful Paint). Pour comprendre cet indicateur et ses seuils, consultez le point sur les Core Web Vitals en 2026.
WebP et AVIF : quel format choisir
Google Images accepte les formats BMP, GIF, JPEG, PNG, WebP, SVG et AVIF. Le choix dépend du type de visuel et de votre chaîne technique :
| Format | Usage conseillé | Point d’attention |
|---|---|---|
| AVIF | Photos produits et visuels lourds, quand le CMS ou le CDN le génère | Encodage plus lent, non accepté dans les flux Merchant Center |
| WebP | Format par défaut pour la plupart des photos et visuels | Très bien pris en charge par les navigateurs actuels |
| JPEG | Format de secours et flux produits | Fichiers plus lourds à qualité égale |
| PNG | Visuels avec transparence ou texte net | Lourd pour des photos |
| SVG | Logos, icônes, pictogrammes | Inadapté aux photos |
En pratique, AVIF produit souvent des fichiers plus légers que WebP à qualité visuelle comparable. L’élément picture permet de proposer AVIF, puis WebP, puis JPEG en secours, le navigateur choisissant le premier format qu’il sait lire. Gardez toujours une extension de fichier qui correspond au format réel : Google et Merchant Center le recommandent tous deux.
Lazy loading : ne pas l’appliquer à l’image principale
Le chargement différé (loading= »lazy ») retarde les images situées sous la ligne de flottaison. C’est utile pour les galeries et les listes de produits, mais contre-productif pour l’image principale. Une étude publiée sur web.dev a montré que les pages utilisant le lazy loading avaient tendance à afficher un LCP plus lent, et que ne différer que les images sous la ligne de flottaison corrigeait le problème.
La règle à appliquer :
- image principale (héros, première photo produit) : pas de loading= »lazy », et l’attribut fetchpriority= »high » pour la charger en priorité ;
- images suivantes de la galerie, vignettes, produits associés : loading= »lazy » ;
- images chargées par un script au défilement : vérifiez qu’elles figurent bien dans le HTML rendu, sinon Google peut ne pas les voir.
Dimensions et images responsives
Déclarez toujours les attributs width et height : le navigateur réserve l’espace avant le chargement, ce qui évite les décalages de mise en page (CLS). Servez ensuite une taille adaptée à l’écran avec srcset et sizes, en gardant un attribut src de secours comme le recommande Google.
<img src="sneaker-cuir-blanc-800.webp"
srcset="sneaker-cuir-blanc-400.webp 400w, sneaker-cuir-blanc-800.webp 800w, sneaker-cuir-blanc-1600.webp 1600w"
sizes="(max-width: 768px) 100vw, 50vw"
width="800" height="800"
alt="Sneaker en cuir blanc à semelle gomme, vue de profil"
fetchpriority="high">Évitez d’envoyer une photo de 4 000 pixels de large pour l’afficher en vignette de 300 pixels. Redimensionnez à la taille d’affichage maximale, multipliée par deux pour les écrans haute densité, puis compressez.
04Sitemap image et données structurées Product et ImageObject
Le sitemap image aide Google à découvrir des images qu’il pourrait manquer, par exemple celles chargées par JavaScript ou hébergées sur un CDN. Selon la documentation des sitemaps pour images, seules deux balises sont désormais utilisées : image:image et image:loc. Les balises de légende, de titre, de géolocalisation et de licence ont été retirées, et chaque URL peut déclarer jusqu’à 1 000 images.
Les données structurées complètent le dispositif :
- Product : pour les fiches marchand, la propriété image est obligatoire. Google recommande plusieurs images haute résolution (au moins 50 000 pixels en multipliant largeur et hauteur) aux formats 16×9, 4×3 et 1×1, avec des URL explorables et indexables.
- ImageObject : il sert notamment aux métadonnées de licence (creator, creditText, copyrightNotice, license, acquireLicensePage). Avec la propriété license, l’image peut obtenir le badge « Sous licence » dans Google Images.
- Article, Recipe ou Organization : chaque type accepte une propriété image, à renseigner avec le visuel représentatif.
Pour savoir quels schémas méritent encore l’effort, voyez l’article sur les données structurées à prioriser. La règle de base ne change pas : le balisage doit décrire ce qui est visible sur la page.
05Images produits et vignettes dans les réponses de ChatGPT et de Google AI Mode
Les assistants IA sont devenus des vitrines visuelles. Quand un internaute cherche un produit, ChatGPT affiche des carrousels avec images, prix et liens marchands. Selon l’aide d’OpenAI sur le shopping dans ChatGPT, ces fiches s’appuient sur des métadonnées structurées fournies par des prestataires tiers ou directement par les marchands, et les données des boutiques Shopify y sont intégrées via Shopify Catalog. Les marchands peuvent aussi demander à fournir un flux produit direct.
Côté Google, AI Mode s’appuie sur le Shopping Graph, que Google décrivait en septembre 2025 comme riche de plus de 50 milliards de fiches produits, dont plus de 2 milliards actualisées chaque heure. Google a aussi présenté une recherche visuelle conversationnelle dans AI Mode, où chaque image renvoie vers sa page source, d’abord déployée en anglais aux États-Unis.
Aucun de ces acteurs ne publie de critères propres aux images dans ses réponses IA : les leviers connus restent la qualité des données produits et les bonnes pratiques SEO image. En pratique :
- une image principale nette, sur fond neutre, qui montre clairement le produit ;
- une image par variante, reliée à la bonne couleur ou taille dans le flux et sur la page ;
- un flux Merchant Center propre : Google y relèvera le minimum à 500 x 500 pixels au 31 janvier 2027, recommande environ 1 500 x 1 500 pixels et interdit filigranes, bordures et textes promotionnels ;
- des titres, attributs et prix identiques entre le flux, la page et les données structurées ;
- des alt et des légendes qui reprennent les attributs distinctifs (matière, couleur, usage).
Ces sujets rejoignent ceux du commerce agentique et du shopping dans ChatGPT, où la qualité des données produits conditionne la présence d’un article dans les réponses.
06SEO image sur Shopify et WordPress
Les deux CMS gèrent une partie de l’optimisation automatiquement, mais laissent l’essentiel des textes à votre charge.
Shopify : textes alternatifs et poids des images produits
Sur Shopify, le texte alternatif se saisit média par média :
- Ouvrez Produits, puis la fiche concernée.
- Cliquez sur l’image pour ouvrir l’aperçu du média.
- Cliquez sur « Ajouter un texte alternatif », saisissez le texte et enregistrez.
Shopify accepte jusqu’à 512 caractères mais recommande 125 caractères ou moins. Les alt peuvent aussi être importés en masse par fichier CSV. Côté poids, le CDN de Shopify sert automatiquement des images WebP aux navigateurs compatibles depuis 2019, mais il ne corrige ni une photo envoyée en 5 000 pixels ni un thème qui charge toutes les images de la galerie d’emblée. Vérifiez enfin que le thème ne place pas l’image principale en lazy loading. La checklist technique SEO Shopify détaille les autres limites natives du CMS.
WordPress : médiathèque, attribut alt et extensions d’optimisation
Dans WordPress, le texte alternatif se renseigne dans la médiathèque ou dans le bloc Image de l’éditeur. Attention : modifier l’alt dans la médiathèque ne met pas à jour les images déjà insérées dans les contenus.
- WordPress ajoute nativement loading= »lazy » aux images et, depuis la version 6.3, l’attribut fetchpriority= »high » à l’image qu’il juge la plus susceptible d’être l’élément LCP.
- Depuis la version 6.5, il accepte l’envoi d’images AVIF si la bibliothèque d’images du serveur le permet.
- Une extension d’optimisation peut compresser, redimensionner et convertir en WebP ou AVIF à l’envoi : choisissez-en une seule pour éviter les conflits.
- Les extensions SEO comme Rank Math ou Yoast incluent les images dans les sitemaps XML.
Pour le reste des réglages, la checklist SEO WordPress couvre performance et indexation.
07Erreurs fréquentes : alt vides ou dupliqués, images en CSS, visuels trop lourds
Ces erreurs reviennent dans la plupart des audits de sites e-commerce :
- Alt manquants sur les images produits : le crawler les signale en quelques minutes, la correction se priorise par chiffre d’affaires des pages.
- Alt dupliqués sur toutes les images d’une fiche ou d’une variante à l’autre : aucune information pour distinguer les visuels.
- Images importantes servies en arrière-plan CSS : Google indique qu’il n’indexe pas les images CSS. Les visuels porteurs de sens doivent être dans une balise img.
- Photos de plusieurs mégaoctets affichées en petit format : le poids pèse sur le LCP, surtout sur mobile.
- Image principale en lazy loading : un réglage de thème ou d’extension suffit souvent à retarder le LCP.
- Attributs width et height absents : décalages de mise en page et CLS dégradé.
- Extension de fichier qui ne correspond pas au format réel : rejet possible dans Merchant Center.
- Texte important intégré dans l’image (prix, promotion) : illisible pour les moteurs et interdit dans les flux produits.
Pour un catalogue de plusieurs milliers de produits, l’enjeu devient l’industrialisation : règles de nommage, génération contrôlée des alt, contrôle des flux. C’est l’un des chantiers d’un accompagnement SEO e-commerce, en complément du guide complet du SEO e-commerce.
08Questions fréquentes
Comment optimiser une image pour le SEO ?
Renommez le fichier avec des mots descriptifs, rédigez une balise alt qui décrit précisément l’image, placez-la près du texte qui en parle et ajoutez une légende si elle aide la lecture. Choisissez un format léger (WebP ou AVIF), redimensionnez à la taille d’affichage, déclarez width et height, et réservez le lazy loading aux images situées sous la ligne de flottaison.
Qu’est-ce que la balise alt ?
La balise alt, ou attribut alt, est le texte alternatif d’une image dans le code HTML. Elle est lue par les lecteurs d’écran et s’affiche si l’image ne se charge pas. Google l’utilise, avec le contexte de la page, pour comprendre ce que montre l’image. Elle doit être descriptive, courte et sans bourrage de mots-clés, et rester vide pour les images décoratives.
Quelle taille d’image pour le web ?
Il n’existe pas de taille unique. Redimensionnez chaque image à sa largeur d’affichage maximale, doublée pour les écrans haute densité, puis proposez plusieurs tailles avec srcset. Pour les données structurées Product, Google recommande des images d’au moins 50 000 pixels au total. Pour Merchant Center, il recommande environ 1 500 x 1 500 pixels.
Faut-il utiliser le format WebP ou AVIF ?
Les deux sont acceptés par Google. AVIF produit souvent des fichiers plus légers à qualité comparable, mais son encodage est plus lent et il n’est pas accepté dans les flux Merchant Center. WebP reste le choix le plus simple par défaut. Si votre CMS ou CDN génère AVIF, proposez-le avec WebP ou JPEG en secours grâce à l’élément picture.
Les images apparaissent-elles dans les réponses de ChatGPT ?
Oui. ChatGPT affiche des images, notamment dans ses carrousels de produits, avec prix et liens vers les marchands. Selon OpenAI, ces fiches reposent sur des métadonnées structurées fournies par des tiers ou directement par les marchands. Des images nettes, des données produits cohérentes et des pages bien balisées augmentent les chances d’y figurer, sans garantie.
- Google Search Central : Bonnes pratiques de SEO pour les images – Formats acceptés (BMP, GIF, JPEG, PNG, WebP, SVG, AVIF), images CSS non indexées, exemples de nom de fichier et de texte alternatif, src de secours avec srcset (mise à jour du 3 mars 2026).
- Google Search Central : Sitemaps pour images – Seules image:image et image:loc sont utilisées, balises caption, title, geo_location et license retirées, jusqu’à 1 000 images par URL.
- Google Search Central : Données structurées des fiches marchand (Product) – La propriété image est obligatoire ; images explorables et indexables, au moins 50 000 pixels, formats 16×9, 4×3 et 1×1 recommandés.
- web.dev : The performance effects of too much lazy loading – Les sites qui utilisent le lazy loading ont tendance à avoir un LCP plus lent ; ne différer que les images sous la ligne de flottaison corrige la régression.
- OpenAI Help Center : Shopping with ChatGPT Search – Les carrousels produits affichent images, prix et liens ; métadonnées issues de prestataires tiers ou des marchands, intégration de Shopify Catalog, flux produit direct sur demande.
