Aller au contenu
contact@webmagena.fr

12 juin 2026 Non classé

Optimiser images et texte alternatif en électronique | SEO






Optimiser images et texte alternatif en électronique | SEO


Optimiser les images et le texte alternatif en électronique

Un site e-commerce d’électronique sans images optimisées, c’est comme une boutique sans éclairage : les clients ne voient rien, et Google non plus. Pourtant, beaucoup de revendeurs négligent encore cette dimension. Les images et leur texte alternatif ne sont pas des détails cosmétiques — ils jouent un rôle direct sur le classement, l’expérience utilisateur et l’accessibilité de vos pages produit.

Cette fiche pratique vous montre comment exploiter pleinement les images dans votre catalogue électronique, sans alourdir le site et sans perdre de conversions.

Pourquoi les images comptent en SEO électronique

Dans l’électronique, l’image est le premier élément de confiance. Un client doit voir le produit sous plusieurs angles, identifier les boutons, les ports, les LED. Mal optimiser vos images, c’est :

  • Perdre du trafic : Google Images est une source non négligeable de visiteurs, surtout sur les mots clés visuels (ex. : « routeur WiFi blanc », « câble HDMI 2m »).
  • Ralentir le site : des images mal compressées augmentent le temps de chargement, un facteur de classement avéré.
  • Négliger l’accessibilité : sans texte alt, vos images sont invisibles pour les lecteurs d’écran.
  • Laisser du texte invisible à Google : le texte dans les images (numéro de produit, prix barré) n’est jamais lu par le moteur.

À l’inverse, des images bien pensées augmentent le taux de rétention, réduisent les retours produits et améliorent votre classement sur les requêtes de longue traîne.

Étape 1 : Choisir le bon format et compresser sans perte

Format WebP en priorité

Pour les photos de produits électroniques en couleur (smartphones, routeurs, écrans), WebP est le standard moderne. Il offre une qualité équivalente à JPEG pour 20 à 30 % de poids en moins. La plupart des navigateurs le supportent ; pour les anciens, prévoyez une fallback JPEG.

JPEG pour les images anciennes ou dégradées

Si votre image n’a pas besoin de transparence et que vous avez un vieux stock de photos, JPEG reste convenable. Réglez la compression entre 75 et 85 % pour garder une qualité visuelle.

PNG uniquement si nécessaire

PNG est plus lourd. Réservez-le aux images avec transparence (ex. : logo, icône de garantie) et optimisez-le avec un outil comme TinyPNG.

Outils de compression éprouvés

  • ImageOptim (Mac)
  • FileOptimizer (Windows)
  • Squoosh (Google, en ligne)
  • Cloudinary ou Imgix (compression + CDN en automatique)

Objectif : une image produit de haute qualité (1200×1200px) ne doit pas dépasser 150 Ko.

Étape 2 : Dimensionner vos images pour le responsive

L’électronique se vend sur mobile. Une image qui s’affiche en 2000×2000px sur desktop mais ne s’adapte pas au mobile coûte cher en bande passante et nuit aux Core Web Vitals.

Bonnes pratiques dimensionnelles

  • Miniature produit : 400×400px (carré, idéal pour grid de catalogue).
  • Image principale : 1000×1000px ou 1200×1200px (assez grande pour le zoom).
  • Galerie : 800×800px suffisent pour les vignettes.

Utilisez l’attribut srcset pour servir des versions différentes selon l’appareil :

<img src="routeur-300.webp" 
     srcset="routeur-300.webp 300w, 
             routeur-600.webp 600w, 
             routeur-1200.webp 1200w"
     alt="Routeur WiFi 6 TP-Link Archer AX12 noir"
     loading="lazy">

L’attribut loading="lazy" repousse le chargement des images hors écran, crucial pour les pages avec nombreux produits.

Étape 3 : Rédiger un texte alt pertinent, pas juste descriptif

Le texte alternatif remplit deux fonctions : informer Google et aider les utilisateurs malvoyants. Trop de sites e-commerce remplissent ce champ avec « image produit » ou laissent vide.

Structure d’un bon alt pour l’électronique

Type + marque + modèle (+ caractéristiques clés si espace)

Exemples :

  • ❌ Mauvais : « image routeur »
  • ❌ Mauvais : « TP-Link »
  • ✅ Bon : « Routeur WiFi 6 TP-Link Archer AX12 noir avec 4 antennes »
  • ✅ Bon : « Câble USB-C 2 mètres noir, compatible iPhone 15 »
  • ✅ Bon : « Processeur Intel Core i7-13700K en vue de dessus »

