SEO des Images : 12 Astuces pour Plus de Trafic Organique

📖 Note sur la source : cet article a été produit à partir de concepts abordés dans l'article Image SEO: 12 Actionable Tips, publié à l'origine par Ahrefs. Le contenu ici a été réécrit, étendu et adapté au contexte francophone, avec des exemples, outils et références pertinents.

Beaucoup de gens pensent que le SEO d'images consiste juste à placer un mot-clé dans l'attribut alt. En pratique, il existe au moins douze facteurs qui influencent comment Google trouve, comprend et classe les images de votre site. Ignorer ces facteurs signifie perdre du trafic facilement accessible — y compris via Google Images, qui représente une part significative des recherches mondiales.

Google lui-même progresse dans la reconnaissance d'images par apprentissage automatique. Mais cela ne rend pas le SEO d'images obsolète — au contraire, Google continue d'utiliser tous les signaux disponibles (nom de fichier, texte alternatif, contexte de la page, vitesse de chargement) pour interpréter et classer les images avec précision.

1. Nommez les fichiers de façon descriptive

Le nom du fichier est l'un des premiers signaux que Google utilise pour comprendre le sujet d'une image. Les appareils photo et mobiles génèrent des noms génériques comme IMG_0023.JPG ou DSC_4817.jpg — qui ne communiquent absolument rien au moteur de recherche.

Google lui-même déclare dans ses directives officielles que le nom du fichier est un indice sur le contenu de l'image. La recommandation est simple : utilisez des mots-clés descriptifs, séparés par des tirets, sans exagérer :

Bon : gateau-au-chocolat.jpg
Mauvais : IMG_2947.jpg
Mauvais aussi : gateau-chocolat-recette-dessert-sucre.jpg (bourrage de mots-clés)

Renommer les images avant l'upload est une habitude simple qui fait la différence — surtout pour les e-commerces, blogs culinaires, portfolios et tout site dépendant du trafic via la recherche d'images.

2. Rédigez des textes alternatifs (alt text) utiles

L'attribut alt décrit une image pour le navigateur. Il s'affiche quand l'image ne charge pas, est lu par les lecteurs d'écran pour les personnes malvoyantes et utilisé par Google pour comprendre le contenu visuel de la page.

La syntaxe est simple :

<img src="chiot-dalmatien.jpg" alt="Chiot dalmatien jouant dans le parc">

Google utilise le texte alternatif avec des algorithmes de vision par ordinateur et le contexte de la page pour comprendre le sujet de l'image. La consigne est de créer des descriptions utiles et riches en information, en utilisant les mots-clés de façon contextuelle — jamais en accumulant des mots sans sens (bourrage de mots-clés).

Un raccourci qui fonctionne bien : complétez la phrase « Ceci est une photo de ___ ». Le résultat, légèrement ajusté, fait souvent un bon texte alternatif. Exemples :

« Ceci est une photo d'un cheesecake au chocolat avec coulis de fraise. » → alt="Cheesecake au chocolat avec coulis de fraise"
« Ceci est une photo d'un ordinateur portable à l'écran cassé sur une table. » → alt="Ordinateur portable à l'écran cassé sur bureau"

Pour les images de produit, inclure le numéro de modèle ou le code SKU dans le texte alternatif peut aider à apparaître pour des recherches techniques spécifiques. N'oubliez pas non plus les légendes — Google extrait des informations sur le sujet de l'image à partir du texte environnant, y compris les légendes visibles sur la page.

3. Choisissez le bon format de fichier

Le choix du format impacte directement la taille du fichier — et par conséquent la vitesse de chargement de la page. Les trois formats les plus courants sur le web sont JPG, PNG et WebP, chacun avec des caractéristiques distinctes :

Format	Idéal pour	Transparence	Taille typique
JPG	Photographies, images avec dégradés	Non	Petite à moyenne
PNG	Logos, icônes, captures d'écran avec texte	Oui	Moyenne à grande
WebP	Tout usage sur le web moderne	Oui	25–35 % plus léger que JPG/PNG
GIF	Animations simples	Partielle	Variable
SVG	Logos, icônes, illustrations vectorielles	Oui	Très petite

La règle générale : utilisez JPG pour les photographies, PNG pour les images nécessitant un fond transparent et du texte net, et WebP autant que possible pour le web — le format offre une compression supérieure à qualité équivalente. Utilisez le Convertisseur d'Image d'ImageTools pour convertir entre formats avant l'upload.

4. Redimensionnez les images aux dimensions réelles d'affichage

Envoyer une photo de 4000px de large pour un site qui affiche les images en 800px est un gaspillage de bande passante. Le navigateur télécharge l'image complète puis élimine les pixels excédentaires — l'utilisateur attend plus longtemps, sans aucun gain visuel.

