Optimiser ses images pour le SEO
En résumé
L'optimisation des images impacte à la fois le référencement (via la Google Image Search et les Core Web Vitals) et l'expérience utilisateur. Les quatre actions essentielles sont : choisir le bon format (WebP ou AVIF), compresser sans perte visible de qualité, renseigner les balises alt et implémenter le lazy loading. Ces actions seules peuvent réduire le LCP de 20 à 40 %.
Les images représentent en moyenne 50 à 70 % du poids d'une page web. Mal optimisées, elles plombent les Core Web Vitals et pénalisent le classement. Bien optimisées, elles ouvrent un canal de trafic supplémentaire via Google Images.
Choisir le bon format d'image
Le format WebP offre une compression 25 à 35 % supérieure au JPEG pour une qualité visuelle identique. L'AVIF va encore plus loin mais sa compatibilité navigateur, bien que bonne en 2026, mérite vérification selon votre audience.
Les images vectorielles (logos, icônes, illustrations) doivent être en SVG : elles sont légères, scalables et ne se dégradent jamais.
Le PNG reste pertinent uniquement pour les images nécessitant une transparence ou une qualité absolue sans compression — cas rares dans un contexte web standard.
- Photographies et visuels complexes : WebP ou AVIF.
- Logos, icônes, illustrations : SVG.
- Captures d'écran avec texte : WebP avec compression modérée (qualité 80-85).
- Évitez le GIF animé : remplacez par une vidéo MP4 courte, 5 à 10 fois plus légère.
Compression et dimensions adaptées
Une image de 3 000 px de large affichée dans une colonne de 800 px transfère 3 à 4 fois plus de données que nécessaire. Redimensionnez toujours avant de compresser.
Visez un poids inférieur à 100 Ko pour les images secondaires, moins de 200 Ko pour les images hero ou les visuels principaux. Au-delà, l'impact sur le LCP devient mesurable.
La compression et le redimensionnement des images permettent de réduire le temps de chargement initial de 20 à 40 % sur des pages non optimisées, avec un impact direct sur les scores Core Web Vitals.
Balise alt, nom de fichier et données structurées
La balise alt est le seul texte que Google peut associer à une image. Elle doit décrire le contenu visuel avec précision, en intégrant naturellement le mot-clé si pertinent, sans forçage.
Le nom de fichier est secondaire mais utile : utilisez des mots-clés séparés par des tirets (image-seo-optimisation.webp) plutôt que IMG_4821.jpg.
Pour les images de produits ou les visuels clés, ajoutez des données structurées ImageObject ou Product avec Schema.org pour augmenter la visibilité dans Google Images et les résultats enrichis.
Lazy loading et performance
Le lazy loading charge les images uniquement lorsqu'elles entrent dans le viewport. Cela réduit le poids initial de la page et améliore le score FCP (First Contentful Paint).
Attention : n'appliquez jamais le lazy loading à l'image hero ou LCP — Google et le navigateur doivent la charger immédiatement. Utilisez loading="eager" ou omettez l'attribut pour cette image prioritaire.
- Ajoutez loading="lazy" à toutes les images hors du viewport initial.
- Définissez explicitement les attributs width et height pour éviter les décalages de mise en page (CLS).
- Utilisez srcset pour proposer des résolutions adaptées selon l'écran de l'utilisateur.
Questions fréquentes
Le lazy loading est-il supporté nativement par les navigateurs ?
Oui, depuis 2019 pour Chrome et les navigateurs modernes, et depuis 2021 pour Firefox. L'attribut loading="lazy" est suffisant sans bibliothèque JavaScript externe pour la majorité des sites.
Google indexe-t-il les images en WebP ?
Oui, Google supporte et indexe les images WebP et AVIF sans problème. Ces formats sont même recommandés par les guidelines PageSpeed Insights de Google pour réduire le poids des pages.
Une balise alt manquante pénalise-t-elle le SEO ?
Elle ne pénalise pas directement, mais elle prive Google d'un signal de contexte et exclut l'image du référencement dans Google Images. Sur un site e-commerce ou un blog avec beaucoup d'images, l'absence de balises alt représente une perte de trafic significative.
Envie d'appliquer tout ça à votre site ?
Réservez un audit offert — sans engagement.