Quelle est la longueur idéale d'un attribut alt pour le SEO ?

Un attribut alt efficace contient entre 5 et 15 mots (environ 80 à 125 caractères). Il doit décrire précisément le contenu de l'image tout en intégrant naturellement un mot-clé pertinent, sans bourrage. Par exemple, pour une photo de chaussures de randonnée, préférez alt="chaussures de randonnée imperméables Gore-Tex sur sentier de montagne" plutôt qu'un simple alt="chaussures".

Quel format d'image choisir pour le SEO en 2025 ?

En 2025, le format WebP est le choix le plus équilibré : il offre une compression 25 à 35 % supérieure au JPEG avec une qualité équivalente, et il est supporté par plus de 97 % des navigateurs. Le format AVIF offre une compression encore meilleure (jusqu'à 50 % de moins que le JPEG), mais son support navigateur est légèrement inférieur. L'idéal est d'utiliser la balise avec AVIF en premier choix, WebP en fallback et JPEG en dernier recours.

SEO images : alt text, nommage et optimisation visuelle complète

Pourquoi le SEO des images est un levier stratégique en 2025

Les images représentent en moyenne 50 % du poids total d’une page web selon HTTP Archive. Pourtant, une grande majorité de sites négligent complètement leur optimisation. Résultat : des pages lentes, des images invisibles pour Google et des opportunités de trafic perdues.

Google Images génère à lui seul plus de 20 % du trafic de recherche global. Autrement dit, chaque image mal optimisée est une porte d’entrée que vous laissez fermée à vos visiteurs potentiels.

L’optimisation SEO des images repose sur trois piliers fondamentaux :

Le nommage des fichiers : le premier signal envoyé aux moteurs de recherche
L’attribut alt : la description textuelle qui rend l’image compréhensible
L’optimisation technique : format, compression, dimensions et performance

Dans ce guide, nous allons détailler chaque aspect avec des exemples concrets, des données chiffrées et des recommandations directement applicables.

Le nommage des fichiers image : un signal SEO trop souvent ignoré

Pourquoi le nom de fichier compte pour Google

Avant même de lire votre attribut alt, Google analyse le nom du fichier image. C’est l’un des premiers indices qu’il utilise pour comprendre le contenu visuel.

Un fichier nommé IMG_20250115_094523.jpg ne transmet strictement aucune information sémantique. À l’inverse, table-bois-massif-chene-salon.jpg indique clairement le sujet de l’image.

John Mueller, Search Advocate chez Google, a confirmé à plusieurs reprises que le nom de fichier fait partie des signaux utilisés par l’algorithme pour le classement dans Google Images.

Les règles d’or du nommage

Voici les bonnes pratiques à appliquer systématiquement :

Utiliser des mots descriptifs séparés par des tirets (pas d’underscores)
Intégrer le mot-clé principal de manière naturelle
Éviter les caractères spéciaux, accents et majuscules
Rester concis : 3 à 6 mots suffisent
Ne jamais laisser le nom par défaut de l’appareil photo ou du logiciel

Exemples concrets de nommage

❌ Mauvais nommage	✅ Bon nommage	Pourquoi c’est mieux
`IMG_4872.jpg`	`robe-ete-coton-bleu-marine.jpg`	Descriptif et mot-clé intégré
`photo1.png`	`facade-hotel-nice-vieux-port.jpg`	Géolocalisation + description
`Capture d'écran 2025-01-15.png`	`tableau-comparatif-hebergement-web.png`	Contexte clair pour Google
`produit_final_V3_OK.jpg`	`canape-angle-cuir-noir-salon.jpg`	Orienté utilisateur, pas interne
`DSC00891.JPG`	`vue-aerienne-alpes-maritimes-06.jpg`	Pertinent et localisé

Chez Lueur Externe, nous intégrons le renommage systématique des images dans chaque audit SEO, car c’est l’un des quick wins les plus sous-exploités sur les sites e-commerce et vitrine.

L’attribut alt : le pilier de l’accessibilité et du SEO

Qu’est-ce que l’attribut alt et à quoi sert-il ?

L’attribut alt (pour “alternative text”) est un texte intégré dans la balise HTML <img> qui remplit trois fonctions essentielles :

Accessibilité : il est lu par les lecteurs d’écran pour les personnes malvoyantes
SEO : il aide Google à comprendre le contenu de l’image
Fallback : il s’affiche si l’image ne charge pas

Selon une étude de Semrush portant sur 11,8 millions de pages, plus de 55 % des images analysées n’avaient aucun attribut alt ou un attribut vide. C’est un manque à gagner considérable.

Comment rédiger un attribut alt optimisé

Un bon alt text suit ces principes :

Décrire précisément ce que montre l’image
Intégrer un mot-clé pertinent sans forcer
Rester naturel : écrivez comme si vous décriviez l’image à quelqu’un au téléphone
Limiter la longueur entre 80 et 125 caractères
Ne pas commencer par “image de” ou “photo de” (Google le sait déjà)

Exemples commentés

Voici la syntaxe HTML correcte avec des exemples progressifs :

<!-- ❌ Vide : aucune valeur SEO ni accessibilité -->
<img src="produit.jpg" alt="">

<!-- ❌ Bourrage de mots-clés : pénalisable -->
<img src="produit.jpg" alt="chaussure homme chaussure cuir chaussure marron chaussure ville">

<!-- ⚠️ Trop vague : pas assez descriptif -->
<img src="produit.jpg" alt="chaussure">

<!-- ✅ Optimisé : descriptif, naturel, mot-clé intégré -->
<img src="derby-cuir-marron-homme.jpg" 
     alt="Derby en cuir marron pour homme avec semelle en cuir cousu Goodyear">

<!-- ✅ Pour une image décorative : alt vide volontairement -->
<img src="separateur-decoratif.svg" alt="" role="presentation">

Point important : les images purement décoratives (séparateurs, icônes de style, arrière-plans) doivent avoir un alt="" vide. Cela signale aux lecteurs d’écran et à Google qu’elles n’ont pas de valeur informative.

Alt text par type de contenu

L’approche varie selon le contexte :

Image produit e-commerce : décrire le produit, sa couleur, sa matière, son usage → alt="sac à dos randonnée 30L imperméable gris anthracite"
Infographie : résumer l’information clé → alt="Graphique montrant l'évolution du trafic organique entre 2023 et 2025 avec une hausse de 45 %"
Photo d’équipe : identifier les personnes et le contexte → alt="Équipe de développeurs Lueur Externe dans les bureaux des Alpes-Maritimes"
Capture d’écran : expliquer ce qui est montré → alt="Interface du tableau de bord Google Search Console avec les données de performance"

L’optimisation technique : format, compression et performance

Le poids des images impacte directement votre SEO

Depuis l’introduction des Core Web Vitals comme facteur de classement, la performance de chargement est devenue un critère SEO à part entière. Les images sont souvent le premier facteur de lenteur.

Quelques chiffres éloquents :

Une réduction de 1 seconde du temps de chargement peut augmenter les conversions de 7 % (source : Portent)
53 % des visiteurs mobiles quittent une page qui met plus de 3 secondes à charger (source : Google)
Les images non optimisées ajoutent en moyenne 2 à 5 secondes au chargement total

Choisir le bon format d’image

En 2025, le choix du format n’est plus anodin. Voici un comparatif détaillé :

Format	Compression	Transparence	Animation	Support navigateur	Cas d’usage idéal
JPEG	Bonne (avec perte)	❌ Non	❌ Non	100 %	Photos, images complexes
PNG	Moyenne (sans perte)	✅ Oui	❌ Non	100 %	Logos, icônes, captures
WebP	Excellente (avec/sans perte)	✅ Oui	✅ Oui	97 %	Usage polyvalent recommandé
AVIF	Supérieure (avec/sans perte)	✅ Oui	✅ Oui	92 %	Photos haute qualité
SVG	Vectoriel (pas de perte)	✅ Oui	✅ Oui	100 %	Icônes, logos, illustrations

La stratégie progressive avec la balise picture

Pour servir le meilleur format à chaque navigateur sans sacrifier la compatibilité, utilisez la balise <picture> :

<picture>
  <!-- AVIF : meilleure compression, navigateurs récents -->
  <source srcset="hero-banner.avif" type="image/avif">
  
  <!-- WebP : excellent compromis, large support -->
  <source srcset="hero-banner.webp" type="image/webp">
  
  <!-- JPEG : fallback universel -->
  <img src="hero-banner.jpg" 
       alt="Vue panoramique des Alpes-Maritimes au coucher du soleil" 
       width="1200" 
       height="630"
       loading="lazy">
</picture>

Cette approche permet de réduire le poids des images de 40 à 80 % par rapport à un JPEG standard, sans aucune dégradation visible pour l’utilisateur.

Compression : trouver le bon équilibre

La compression est l’étape où les gains sont les plus significatifs. Voici nos recommandations :

JPEG : qualité entre 75 et 85 % (au-delà, le gain visuel est imperceptible)
WebP : qualité entre 75 et 80 %
AVIF : qualité entre 60 et 70 % (la compression est plus efficace)

Outils recommandés :

Squoosh (Google) : outil en ligne gratuit, excellent pour comparer visuellement
Sharp (Node.js) : idéal pour l’automatisation côté serveur
Imagify / ShortPixel : plugins WordPress avec optimisation automatique
TinyPNG : simple et efficace pour des traitements ponctuels

Dimensions et responsive design

Servir une image de 4000 × 3000 pixels pour un affichage de 800 × 600 pixels est un gaspillage pur. Voici les règles :

Toujours spécifier width et height dans le HTML pour éviter le Cumulative Layout Shift (CLS)
Utiliser srcset pour servir différentes tailles selon l’écran
Ne jamais dépasser la taille d’affichage réelle (en tenant compte des écrans Retina : × 2 maximum)

<img src="produit-800.jpg"
     srcset="produit-400.jpg 400w,
            produit-800.jpg 800w,
            produit-1200.jpg 1200w"
     sizes="(max-width: 600px) 400px,
           (max-width: 1024px) 800px,
           1200px"
     alt="Bracelet artisanal en argent massif avec pierre turquoise"
     width="800"
     height="800"
     loading="lazy">

Le lazy loading : charger les images au bon moment

Le lazy loading (chargement différé) consiste à ne charger les images que lorsqu’elles arrivent dans le viewport de l’utilisateur. Depuis 2020, il est nativement supporté par les navigateurs grâce à l’attribut loading="lazy".

Règles d’application :

✅ Appliquer loading="lazy" à toutes les images sous la ligne de flottaison
❌ Ne pas l’appliquer aux images above the fold (hero banner, logo, première image visible)
✅ Combiner avec decoding="async" pour libérer le thread principal

Cette technique seule peut améliorer le Largest Contentful Paint (LCP) de 20 à 40 % sur les pages riches en images, comme les pages catégories d’un site e-commerce Prestashop.

Le sitemap images : guider Google vers vos visuels

Peu de sites l’implémentent, mais le sitemap images est un signal supplémentaire puissant pour Google. Il permet de déclarer explicitement vos images et leurs métadonnées.

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://www.example.com/produit/canape-cuir-noir</loc>
    <image:image>
      <image:loc>https://www.example.com/images/canape-cuir-noir-salon.jpg</image:loc>
      <image:title>Canapé en cuir noir dans un salon moderne</image:title>
    </image:image>
    <image:image>
      <image:loc>https://www.example.com/images/canape-cuir-noir-detail-couture.jpg</image:loc>
      <image:title>Détail des coutures du canapé en cuir noir</image:title>
    </image:image>
  </url>
</urlset>

Sur WordPress, des plugins comme Yoast SEO ou Rank Math génèrent automatiquement ce sitemap. Sur Prestashop, c’est un point que les équipes de Lueur Externe configurent systématiquement lors des optimisations SEO techniques.

Données structurées et images : maximiser la visibilité

Les données structurées (Schema.org) permettent d’associer des images à vos contenus de manière sémantique. C’est particulièrement important pour :

Les fiches produits : schema.org/Product avec la propriété image
Les recettes : schema.org/Recipe (l’image est obligatoire pour les rich snippets)
Les articles : schema.org/Article avec image pour l’affichage dans Google Discover
Les entreprises locales : schema.org/LocalBusiness avec photo de l’établissement

Une image correctement déclarée dans les données structurées augmente significativement les chances d’apparaître dans les rich results et Google Discover, qui représentent une source de trafic croissante.

Checklist complète d’optimisation SEO des images

Pour chaque image publiée sur votre site, vérifiez ces 12 points :

Les erreurs les plus fréquentes à éviter

Après plus de 20 ans d’accompagnement de sites web, l’équipe de Lueur Externe constate que les mêmes erreurs reviennent systématiquement :

Laisser des alt vides sur les images produits : chaque image produit sans alt est un manque à gagner direct sur Google Images
Uploader des photos brutes de 5 Mo : un smartphone produit des fichiers de 3 à 8 Mo qui doivent impérativement être compressés avant mise en ligne
Utiliser le même alt text pour toutes les variantes : chaque angle, chaque couleur mérite un alt unique
Oublier le format WebP : en 2025, ne pas proposer de WebP revient à ralentir volontairement son site
Négliger les images sur mobile : servir une image de 2400 px de large sur un écran de 375 px est un gaspillage de bande passante
Bourrer les alt de mots-clés : Google pénalise le keyword stuffing dans les alt comme dans le texte

Mesurer l’impact de vos optimisations

Pour suivre les résultats de votre travail d’optimisation, utilisez ces outils :

Google Search Console → Onglet “Performances” → Filtrer par “Type de recherche : Image” pour voir les impressions et clics depuis Google Images
PageSpeed Insights → Vérifier les opportunités liées aux images (format, taille, lazy loading)
Lighthouse → Score de performance et diagnostics détaillés sur les images
Screaming Frog → Audit complet des alt manquants, images trop lourdes, 404 sur les images

Un suivi mensuel permet d’identifier rapidement les régressions et de mesurer concrètement l’impact de chaque optimisation sur le trafic organique.

Conclusion : chaque image est une opportunité SEO

L’optimisation SEO des images n’est pas un détail cosmétique. C’est un levier stratégique qui impacte simultanément votre référencement naturel, votre expérience utilisateur, votre accessibilité et vos Core Web Vitals.

En appliquant les bonnes pratiques détaillées dans ce guide — nommage descriptif, attributs alt pertinents, formats modernes, compression intelligente et balisage technique — vous pouvez :

Gagner des positions sur Google Images
Réduire votre temps de chargement de 40 à 80 %
Améliorer votre taux de conversion
Rendre votre site accessible à tous

Ces optimisations demandent de la méthode et de la rigueur, surtout sur les sites e-commerce qui comptent des milliers de visuels produits.

Vous souhaitez un audit complet de l’optimisation de vos images et de votre SEO technique ? L’équipe de Lueur Externe, agence web spécialisée SEO depuis 2003 dans les Alpes-Maritimes, accompagne les entreprises dans l’optimisation de chaque composante de leur visibilité en ligne. Contactez-nous pour transformer vos images en véritables atouts de référencement.