Votre développeur ouvre l'audit d'accessibilité et fait défiler 12 000 images signalées. Attributs alt vides. Noms de fichiers générés automatiquement — IMG_4529.jpg, product-photo-final-v3.png. Zéro trafic de recherche d'images. Un client de commerce électronique de taille moyenne nous a engagés pour réécrire chacun d'entre eux. Nous avons suivi les classements, les impressions de recherche d'images et les scores WCAG pendant 90 jours. Certains changements ont immédiatement marqué des points. D'autres n'ont rien fait. Un schéma a émergé qu'aucun guide SEO ne mentionne, et il représentait la majorité de l'amélioration. Voici ce que nous avons trouvé lorsque nous avons réellement mesuré le texte alt à grande échelle.

Ce qui a suivi a été l'un des projets les plus instructifs en matière de SEO et d'accessibilité que nous ayons jamais réalisés. Non pas parce que le travail était glamoureux — il ne l'était absolument pas — mais parce que nous avons pu voir, avec de vraies données, ce qui compte réellement en matière de texte alt d'image en 2026. Spoiler : une grande partie des conseils circulant en ligne sont soit obsolètes, soit simplement faux.

Table des matières

Nous Avons Réécrit le Texte Alt de 12 000 Images : Ce Qui A Réellement Changé les Classements

Le Point de Départ : À Quel Point C'Était Mauvais ? {#le-point-de-départ-à-quel-point-cétait-mauvais}

Laissez-moi peindre le tableau. Il s'agissait d'un magasin de commerce électronique pour articles de maison fonctionnant avec un frontend Next.js découplé et un backend CMS découplé — une configuration que nous construisons fréquemment chez Social Animal (vous pouvez voir nos capacités de développement Next.js et nos travaux de CMS découplé pour le contexte). Le catalogue de produits contenait environ 3 200 SKU, chacun avec 3-5 images.

Voici à quoi ressemblait la situation du texte alt avant de commencer :

Catégorie de Texte Alt Pourcentage d'Images Exemple
Complètement vide (alt="") 34% <img src="product.jpg" alt="">
Nom de fichier comme texte alt 28% alt="IMG_4529.jpg"
Générique/inutile 22% alt="product image"
Rempli de mots-clés 11% alt="blue ceramic vase vase blue vase ceramic"
Décemment bon 5% alt="Blue ceramic vase, 12 inches tall"

Le score d'accessibilité Lighthouse était en moyenne 62 sur les pages de produits. Google Image Search envoyait environ 180 clics par mois — pathétique pour un catalogue de cette taille. Leurs rapports d'outils WAVE d'accessibilité ont montré plus de 8 000 erreurs liées uniquement aux images.

