Images et texte alternatif : optimiser pour le SEO vin


Optimiser les images et le texte alternatif en vin : SEO, accessibilité et conversion

Sur un site de vente de vin, les images ne sont pas du remplissage visuel : ce sont des engines de SEO et de vente. Une belle photo de bouteille ne suffit pas. Google doit comprendre ce qu’elle représente. Vos clients malvoyants doivent saisir la différence entre un Bordeaux 2018 et un Bourgogne 2019. Et vos visiteurs doivent avoir envie de cliquer « Ajouter au panier ».

Beaucoup de producteurs et cavistes ignorent qu’un texte alternatif bien écrit améliore à la fois le classement Google, l’accessibilité WCAG et le taux de conversion. Cet article vous montre comment, avec exemples concrets.

Pourquoi les images posent un problème SEO en oenologie

Google ne « voit » pas les images comme vous. Son robot crawl le code HTML. Si vous écrivez : 

<img src="photo.jpg">

Google ne sait pas s’il s’agit d’une bouteille de Châteauneuf-du-Pape, d’un verre ou d’une étiquette fermée. Il ne peut donc pas :

  • Indexer l’image pour les recherches « Châteauneuf-du-Pape 2019 » ou « vin rouge Rhône »
  • Enrichir votre fiche produit dans les résultats de recherche
  • Proposer votre image en Google Images, source de trafic gratuit
  • Améliorer votre score Core Web Vitals (l’attribut alt aide au rendu de la page)
  • Servir vos utilisateurs malvoyants qui utilisent un lecteur d’écran

Pour un site de vin avec plusieurs centaines de produits, cette négligence représente des milliers de pages quasi invisibles à Google.

Le texte alternatif n’est pas juste une obligation légale

L’attribut HTML alt est obligatoire depuis la directive WCAG 2.1 (accessibilité web). Mais réduire le SEO à une simple conformité légale est une erreur commerciale.

Un texte alternatif fait trois choses à la fois :

  • Signal SEO : Google le lit et le pond dans son index d’images. Un alt riche en mots clés augmente la visibilité sur Google Images et améliore le contexte de la page.
  • Accessibilité : Les lecteurs d’écran (utilisés par ~4 % de la population) lisent le texte alt à voix haute. Un bon alt aide ces utilisateurs à comprendre l’image.
  • Conversion : Si l’image ne charge pas (réseau lent, erreur serveur), le texte alt s’affiche. Un alt descriptif rassure et oriente l’acheteur.

Ces trois objets ne s’opposent pas. Un texte alternatif bien écrit les sert tous.

Formule de base : descriptif + contexte + mot clé

Pour un site de vin, voici la structure recommandée d’un bon alt : 

Bouteille de [appellation] [millésime], [couleur], [producteur si pertinent]

Exemples (bons vs mauvais) :

❌ Mauvais alt ✅ Bon alt Pourquoi ?
image1.jpg Bouteille de Châteauneuf-du-Pape 2019, vin rouge Rhône Le premier est vide de sens. Le second décrit précisément, inclut l’appellation et le contexte géographique.
vin Bouteille de Bordeaux Pauillac 2018, vin rouge, château classé « Vin » seul ne dit rien. L’alt long donne région, millésime, couleur et positionnement haut de gamme.
photo bouteille Verre de Sauternes 2015, vin blanc liquoreux, robe dorée Le premier est générique. Le second parle du produit fini, de la couleur visible et du style.
produit 42 Côtes du Rhône 2021, vin rouge fruité, appellation d’origine contrôlée Un numéro de SKU ne dit rien. L’alt SEO-friendly décrit la bouteille et son classification.

Règle d’or : entre 8 et 15 mots. Pas plus court (trop vague), pas plus long (Google truncate et ça lit mal aux utilisateurs de lecteurs d’écran).

Au-delà du texte alternatif : l’attribut title, le caption et le contexte

L’alt ne suffît pas. Voici ce qui l’entoure :

L’attribut title (au survol)

Le title n’est pas un signal SEO direct, mais améliore l’UX desktop. Utilisez-le pour ajouter une info supplémentaire : 

<img src="chateau-lafite-2015.jpg" alt="Bouteille de Pauillac 2015, vin rouge Bordeaux" title="Château Lafite Rothschild, grand cru classé 1855">

Le caption (légende sous l’image)

