Optimiser images et texte alternatif en épicerie fine | SEO

Optimiser les images et le texte alternatif en épicerie fine : un levier SEO sous-exploité

Vous vendez du safran de Perse, des vinaigres balsamiques artisanaux ou des chocolats de terroir. Chaque produit mérite une belle photo. Mais une belle photo seule ne classe pas dans Google.

Les images représentent pourtant 40% du temps de chargement d’une page e-commerce. Et le texte alternatif (l’attribut alt) est un signal direct pour Google et l’accessibilité. Pourtant, dans l’épicerie fine, peu d’acteurs l’exploitent vraiment.

Ce guide vous montre comment transformer vos images en atout SEO — sans passer par une refonte complète ni sacrifier votre esthétique produit.

—

Pourquoi les images comptent en épicerie fine

L’épicerie fine vit sur la confiance visuelle. Un client ne peut pas goûter votre fromage AOP en ligne. Il faut que l’image raconte l’histoire : l’authenticité, la qualité, le terroir.

Mais Google aussi lit les images. Pas comme vous. Il a besoin de trois choses :

Un texte alt clair : il décrit ce que contient l’image.
Un nom de fichier explicite : pas « image_001.jpg », mais « safran-cachemire-30g.jpg ».
Un contexte textuel : le paragraphe qui entoure l’image doit correspondre au sujet.

Pour un site de produits de luxe ou de niche, ce détail fait la différence entre apparaître dans « Achetez du safran » ou rester invisible.

—

Le texte alternatif : pas juste une obligation légale

Le texte alt sert deux maîtres : l’accessibilité (les lecteurs d’écran) et le SEO. Trop souvent, c’est un champ rempli par habitude administrative.

Mauvais texte alt : « produit photo »
Bon texte alt : « Vinaigre balsamique traditionnel de Modène 25 ans d’âge en bouteille de 250 ml »

Pourquoi ? Parce que ce deuxième texte :

Décrit précisément le produit (Google comprend que c’est du balsamique, pas du vinaigre blanc).
Inclut des variantes de mots-clés (« vinaigre traditionnel », « 25 ans »).
Reste lisible pour quelqu’un qui n’accède qu’au texte (respecte l’a11y).
Aide au contexte sémantique de la page.

La limite : 100 à 125 caractères. Au-delà, c’est du bourrage. Et surtout, évitez de répéter le mot-clé principal 5 fois pour « forcer » le classement. Google pénalise cette pratique.

—

Optimiser le nom de fichier image

Avant même d’uploader une image, renommez-la.

À éviter : IMG_7843.jpg · produit_final.jpg · photo-2024.jpg

À faire : huile-truffe-noire-perigord-500ml.jpg · fromage-comte-36-mois.jpg

Séparez les mots par des tirets (pas d’underscores), utilisez des mots-clés pertinents et soyez descriptif sans noyer le fichier sous l’info inutile.

Pourquoi ? Google lit aussi le nom du fichier. C’est un signal faible, mais cumulé aux autres optimisations, cela crée de la cohérence sémantique.

—

L’ordre des images : contexte et proximité textuelle

Une image isolée dans une page ne pèse rien en SEO. Elle doit baigner dans un contexte textuel riche et pertinent.

Exemple mauvais :
La photo du safran arrive au milieu d’un paragraphe sur la livraison. Le texte alt dit « Safran Cachemire », mais il n’y a pas un mot de contexte autour. Google ne sait pas si c’est un safran, un parfum ou un costume.

Exemple bon :
Un paragraphe de 150 mots décrit les origines du safran de Cachemire, sa qualité gustative, son arôme. Puis arrive l’image avec le texte alt cohérent. Puis un appel à l’action. Google comprend que la page traite vraiment du safran.

La proximité textuelle fonctionne aussi entre plusieurs images. Si vous montrez 3 images de terroir (champ, récolte, emballage), placez-les proches les unes des autres, avec des transitions explicites. Cela crée un narrative que Google reconnaît.

—

Taille, format et vitesse de chargement

Une image belle mais lourde ralentit votre site. Et la vitesse de chargement est un facteur de classement.

Les bonnes pratiques :

Format : privilégier WebP (plus léger que JPG), avec fallback JPG. PNG pour les visuels avec transparence.
Taille : compresser sans perte visible. Un outil comme TinyPNG ou ImageOptim suffit.
Dimensions : adapter la taille à son usage (pas besoin d’une image 3000px pour une vignette).
Lazy loading : charger les images en défilement, pas toutes d’un coup.

Pour l’épicerie fine, une photo produit optimisée pèse entre 80 et 200 Ko. Pas moins (qualité insuffisante), pas plus (ralentissement).

—

Structurer les images pour le SEO technique