Images Décoratives vs Informatives : La Décision Qui Change Tout {#images-décoratives-vs-informatives}

Avant d'écrire un seul caractère de texte alt, nous devions prendre une décision pour chaque image : est-ce décoratif ou informatif ?

Cette distinction compte plus que la plupart des gens ne le réalisent. Si vous vous trompez, vous encombrez soit l'expérience du lecteur d'écran avec du bruit, soit vous cachez des informations critiques aux utilisateurs qui en ont besoin.

Ce Qui Compte Comme Décoratif

Une image décorattive est une image qui ajoute de l'intérêt visuel mais ne transmet pas d'informations qui ne sont pas déjà disponibles dans le texte environnant. Celles-ci reçoivent un attribut alt vide — pas manquant, explicitement vide :

<!-- Correct : image décoractive avec alt vide -->
<img src="divider-swirl.svg" alt="" role="presentation">

<!-- Faux : alt complètement manquant -->
<img src="divider-swirl.svg">

Dans notre audit, nous avons classé environ 1 800 images (15%) comme décoratives. Celles-ci comprenaient :

  • Les textures et motifs de fond
  • Les séparateurs et bordures décoratives
  • Les icônes déjà accompagnées de libellés textes
  • Les images de lifestyle/ambiance où le texte adjacent décrivait complètement le contexte

Ce Qui Compte Comme Informatif

Tout le reste. Et voici où les gens se trompent — ils sous-estiment ce qui est « informatif ». Ce cliché de lifestyle d'un canapé dans un salon ? S'il est sur la page de produit de ce canapé, il est informatif. Il montre la couleur, l'échelle, le contexte de style.

Nous avons classé 10 200 images comme informatives, et chacune avait besoin d'un vrai texte alt utile.

La Zone Grise

Certaines images vivent réellement dans une zone grise. Une bannière héroïque avec du texte superposé sur une photo de lifestyle — l'image est-elle décoractive parce que le texte superposé porte le sens ? Ou l'image de fond est-elle informative parce qu'elle montre le produit ?

Notre règle : si supprimer l'image rendrait la page moins utile pour quelqu'un qui ne peut pas la voir, c'est informatif. Nous avons pris le parti d'écrire du texte alt. Vous pouvez toujours l'affiner plus tard, mais vous ne pouvez pas faire d'audit d'accessibilité sur ce qui n'existe pas.

Budgets de Caractères : Quelle Devrait Être la Longueur Réelle du Texte Alt ? {#budgets-de-caractères-quelle-devrait-être-la-longueur-réelle-du-texte-alt}

C'est ici que l'Internet vous donne des conseils sauvagement contradictoires. « Gardez-le sous 125 caractères. » « Rendez-le aussi long que nécessaire. » « Une seule phrase maximum. » Voici ce que nous avons trouvé après avoir testé sur plusieurs lecteurs d'écran et mesuré l'impact sur les classements.

La Réalité du Lecteur d'Écran

Nous avons testé avec NVDA, JAWS et VoiceOver. Voici ce que nous avons trouvé :

Lecteur d'Écran Comportement avec Texte Alt Long
NVDA Lit le texte alt entier sans interruption, pas de limite de caractères
JAWS Lit le texte alt complet, l'utilisateur peut faire pause/passer
VoiceOver (macOS/iOS) Lit le texte alt complet, légère pause à ~150 caractères sur les anciennes versions

La « limite de 125 caractères » qui est répétée partout ? Elle vient d'une ancienne version de JAWS qui tronquerait dans certains modes d'affichage. Ce n'est plus vrai depuis des années. Les lecteurs d'écran modernes gèrent le texte alt de n'importe quelle longueur.

Cela dit, il y a une limite pratique. Les utilisateurs de lecteurs d'écran ne veulent pas rester assis pendant qu'on leur lit un paragraphe pour chaque image. Nous avons atterri sur ce cadre budgétaire de caractères :

Type d'Image Longueur Cible Longueur Max
Simple photo de produit 40-80 caractères 100 caractères
Produit en contexte/lifestyle 60-120 caractères 150 caractères
Infographie ou image complexe 80-150 caractères 200 caractères (avec longdesc ou aria-describedby pour plus)
Graphique ou visualisation de données Utiliser aria-describedby pointant vers un tableau de données N/A

Le Sweet Spot SEO

Voici quelque chose d'intéressant dans nos données. Nous avons suivi les changements de classement pour les images de produits dans la recherche d'images Google et les avons corrélés avec la longueur du texte alt. Le sweet spot était 50-100 caractères. Les images avec du texte alt dans cette plage ont montré la meilleure amélioration dans les classements de recherche d'images.

Le texte alt inférieur à 30 caractères a montré un impact minimal. Le texte alt supérieur à 150 caractères a en réalité corrélé avec une performance légèrement pire de la recherche d'images — peut-être parce que Google soupçonnait le bourrage de mots-clés, ou peut-être simplement du bruit.

Nous Avons Réécrit le Texte Alt de 12 000 Images : Ce Qui A Réellement Changé les Classements - architecture

Ce Que Nous Avons Écrit : Exemples Réels de Texte Alt pour le Commerce Électronique {#ce-que-nous-avons-écrit-exemples-réels-de-texte-alt-pour-le-commerce-électronique}

Soyons spécifiques. Voici des exemples avant et après réels du projet, avec les détails du produit légèrement modifiés pour respecter la confidentialité du client.

Images de Produits

Avant :

<img src="vase-blue-1.jpg" alt="product image">

Après :

<img src="vase-blue-1.jpg" alt="Handmade blue ceramic vase with white speckle glaze, 12 inches tall">

Pourquoi ça fonctionne : Couleur, matériau, finition et taille — les choses qu'un acheteur a besoin de savoir qu'il ne peut pas obtenir du titre du produit seul.

Photos de Lifestyle/Contexte

Avant :

<img src="living-room-setup.jpg" alt="IMG_8821.jpg">

Après :

<img src="living-room-setup.jpg" alt="Blue ceramic vase on a white marble side table in a modern living room with neutral decor">

Pourquoi ça fonctionne : Cela dit à l'utilisateur du lecteur d'écran ce que la photo montre réellement — le contexte qui aide aux décisions d'achat.

Variantes de Produits

Avant :

<img src="throw-red.jpg" alt="throw blanket">
<img src="throw-blue.jpg" alt="throw blanket">
<img src="throw-green.jpg" alt="throw blanket">

Après :

<img src="throw-red.jpg" alt="Merino wool throw blanket in deep burgundy red">
<img src="throw-blue.jpg" alt="Merino wool throw blanket in ocean blue">
<img src="throw-green.jpg" alt="Merino wool throw blanket in sage green">

Pourquoi ça fonctionne : Chaque image de variante a désormais un texte alt unique qui la distingue. Cela compte à la fois pour l'accessibilité et la recherche d'images.

L'Erreur du Bourrage de Mots-Clés

Certains des textes alt existants avaient clairement été écrits par quelqu'un à qui on avait dit « mets des mots-clés dans le texte alt » sans autre orientation :

Avant (bourrage de mots-clés) :

<img alt="blue vase ceramic vase handmade vase blue ceramic handmade vase buy vase online">

C'est pire que de ne pas avoir du tout de texte alt. C'est hostile pour les utilisateurs de lecteurs d'écran et Google pénalise ce schéma depuis au moins 2023. Nous avons remplacé chaque instance.

L'Impact sur le Classement : Ce Qui A Réellement Bougé {#limpact-sur-le-classement-ce-qui-a-réellement-bougé}

Maintenant pour la partie que tout le monde veut connaître. Nous avons suivi les résultats pendant 6 mois après la fin de la réécriture.

Trafic de la Recherche d'Images Google

  • Avant : ~180 clics/mois depuis Google Images
  • Après (mois 3) : ~620 clics/mois
  • Après (mois 6) : ~1 140 clics/mois

C'est une augmentation de 533% du trafic de recherche d'images Google. La croissance n'a pas été instantanée — il a fallu environ 6-8 semaines à Google pour recrawler et réindexer les images.

Recherche Organique Régulière

Cela nous a surpris. Nous avons vu des améliorations mesurables dans les classements de recherche réguliers (non-images) pour les pages de produits qui avaient du texte alt particulièrement mauvais avant. Les pages où toutes les images avaient un texte alt vide ou basé sur un nom de fichier ont vu une amélioration moyenne de 3-5 positions pour leurs mots-clés cibles.

Notre théorie : le texte alt approprié donne à Google un contexte supplémentaire sur le contenu de la page. Ce n'est pas un facteur de classement énorme en soi, mais pour les pages qui concourent dans des créneaux serrés, chaque signal aide.

Catégories de Produits Spécifiques Qui Ont Bougé

Catégorie de Produit Clics Recherche d'Images (Avant) Clics Recherche d'Images (Après, Mo. 6) Changement
Vases en céramique 22/mo 189/mo +759%
Plaids en laine 31/mo 204/mo +558%
Affiches murales 48/mo 287/mo +498%
Accessoires de cuisine 19/mo 98/mo +416%
Coussins décoratifs 60/mo 362/mo +503%

Les gains les plus importants sont venus dans les catégories où le texte alt était le plus descriptif et spécifique. Le texte alt générique comme « throw blanket » a à peine bougé l'aiguille. Le texte alt spécifique comme « chunky knit merino wool throw blanket in dusty rose, 50 by 60 inches » a généré de vrais résultats.

Changements du Score d'Accessibilité {#changements-du-score-daccessibilité}

Les améliorations d'accessibilité ont été spectaculaires et immédiates — pas d'attente des crawlers.

Scores Lighthouse

  • Avant : Moyenne 62 sur les pages de produits
  • Après : Moyenne 94 sur les pages de produits

Les 6 points restants étaient surtout liés à des problèmes de contraste de couleur et à quelques problèmes de widgets tiers qui étaient en dehors de notre champ d'application.

Résultats de l'Outil WAVE

  • Erreurs liées aux images : Passé de 8 247 à 12
  • Alertes liées aux images : Passé de 3 891 à 234

Les 12 erreurs restantes provenaient de contenu généré par les utilisateurs (photos d'avis) que nous ne contrôlions pas. Les 234 alertes étaient surtout des avertissements « texte alt suspect » sur les images où nous avions intentionnellement utilisé des descriptions courtes.

Impact Réel sur l'Utilisateur

Le client a mené une enquête post-lancement auprès des utilisateurs qui se sont identifiés comme utilisant la technologie d'assistance. Les commentaires étaient clairs : l'expérience d'achat est passée de « essentiellement inutilisable » à « ça fonctionne réellement ». Un utilisateur a spécifiquement mentionné être en mesure de distinguer entre les variantes de couleur pour la première fois.

Ce n'est pas juste du sentiment agréable. En 2026, les poursuites en matière de conformité à l'ADA contre les sites de commerce électronique continuent à s'exécuter à des milliers par an aux États-Unis. Le texte alt approprié n'est pas optionnel — c'est une exigence légale.

Ce Que Utilise Désormais la Recherche d'Images IA {#ce-que-utilise-désormais-la-recherche-dimages-ia}

C'est ici que les choses deviennent vraiment intéressantes. Google Image Search a changé fondamentalement avec l'intégration de systèmes d'IA, et comprendre quels signaux ils utilisent change la façon dont vous devriez penser au texte alt.

Google Lens et Multisearch

Google Lens traite des milliards de recherches visuelles par mois. Quand quelqu'un utilise Lens pour rechercher un produit, Google utilise plusieurs signaux :

  1. Similarité visuelle — à quoi l'image ressemble vraiment (vous ne pouvez pas contrôler grand-chose ici)
  2. Texte alt — toujours un signal principal pour comprendre ce qu'une image représente
  3. Contenu de la page environnante — texte à côté de l'image sur la page
  4. Données structurées — Schéma Product, en particulier les propriétés image
  5. Nom de fichier d'image — oui, compte toujours légèrement
  6. Données EXIF — moins pertinent pour les images de produits mais compte pour la photographie

Sélection d'Image AI Overviews

Google AI Overviews (anciennement SGE) tire fréquemment des images dans ses réponses générées. D'après notre suivi, les images avec un texte alt descriptif étaient 3,4 fois plus susceptibles d'être sélectionnées pour l'inclusion dans AI Overview par rapport aux images avec un texte alt générique ou manquant.

Cela a du sens. L'IA doit comprendre ce qu'une image montre avant de décider si elle doit l'inclure dans une réponse. Le texte alt est le signal le plus direct disponible.

Bing Visual Search et ChatGPT

Avec l'intégration par ChatGPT de l'index de recherche de Bing, le texte alt alimente désormais aussi les réponses d'IA conversationnelle. Quand quelqu'un demande à ChatGPT de « trouver-moi un vase en céramique bleue », les images de produits qui apparaissent sont fortement influencées par la qualité du texte alt.

Le modèle GPT-4o d'OpenAI utilise aussi le texte alt lors de l'analyse des pages Web pour ses capacités de navigation. Un bon texte alt signifie que vos produits peuvent être décrits avec précision par les assistants d'IA.

L'Angle du Machine Learning

Voici une nuance que la plupart des articles manquent : Google Vision AI peut désormais identifier les objets dans les images de façon indépendante. Alors pourquoi le texte alt compte-t-il encore ? Parce que la vision machine peut vous dire QUOI est dans une image, mais le texte alt dit à Google le CONTEXTE.

Vision AI voit « objet cylindrique céramique bleu ». Votre texte alt dit « Vase en céramique bleue artisanale avec glaçure à motif blanc crème, 12 pouces de haut ». Le texte alt fournit la spécificité, l'information de marque, les matériaux et les dimensions que l'analyse visuelle pure ne peut pas extraire.

Notre Cadre de Texte Alt {#notre-cadre-de-texte-alt}

Après ce projet, nous avons développé un cadre que nous utilisons désormais pour tous nos projets de développement de CMS découplé. Voici l'arbre de décision :

Étape 1 : Classer l'Image

  • Décoractive ? → alt="" et passez
  • Informative ? → Continuer à l'Étape 2

Étape 2 : Déterminer le Type d'Image

Image de produit → [Matériau] [Couleur] [Produit] [Caractéristique Clé] [Taille si pertinent]
Image de lifestyle → [Produit] [Lieu/Contexte] [Description de l'Environnement]
Infographie → Résumé bref + aria-describedby pour les détails complets
Icone avec texte → alt="" (le libellé texte le gère)
Icone sans texte → alt="[Action/Sens]"

Étape 3 : Écrire et Valider

  • Écrivez naturellement, comme si vous décriviez l'image à quelqu'un au téléphone
  • Ne commencez pas par « Image de » ou « Photo de » — les lecteurs d'écran l'annoncent déjà
  • Incluez le nom/type de produit tôt dans le texte alt
  • Restez dans le sweet spot de 50-100 caractères quand possible
  • Exécutez un linter d'accessibilité

Étape 4 : Intégrer avec Votre CMS

Nous construisons des champs de texte alt directement dans les modèles de contenu du CMS. Pour les configurations de CMS découplées (Contentful, Sanity, Hygraph, etc.), nous créons des champs personnalisés qui imposent les exigences de texte alt :

// Exemple de schéma Sanity pour les images de produits
{
  name: 'productImage',
  type: 'image',
  fields: [
    {
      name: 'alt',
      type: 'string',
      title: 'Alt Text',
      description: 'Describe this image in 50-100 characters. Do not start with "image of".',
      validation: Rule => Rule.required()
        .min(20)
        .max(150)
        .error('Alt text must be between 20 and 150 characters')
    },
    {
      name: 'isDecorative',
      type: 'boolean',
      title: 'Decorative Image (no alt text needed)',
      description: 'Check this only if the image adds no informational value'
    }
  ]
}

Cette validation attrap les textes alt vides au stade de la saisie de contenu, pas après leur mise en ligne. La prévention bat la correction chaque fois.

Pour les équipes qui cherchent à implémenter ce type d'approche structurée, notre équipe de développement de CMS découplé a configuré ces flux de travail sur des dizaines de projets de commerce électronique. Si vous voulez discuter de votre situation spécifique, contactez-nous.

Et le Texte Alt Généré par l'IA ?

Nous avons testé plusieurs générateurs de texte alt par IA au cours de ce projet, y compris les capacités de vision de GPT-4o, Google Cloud Vision API et les outils dédiés comme ceux d'Ahrefs et AltText.ai.

Notre verdict : le texte alt généré par l'IA est un point de départ raisonnable pour les grands catalogues, mais il doit être examiné par un humain. L'IA a systématiquement manqué :

  • Les descriptions spécifiques des matériaux (« céramique » vs « porcelaine » vs « grès »)
  • Les noms de couleur exacts qui correspondaient à la liste de produits
  • Les informations de taille et de dimension
  • La terminologie spécifique à la marque

Nous avons utilisé l'IA pour générer des brouillons initiaux, puis un éditeur humain a affiné chacun d'eux. Cela a réduit le calendrier du projet d'une estimation de 12 semaines à 7 semaines.

FAQ

Le texte alt affecte-t-il directement les classements réguliers de Google Search ?

Sur la base de nos données, il a un petit effet mais mesurable. Les pages avec un texte alt correctement optimisé ont vu des améliorations de 3-5 positions dans la recherche organique régulière. Ce n'est pas un facteur de classement principal, mais cela contribue à la compréhension par Google de la pertinence de la page. L'impact le plus important est sur la recherche d'images Google, où nous avons vu une augmentation de trafic de 533%.

Dois-je mettre des mots-clés dans mon texte alt ?

Oui, mais naturellement. Votre texte alt doit décrire avec précision l'image, et si vos mots-clés cibles sont pertinents pour ce que l'image montre, ils apparaîtront naturellement. Ne forcez jamais les mots-clés dans le texte alt ou ne les répétez. Google appelle explicitement le texte alt bourré de mots-clés comme un signal négatif dans sa documentation de recherche.

Quelle devrait être la longueur du texte alt pour les images de produits de commerce électronique ?

Nos données ont montré les meilleurs résultats avec 50-100 caractères pour les photos de produits standard. C'est assez long pour être descriptif mais assez court pour éviter de déclencher des signaux de spam ou d'ennuyer les utilisateurs de lecteurs d'écran. Pour les images complexes comme les photos de lifestyle ou les scènes stylisées, jusqu'à 150 caractères convient bien.

Quelle est la différence entre un attribut alt vide et un attribut alt manquant ?

Cela trompe beaucoup de développeurs. alt="" (vide) dit aux lecteurs d'écran « cette image est décoractive, passez-la ». Un attribut alt complètement manquant signifie que le lecteur d'écran lira souvent le nom de fichier à la place, ce qui est une expérience utilisateur terrible. Incluez toujours l'attribut alt — rendez-le vide pour les images décoratives, descriptif pour les images informatives.

Dois-je commencer le texte alt par « Image de » ou « Photo de » ?

Non. Les lecteurs d'écran annoncent déjà qu'un élément est une image avant de lire le texte alt. Commencer par « Image de » crée une redondance : les utilisateurs entendent « Image : Image de blue vase » ce qui est maladroit. Décrivez simplement directement ce qui est dans l'image.

Comment le texte alt fonctionne-t-il avec Google Lens et la recherche visuelle ?

Google Lens utilise le texte alt comme l'un des plusieurs signaux pour comprendre les images. Bien que Lens puisse analyser visuellement le contenu de l'image, le texte alt fournit le contexte que l'analyse visuelle pure ne peut pas — comme la composition des matériaux, les dimensions exactes, les noms de marques et la terminologie spécifique du produit. Les images avec un bon texte alt sont significativement plus susceptibles d'apparaître dans les résultats de Lens.

Les outils d'IA peuvent-ils écrire automatiquement le texte alt ?

Les outils d'IA comme GPT-4o et les services spécialisés peuvent générer de bons premiers brouillons de texte alt. Cependant, ils manquent systématiquement les détails spécifiques aux produits comme les matériaux exacts, la terminologie de marque et les noms de couleur précis. Nous recommandons d'utiliser l'IA pour générer les brouillons initiaux puis d'avoir un humain les affiner. Cette approche hybride a réduit notre calendrier de projet d'environ 40%.

Le texte alt est-il requis par la loi pour les sites de commerce électronique ?

En termes pratiques, oui. En vertu de l'ADA aux États-Unis et de la Loi sur l'Accessibilité Européenne (en vigueur en juin 2025), les sites Web de commerce électronique sont censés respecter les normes WCAG 2.1 AA, qui exigent un texte alt pour les images informatives. Des milliers de poursuites liées à l'accessibilité Web de l'ADA continuent d'être intentées chaque année aux États-Unis, et le texte alt manquant ou inadéquat est l'un des problèmes les plus couramment cités. Le risque légal est réel et croissant.