Si vous avez une image avec une légende visible, encapsulez-la avec <figure> et <figcaption> : 

<figure>
  <img src="..." alt="Bouteille de Hermitage 2016">
  <figcaption>Hermitage 2016, domaine de la Chapelle, Rhône nord. Noté 95 Parker.</figcaption>
</figure>

Google pondère le caption presque autant que l’alt. Utilisez-le pour du contexte commercial ou des notes de dégustation.

Le contexte dans le <body>

L’image idéale est entourée de texte pertinent. Si votre image est dans une fiche produit qui parle déjà de l’appellation et du millésime, l’alt peut être un peu plus concis. Si l’image est isolée, l’alt doit être auto-suffisant.

Format, poids et noms de fichier : optimisation technique

Un bon alt ne compense pas une image mal optimisée techniquement.

Choisir le bon format

  • JPEG : Pour les photos de bouteilles et étiquettes (riche en couleurs). Compresse bien sans perte visible.
  • WebP : Format moderne, 25–35 % plus léger que JPEG pour la même qualité. Supporté par 96 % des navigateurs modernes.
  • PNG : Pour les infographies, les schémas de vignes ou les graphiques (transparence nécessaire).
  • Éviter : BMP, TIFF, GIF animé (trop lourd ou mal supporté).

Dimen et poids

Les images en 800 × 800 px pour une fiche produit suffisent. Ne téléchargez pas une photo 6000 × 4000 px d’un appareil photo professionnel : compressez-la d’abord.

Cible : 200–300 Ko par image (JPEG optimisé ou WebP).

Outils gratuits : TinyPNG, Squoosh (Google), ImageOptim (Mac).

Nom de fichier explicite

Google lit aussi le nom du fichier. Au lieu de : 

IMG_2024.jpg

Écrivez : 

chateau-margaux-2015-vin-rouge-bordeaux.jpg

Utilisez des tirets (pas d’espaces, pas de caractères accentués). Cela aide Google à tokenizer les mots clés.

Cas d’usage : images spécifiques en oenologie

1. Photo de bouteille (produit)

<img src="bourgogne-pinot-noir-2017.jpg" alt="Bouteille de Bourgogne 2017, vin rouge Côte de Nuits, domaine Faiveley">

Alt structuré : [appellation] [millésime], [couleur] [région], [producteur]. Environ 12 mots.

2. Photo d’étiquette (détail)

<img src="etiquette-sancerre-domaine-la-moussiere.jpg" alt="Étiquette de Sancerre blanc 2020, domaine Alphonse Mellot">

Précisez « Étiquette » pour aider les lecteurs d’écran à distinguer du produit fini.

3. Photo de dégustation (verre rempli)

<img src="verre-chablis-grand-cru-william-fevre.jpg" alt="Verre de Chablis Grand Cru 2019, vin blanc sec Bourgogne, robe pâle cristalline">

Incluez la description visuelle (robe, couleur) pour compléter le produit.

4. Image d’infographie (approche tasting)

<img src="guide-accords-mets-vins-bourgogne.jpg" alt="Infographie d'accords mets-vins Bourgogne : Pinot Noir avec viandes, Chardonnay avec poissons et crustacés">

Pour une infographie, décrivez le contenu principal. L’alt devient une synth qui aide l’indexation.

SEO Images et Google Images : la stratégie long-tail

Google Images est une source de trafic souvent ignorée. Un site de vin avec 500 bouteilles référencées peut attirer 15–30 % de son trafic de Google Images si les images sont bien optimisées.

Trois leviers :

  1. Alt + contexte : Un alt riche + texte de page = meilleure pertinence pour Google Images.
  2. Structuration markup : Utilisez schema.org/Product pour décrire le vin (prix, avis, appellation). Google Images bénéficie indirectement de ce balisage.
  3. Sitemap images : Créez un sitemap XML dédié aux images (sitemap-images.xml) pour être sûr qu’elles sont crawlées.

Exemple de markup Product : 

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Châteauneuf-du-Pape 2018",
  "image": "chateau-beaucastel-2018.jpg",
  "description": "Vin rouge de la vallée du Rhône, appellation AOC",
  "brand": "Château de Beaucastel",
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.7",
    "reviewCount": "23"
  }
}
</script>

Accessibilité WCAG : au-delà du minimum légal