Utilisez les attributs HTML et les balises structurées :

Title : un attribut « title » pour l’infobulle au survol. Non obligatoire, mais utile pour l’UX.
Schema.org : utiliser le balisage « ImageObject » pour les produits. Cela aide Google à indexer les images dans Google Lens et Google Shopping.
Responsive images : srcset pour servir différentes résolutions selon le device (mobile vs. bureau).

Exemple minimaliste :

<img 
  src="huile-olive-extra-vierge-knossos.jpg" 
  alt="Huile d'olive extra vierge Knossos 500ml bouteille en verre foncé"
  title="Huile d'olive grecque authentique"
  width="600" 
  height="600" 
/>

Les attributs width et height aident aussi à éviter le décalage de mise en page (Core Web Vitals).

—

Images de produits multi-angles : la vraie opportunité

En épicerie fine, les clients achètent souvent sur plusieurs critères visuels : l’emballage, la texture du produit, les sceaux d’authentification, etc.

Si vous avez 4-5 photos du même produit, profitez-en :

Photo 1 (héros) : le produit de face, mieux résolution, avec alt générique et précis.
Photo 2 : détail de l’étiquette/provenance, alt orienté authentification.
Photo 3 : la texture ou la section transversale, alt descriptif.
Photo 4 : en contexte (verre à vin, assiette), alt situationnel.

Chaque image a son rôle et son texte alt distinct. Cela crée une couverture sémantique plus riche et aide Google à mieux comprendre le produit.

—

Cas pratique : optimiser une fiche chocolat artisanal

Avant (problématique) :
Image du chocolat, alt : « Chocolat »
Nom fichier : photo.jpg
Contexte : « Ce produit est excellent. Voir les avis. »

Après (optimisé) :
Image du chocolat, alt : « Tablette de chocolat noir 70% cacao de Madagascar 100g en emballage artisanal »
Nom fichier : chocolat-noir-madagascar-70-100g.jpg
Contexte : un paragraphe de 120 mots décrivant l’origine du cacao, le processus artisanal, les notes de dégustation, puis la photo, puis les avis. Une deuxième photo de la barre cassée avec alt « Chocolat noir cassé montrant la texture dense et le cœur lisse ».

Impact : meilleur classement pour « chocolat Madagascar », « chocolat artisanal », et capture potentielle dans Google Images et Google Shopping.

—

Erreurs courantes à éviter

Alt vide : alt= » » revient à cacher l’image à Google. Si c’est une image décoration pure, OK. Pour un produit, jamais.
Alt bourré de mots-clés : alt= »chocolat artisanal noir Madagascar 70% cacao prix qualité acheter » → Google détecte le spam et ignore l’alt.
Texte alt qui n’a rien à voir avec l’image : une photo de champagne avec un alt sur la truffe → confusion sémantique.
Images non compressées et lourdes : votre beau site ralentit, les visiteurs partent, le taux de rebond augmente, Google pénalise.
Pas de balises structurées : vous laissez des informations produit inutilisées par les moteurs et les agrégateurs.

—

FAQ

Q : Google pénalise-t-il les sites avec beaucoup d’images ?

Non, pas les images en soi. Il pénalise les sites lents. Une image optimisée et bien contextualisée est un atout. Une galerie d’images non compressées et sans structure, c’est un frein.

Q : Faut-il un texte alt pour chaque image d’une galerie produit ?

Oui, mais avec des variantes. Première image : alt complet et descriptif. Images suivantes : alt plus court, orienté sur le détail montré (angle, texture, emballage). Cela enrichit le contexte sans être répétitif.

Q : Peut-on utiliser l’IA pour générer les textes alt ?

L’IA peut générer une première version, mais relire et corriger est obligatoire. Un outil d’IA peut écrire « récipient en verre rempli de substance orange ». Vous devez écrire « Miel de châtaignier AOC 500g ». L’IA voit l’image ; elle ne connaît pas votre produit.

—

Résumé des actions à mettre en place

Renommer tous les fichiers images avec des mots-clés descriptifs (tirets, pas underscores).
Rédiger des textes alt précis : 100-125 caractères, descriptif, pas bourré de mots-clés.
Entourer les images de contexte textuel riche (min. 150 mots) et pertinent.
Compresser les images et utiliser des formats modernes (WebP).
Activer le lazy loading et l’attribut srcset pour le responsive.
Ajouter du balisage structuré (Schema.org) pour les produits.
Utiliser plusieurs angles de produit avec textes alt distincts.

Ces optimisations ne vous garantissent pas la première place dans Google. Mais elles envoient un signal clair : votre site est professionnels, accessible, et technique compris. C’est une fondation solide pour l’épicerie fine en ligne.