Optimisation des images pour le SEO : la checklist complète

20 mars 2026 · 10 min de lecture
NEWImgMin for Chrome — right-click any image to compress, no upload.Ajouter à Chrome →

Sur la plupart des sites, les images représentent environ 50 % du poids total d’une page. Les images non optimisées sont la première raison d’un échec aux Core Web Vitals — ce qui impacte directement votre classement. Cette checklist couvre chaque technique d’optimisation d’images qui compte pour le SEO en 2026.

Pourquoi l’optimisation des images compte pour le SEO

Google utilise la vitesse de page comme facteur de classement, et les images sont généralement les assets les plus lourds. Voici l’impact direct :

Gain rapide : compresser les images peut à lui seul améliorer le LCP de 1 à 3 secondes. C’est souvent la différence entre réussir et échouer les Core Web Vitals.

La checklist complète du SEO des images

1. Compressez chaque image

C’est l’optimisation au plus fort impact et au moindre effort. Compressez toutes les images avant de les téléverser :

FormatQualité cibleGain attendu
JPG/JPEG75-85%60-75%
PNGOptimisation sans perte20-40%
WebP75-85%70-85 % vs original

Utilisez des outils qui traitent les images côté client (comme ImgMin — sans téléversement) pour éviter d’envoyer des images sensibles à des serveurs tiers. Guides par format : compresser JPG, compresser PNG, compresser WebP.

2. Utilisez le bon format

Servez plusieurs formats avec l’élément <picture> :

<picture>
  <source srcset="hero.webp" type="image/webp">
  <img src="hero.jpg" alt="Product hero image" width="1200" height="630">
</picture>

3. Redimensionnez aux dimensions d’affichage

Ne servez jamais une image 4000×3000 dans un emplacement 800×600. Cela gaspille de la bande passante et nuit au LCP.

<img
  srcset="photo-640.webp 640w, photo-1024.webp 1024w, photo-1920.webp 1920w"
  sizes="(max-width: 640px) 100vw, (max-width: 1024px) 80vw, 1200px"
  src="photo-1024.webp"
  alt="Descriptive alt text"
  width="1200" height="800">

4. Définissez toujours la largeur et la hauteur

Sans dimensions explicites, le navigateur ne peut pas réserver l’espace des images avant leur chargement. Cela provoque des décalages de mise en page — un problème de CLS (Cumulative Layout Shift) qui nuit aux Core Web Vitals.

<!-- Bad: causes layout shift -->
<img src="photo.jpg" alt="Photo">

<!-- Good: browser reserves space -->
<img src="photo.jpg" alt="Photo" width="800" height="600">

Combinez avec le CSS aspect-ratio ou height: auto pour un comportement responsive tout en évitant les décalages.

5. Rédigez un texte alternatif descriptif

L’alt est le principal moyen pour Google de comprendre le contenu d’une image. Un bon alt vous aide à vous classer en recherche web et en recherche d’images.

Mauvais altBon alt
alt="" (empty)alt="Golden retriever playing fetch in a park"
alt="image1.jpg"alt="Bar chart showing Q3 2026 revenue growth"
alt="photo photo photo SEO keywords"alt="Red Nike running shoes on a trail"

Règles pour l’alt :

6. Utilisez des noms de fichiers descriptifs

Google lit les noms de fichiers comme un signal du contenu de l’image.

Utilisez des tirets pour séparer les mots. Gardez des noms en minuscules, concis et descriptifs.

7. Mettez en place le lazy loading

Le lazy loading diffère les images hors écran jusqu’à ce que l’utilisateur s’en approche. Cela améliore nettement le temps de chargement initial.

<!-- Native lazy loading (all modern browsers) -->
<img src="photo.jpg" alt="Description" loading="lazy" width="800" height="600">

<!-- Don't lazy-load above-the-fold images -->
<img src="hero.jpg" alt="Hero" loading="eager" fetchpriority="high">

Important : ne lazy-loadez jamais votre image LCP (généralement le héros/bannière). Utilisez loading="eager" et fetchpriority="high" pour les images au-dessus de la ligne de flottaison. Lazy-loadez tout le reste.

8. Préchargez les images critiques

Pour votre image LCP, dites au navigateur de la récupérer tôt :

<link rel="preload" as="image" href="hero.webp" type="image/webp">

Cela peut gagner 200-500 ms sur le LCP car le navigateur commence à télécharger avant d’analyser le HTML qui référence l’image.

9. Utilisez un CDN pour la diffusion des images

Les réseaux de diffusion de contenu servent les images depuis les serveurs les plus proches de l’utilisateur. Avantages :

10. Ajoutez des données structurées pour les images

Aidez Google à comprendre vos images en contexte avec des données structurées :

Les images référencées dans les données structurées ont plus de chances d’apparaître dans les résultats enrichis et carrousels d’images de Google.

11. Créez un sitemap d’images

Si vos images sont importantes pour le SEO (photos produits, infographies), ajoutez-les à votre sitemap :

<url>
  <loc>https://example.com/page</loc>
  <image:image>
    <image:loc>https://example.com/photo.jpg</image:loc>
    <image:title>Product photo</image:title>
  </image:image>
</url>

12. Supprimez les métadonnées inutiles

Les données EXIF (modèle d’appareil, coordonnées GPS, horodatages) ajoutent 20-100 Ko par image. Supprimez-les avant le téléversement pour :

Résumé de l’impact sur les Core Web Vitals

OptimisationMétrique CWVImpact typique
Compresser les imagesLCP-1 à -3 secondes
Redimensionner à la taille d’affichageLCP-0,5 à -2 secondes
Définir largeur/hauteurCLSÉlimine les décalages d’images
Lazy loadingLCP, FIDChargement initial plus rapide
Précharger l’image LCPLCP-200 à -500 ms
Utiliser WebPLCP-25 à -35 % de taille transférée
Diffusion par CDNLCP-50 à -80 % de latence

Commencez par l’étape 1 : compressez vos images

ImgMin compresse JPG, PNG et WebP directement dans votre navigateur. Sans téléversement, sans serveur, sans risque pour la vie privée.

Compresser des images gratuitement

Checklist de référence rapide

En résumé

L’optimisation des images est le travail SEO au meilleur ROI possible. La compression seule corrige souvent les échecs aux Core Web Vitals. Associez-la à un bon dimensionnement, des alt, le lazy loading et des formats modernes — et vous verrez des améliorations mesurables en vitesse et en classement.

Outils associés