Les images représentent souvent 50 à 70 % du poids d'une page. Mal optimisées, elles ralentissent le site et nuisent au SEO. Bien traitées, elles génèrent du trafic via Google Images et améliorent les Core Web Vitals. Voici la méthode complète d'optimisation.

Pourquoi optimiser ses images ?

• Vitesse de chargement : impact direct sur les Core Web Vitals
• SEO Google Images : trafic supplémentaire significatif
• Accessibilité : compréhension par les lecteurs d'écran
• Expérience utilisateur : pages plus fluides
• Mobile : essentiel sur connexions limitées

1. Choisir le bon format

WebP : le format moderne

Format développé par Google, supporté par tous les navigateurs modernes. Avantages :

• 30 à 50 % plus léger que JPEG à qualité équivalente
• Supporte la transparence (comme PNG)
• Compression sans perte ou avec perte

À privilégier systématiquement en 2026.

AVIF : encore mieux mais limité

Format émergent, encore plus efficace que WebP (50-60 % de gain). Support navigateur croissant mais pas encore universel. À utiliser avec fallback.

JPEG : pour les photographies

Format historique pour les photos. À utiliser uniquement si WebP n'est pas disponible. Compression typique : qualité 80 % donne le meilleur ratio poids/qualité.

PNG : pour les éléments avec transparence

Format adapté aux logos, icônes et illustrations avec fond transparent. Plus lourd que WebP. À éviter pour les photos.

SVG : pour les illustrations vectorielles

Format vectoriel pour logos, icônes, schémas. Poids minimal, qualité parfaite à toutes les tailles. À utiliser dès que possible pour les éléments graphiques.

2. Compresser les images

Outils gratuits :

• TinyPNG / TinyJPG : compression en ligne, jusqu'à 70 % de gain
• Squoosh (Google) : conversion entre formats avec preview
• ImageOptim : application Mac native
• Compressor.io : interface simple et efficace

Outils sur WordPress :

• Imagify : compression automatique, conversion WebP
• ShortPixel : alternative complète
• Smush : version gratuite avec limitations

Objectif : chaque image en dessous de 100 Ko, idéalement 30-50 Ko.

3. Adapter les dimensions

Erreur classique : uploader une image en 4 000 × 3 000 px pour l'afficher en 800 × 600 px. Le navigateur télécharge l'image entière puis la redimensionne, gaspillant de la bande passante.

Bonne pratique : redimensionner avant l'upload aux dimensions réelles d'affichage. Outils :

• Photoshop, GIMP (édition manuelle)
• Canva, Figma (design web)
• Bulk Image Resizer (en ligne, gratuit)

4. Utiliser le responsive images

L'attribut srcset permet de servir différentes tailles selon l'écran :

<img src="image-800.jpg" srcset="image-400.jpg 400w, image-800.jpg 800w, image-1600.jpg 1600w">

Le navigateur choisit la version optimale selon la taille d'affichage et la résolution de l'écran.

5. Activer le lazy loading

Le lazy loading retarde le chargement des images sous la ligne de flottaison jusqu'à leur entrée dans le viewport. Bénéfice : amélioration drastique du LCP et du temps de chargement initial.

Implémentation simple :

<img src="image.jpg" loading="lazy" alt="Description">

Supporté nativement par tous les navigateurs modernes depuis 2019.

6. Soigner l'attribut alt

L'attribut alt décrit l'image pour :

• Les lecteurs d'écran (accessibilité)
• Google (référencement Google Images)
• Le contexte sémantique de la page
• Les cas où l'image ne charge pas

Bonnes pratiques :

• Décrire précisément ce que l'image représente
• Inclure un mot-clé si pertinent (sans forcer)
• Longueur idéale : 5-15 mots
• Pour les images décoratives sans contenu informatif : alt=""

Exemple :

• Bon : alt="Robot lave-vitre Hobot 388 fixé sur une baie vitrée"
• Mauvais : alt="image1" ou alt="robot lave vitre seo backlink"

7. Nommer correctement les fichiers

Le nom du fichier influence le SEO. Préférez des noms descriptifs :

• Bon : robot-lave-vitre-hobot-388.jpg
• Mauvais : IMG_0234.jpg ou 20240415-153012.jpg

Règles : minuscules, tirets entre les mots, pas d'accents, pas d'espaces.

8. Ajouter une légende (caption)

La légende sous l'image apporte du contexte aux lecteurs et à Google. Selon les études, le texte juste à proximité d'une image est l'un des signaux les plus forts pour le classement Google Images.

9. Implémenter les images dans Schema.org

Pour les articles, produits, recettes, déclarez les images dans les données structurées :

"image": "https://exemple.com/image.jpg"

Cela aide Google à associer les bonnes images aux bons contenus dans les rich snippets. Voir notre guide Schema.org.

10. Soumettre un sitemap d'images

Pour les sites riches en images (e-commerce, blogs photos), créer un sitemap dédié aux images permet une meilleure indexation. Format XML standard, soumis à Google Search Console.

Voir notre guide complet du sitemap XML.

Le SEO Google Images

Google Images représente 20 à 30 % du trafic SEO de certains sites. Pour optimiser :

• Images originales (pas de stock photos sur-utilisées)
• Format WebP pour la rapidité
• Alt descriptif et précis
• Nom de fichier optimisé
• Image présente dans un contenu textuel pertinent
• Largeur minimale 1 200 px (pour les featured snippets visuels)

Erreurs fréquentes

• Uploader des images en 4K pour un usage 800 px
• Format JPEG qualité 100 % (gaspillage)
• Pas d'attribut alt
• Lazy loading sur les images au-dessus de la ligne de flottaison (anti-pattern)
• Stock photos sans valeur ajoutée
• Trop d'images décoratives ralentissant la page
• Texte important contenu dans des images (illisible par Google)

Audit des images d'un site

Outils :

• Screaming Frog : crawl complet avec audit alt, taille, format
• Lighthouse : score image au sein de l'audit performance
• PageSpeed Insights : recommandations spécifiques aux images
• WebPageTest : analyse détaillée du chargement

Cas particuliers

Sites e-commerce

Plusieurs images par produit, fonds blancs, zoom interactif. Optimisation cruciale pour la performance.

Sites éditoriaux

Images d'illustration de qualité, légendes soignées, attributions photo.

Portfolios créatifs

Compromis qualité/poids délicat. Lazy loading systématique, formats modernes.

Conclusion

L'optimisation des images est l'un des leviers SEO les plus rapides à mettre en place avec un retour immédiat sur les performances. Format WebP, compression, attribut alt et lazy loading constituent les bases. Pour aller plus loin : SEO technique, Core Web Vitals, SEO on-page complet.