Règles d’or du texte alt

  • Entre 8 et 125 caractères (assez court pour être utile, assez long pour être spécifique).
  • Incluez 1 mot clé naturellement si c’est la photo principale du produit.
  • Ne pas répéter le titre de la page — le texte alt doit compléter, pas doubler.
  • Pour une galerie, différenciez les alts : « vue de face », « vue arrière », « détail ports HDMI ».
  • Jamais de liste de caractéristiques dans l’alt — le HTML structuré (spécifications) en bas de page suffit.

Cas spécial : images avec texte intégré

En électronique, on voit souvent des photos avec étiquette de prix, code promo ou label « Rupture de stock ». Reproduisez ce texte dans l’alt ou, mieux, placez-le en HTML à côté de l’image.

<figure>
  <img src="produit.webp" alt="Batterie externe Anker 20000 mAh gris">
  <figcaption>-15 % jusqu'au 31 décembre</figcaption>
</figure>

Étape 4 : Mettre en place le contexte structuré autour de l’image

L’image n’existe pas seule. Pour que Google la valorise en SEO, il faut :

1. Un titre H1 unique par page produit

<h1>Routeur WiFi 6 TP-Link Archer AX12</h1>

2. Un schéma structuré (JSON-LD) Product ou ProductCollection

Ce balisage aide Google à comprendre le produit, son prix, ses avis :

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Routeur WiFi 6 TP-Link Archer AX12",
  "image": "routeur-1200.webp",
  "description": "Routeur WiFi 6 bi-bande 802.11ax...",
  "brand": {"@type": "Brand", "name": "TP-Link"},
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.5",
    "reviewCount": "127"
  },
  "offers": {
    "@type": "Offer",
    "priceCurrency": "EUR",
    "price": "89.99"
  }
}

3. Du texte descriptif sous l’image

Une phrase ou deux expliquant pourquoi cette photo importe (ex. : « Vue de dessus montrant les 4 antennes et le bouton de reset »).

4. Nommer le fichier image intelligemment

Le nom de fichier compte aussi. Évitez les génériques :

  • ❌ « IMG_001.webp »
  • ✅ « tp-link-archer-ax12-routeur-wifi6.webp »

Étape 5 : Optimiser pour Google Images

Votre catalogue électronique représente des milliers d’images potentiellement classées sur Google Images. C’est une source de trafic souvent oubliée.

Pour maximiser ce trafic :

  • Sitemap images : créez un sitemap XML dédié aux images (consultez la doc Google Search Console).
  • Licence : déclarez explicitement si vos images sont libres d’usage ou propriétaires. Ajoutez une licence CC dans les métadonnées.
  • Image caption : un court texte sous chaque image, surtout dans les pages de comparaison ou tutos.
  • Balise image et contexte : plus votre image est proche du texte qui en parle, mieux c’est.

Exemple pour une galerie produit avec plusieurs images :

<section>
  <h2>Galerie photos</h2>
  <figure>
    <img src="vue-face.webp" alt="Smartphone Samsung Galaxy S24 noir vue de face">
    <figcaption>Façade : écran 6,2" avec protection Gorilla Glass.</figcaption>
  </figure>
  <figure>
    <img src="vue-dos.webp" alt="Smartphone Samsung Galaxy S24 noir vue du dos">
    <figcaption>Dos : finition mate, module photo triple avec capteur 50 MP.</figcaption>
  </figure>
</section>

Étape 6 : Audit et suivi continu

L’optimisation image n’est jamais terminée.

Points de contrôle réguliers :

  • Google Search Console : section « Images » pour voir quelles images génèrent des clics.
  • Page Speed Insights : vérifiez que vos optimisations réduisent bien les Core Web Vitals.
  • Contrôle du texte alt : un audit semi-annuel pour s’assurer qu’aucune image n’a d’alt vide.
  • Format et compression : testez régulièrement les nouvelles versions de WebP, AVIF, etc.

Utilisez des outils automatisés (Screaming Frog, Lighthouse) pour détecter les images cassées ou mal balisées.

Cas d’usage réels en électronique

E-commerce multi-marques (smartphones, PC, accessoires)

Vous avez 5 000 produits. Standardisez votre pipeline : compression automatique via Cloudinary, alt généré à partir de titre + marque + modèle via script, srcset automatique. Temps de mise en ligne par produit : 5 minutes au lieu de 30.

Marketplace d’électronique grand public

Les vendeurs uploadent souvent des images de mauvaise qualité. Acceptez plusieurs formats, proposez un script de conversion automatique WebP côté serveur, validez les alt avant mise en ligne.

Revendeur spécialisé (composants, gaming, télécom)

Vos clients font des recherches précises (« RTX 4070 Ti », « câble Ethernet Cat 8 10m »). Des alts hyper-spécifiques et du schéma structuré détaillé génèrent du trafic de longue traîne qualifié.

Erreurs courantes à éviter

  • Surchar