Identifiez la largeur maximale d'affichage des images dans votre layout (généralement entre 800px et 1440px, selon le type d'image et le site) et redimensionnez avant l'upload. Pour couvrir les écrans Retina (HiDPI), utilisez le double de la largeur d'affichage. Utilisez le Redimensionneur d'Image d'ImageTools pour ajuster les dimensions avec précision.

Redimensionnez et compressez vos images maintenant

Ajustez les dimensions et réduisez le poids des images de votre site gratuitement, sans envoyer de fichiers vers des serveurs externes.

Redimensionner Compresser

5. Compressez les images sans perte de qualité visible

La compression est le processus de réduire la taille du fichier sans changer les dimensions de l'image. Pour les photos JPG, réduire la qualité de 100 % à 80 % peut diminuer le fichier de 5 à 10 fois avec une différence imperceptible à l'écran.

La vitesse de chargement est un facteur de classement confirmé par Google — aussi bien sur desktop que sur mobile. Les images sont souvent le plus gros composant du poids d'une page web. Compresser toutes les images avant l'upload est l'optimisation de SEO technique au meilleur retour pour l'effort.

Objectifs pratiques de poids par type d'image :

Bannière / hero pleine largeur : sous 200 Ko
Photo de produit ou image de blog : 60–150 Ko
Miniature (thumbnail) : 15–40 Ko
Logo en PNG/WebP : sous 30 Ko

Utilisez le Compresseur d'Image d'ImageTools pour réduire JPG, PNG et WebP directement dans le navigateur — sans envoi vers des serveurs externes.

6. Créez un sitemap d'images

Le sitemap d'images informe Google de l'existence d'images qu'il pourrait ne pas découvrir seul — notamment des images chargées via JavaScript ou intégrées dans des galeries complexes. Contrairement au sitemap classique, le sitemap d'images peut inclure des URLs d'autres domaines (comme des CDN).

Si votre site utilise WordPress avec le plugin Yoast SEO, les images sont déjà ajoutées automatiquement au sitemap. Pour des sites personnalisés, le sitemap d'images peut être ajouté manuellement en suivant la documentation officielle de Google. Les principales balises disponibles sont image:loc (URL de l'image), image:title et image:caption.

7. Utilisez des données structurées pour les images de produits

Google supporte les données structurées (Schema.org) pour les images dans plusieurs contextes — recettes, produits, articles, événements. Correctement implémentées, ces données permettent aux images d'apparaître dans des résultats enrichis (rich results) sur Google, avec une mise en avant visuelle supplémentaire qui augmente le taux de clic.

Pour les e-commerces, le balisage produit avec image est particulièrement précieux : les produits avec une image correctement balisée peuvent apparaître sur Google Shopping et dans les fiches produit du panneau de connaissances de Google.

8. Implémentez le lazy loading

Le lazy loading est la technique de ne charger les images que quand elles sont sur le point d'entrer dans la zone visible de l'écran, plutôt que de toutes les télécharger d'un coup au chargement initial. Sur des pages avec beaucoup d'images (longs blogs, listes de produits), le lazy loading peut réduire le poids initial de la page de 60 à 80 %.

L'implémentation la plus simple est native en HTML :

<img src="produit.webp" alt="Basket bleue" loading="lazy">

Important : n'appliquez jamais loading="lazy" à l'image principale au-dessus de la ligne de flottaison (la première image visible sans défiler). Cela retarde le LCP — Largest Contentful Paint, l'une des métriques Core Web Vitals — et nuit directement au classement.

9. Définissez width et height sur toutes les balises d'image

Quand le navigateur ne connaît pas la taille d'une image avant de la charger, il ne réserve pas le bon espace dans le layout — et quand l'image charge, le contenu de la page « saute ». Ce phénomène est ce que Google mesure comme CLS (Cumulative Layout Shift), un autre Core Web Vital.

La solution est de toujours déclarer width et height sur les balises d'image :

<img src="produit.webp" alt="Basket bleue" width="800" height="800" loading="lazy">

Les valeurs n'ont pas besoin de correspondre à la taille visuelle affichée — elles définissent seulement le ratio pour que le navigateur réserve le bon espace avant de charger l'image.

10. Utilisez des images responsives avec srcset

L'attribut srcset permet de fournir différentes versions d'une même image pour différentes tailles d'écran. Le navigateur choisit automatiquement la version la plus adaptée — servant une image plus petite pour les mobiles et plus grande pour les ordinateurs. Sur des sites à fort trafic mobile, cela peut réduire le volume de données transférées de 40 à 60 %.

<img
  src="produit-800.webp"
  srcset="produit-400.webp 400w,
          produit-800.webp 800w,
          produit-1200.webp 1200w"
  sizes="(max-width: 600px) 400px, 800px"
  alt="Basket bleue"
  width="800" height="800"
  loading="lazy"
>

11. Optimisez l'image à la une pour Open Graph et les réseaux sociaux

Quand quelqu'un partage une URL sur WhatsApp, Instagram, LinkedIn ou toute autre plateforme, l'image affichée dans l'aperçu provient des meta tags Open Graph. Si ces balises ne sont pas configurées, la plateforme choisit n'importe quelle image de la page — souvent avec un mauvais résultat.

Configurez toujours la balise og:image avec une image de 1200×630px sur chaque page importante de votre site :

<meta property="og:image" content="https://votresite.fr/images/apercu-article.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">

Une image d'aperçu bien construite — avec un titre lisible, l'identité visuelle de la marque et une image pertinente — augmente significativement le taux de clic sur les partages.

12. Considérez le contexte de toute la page

Google n'évalue pas les images isolément. Il analyse l'ensemble : le texte autour de l'image, le titre de la page, le contexte sémantique, les autres éléments visuels, la légende sous l'image et même le texte des liens pointant vers la page. Une image de chaussure rouge sur une page de mode féminine a un contexte complètement différent de la même image sur une page de cuisine.

Bonnes pratiques de contexte :

Placez les images près du texte qui les décrit ou auquel elles se réfèrent
Utilisez des légendes visibles sous les images chaque fois que possible
Assurez-vous que le sujet de l'image soit pertinent pour le thème de la page
Utilisez des titres de page et des titres (headings) qui renforcent le sujet des images principales

🔍 Audit rapide : utilisez Google Search Console pour vérifier quelles images de votre site sont indexées. Accédez à Index → Pages et filtrez par « images » pour voir le statut d'indexation et les éventuels problèmes.

Checklist SEO des images

☑ Nom de fichier descriptif avec mots-clés (avec des tirets, sans bourrage de mots-clés)
☑ Attribut alt descriptif et contextuel sur toutes les images
☑ Format correct pour chaque type : WebP ou JPG pour les photos, PNG/SVG pour les logos et icônes
☑ Dimensions ajustées à la taille réelle d'affichage (max. 2× pour Retina)
☑ Compression appliquée — poids sous les objectifs par type
☑ width et height déclarés sur toutes les balises <img>
☑ loading="lazy" sur les images sous la ligne de flottaison
☑ Image LCP sans lazy loading, avec fetchpriority="high" si possible
☑ Sitemap d'images configuré (ou vérifié si le plugin le fait déjà)
☑ Meta tag og:image configurée sur toutes les pages principales
☑ Données structurées pour les images de produit là où applicable
☑ Images contextualisées avec texte, légendes et titres pertinents

Questions fréquentes

Le texte alternatif et la légende sont-ils la même chose ?

Non. Le texte alternatif (alt) est un attribut HTML invisible pour l'utilisateur ordinaire — il n'apparaît que si l'image ne charge pas et est lu par les lecteurs d'écran et Google. La légende est le texte visible sous l'image sur la page. Les deux sont complémentaires et ont des impacts différents sur le SEO : le texte alternatif est direct sur le sujet de l'image ; la légende ajoute un contexte narratif et peut aider Google à comprendre la relation entre l'image et le contenu environnant.

Les images en WebP améliorent-elles vraiment le classement ?

Indirectement, oui. Le WebP produit des fichiers 25 à 35 % plus légers que le JPG et le PNG à qualité équivalente, ce qui contribue à des pages plus rapides. La vitesse de chargement est un facteur de classement confirmé par Google, notamment via les Core Web Vitals (LCP). Une page plus légère charge plus vite, a un LCP plus bas, et cela influence le classement. Le WebP en lui-même n'est pas un facteur direct, mais l'impact sur la performance est réel.

Google Images génère-t-il du trafic pertinent ?

Cela dépend du créneau. Pour les sites de cuisine, décoration, mode, produits physiques et toute catégorie où les gens cherchent de l'inspiration visuelle, Google Images peut être une source significative de trafic. Pour du contenu purement informatif ou B2B, l'impact est moindre. Cela vaut la peine de suivre dans Google Search Console le volume d'impressions et de clics venant spécifiquement de la recherche d'images.

Dois-je utiliser le même texte alternatif pour des images répétées sur le site ?

Si l'image est exactement la même et apparaît dans le même contexte, le même texte alternatif est acceptable. Mais si la même image apparaît dans des contextes différents (par exemple, la photo d'un produit listée sur la page d'accueil et aussi sur la page produit), adapter le texte alternatif au contexte de chaque page est une meilleure pratique — et signale plus de contexte à Google.

Comment savoir si les images de mon site sont bien optimisées ?

Google PageSpeed Insights (pagespeed.web.dev) analyse n'importe quelle URL et liste spécifiquement les problèmes d'images — mauvais dimensionnement, manque de compression, formats dépassés. Google Search Console montre aussi quelles images sont indexées et les éventuelles erreurs. Pour un audit plus complet, des outils comme Ahrefs Site Audit ou Screaming Frog explorent tout le site et listent les images sans texte alternatif, aux tailles excessives et autres problèmes.