SEO images : guide complet alt text, format et compression 2026
Optimiser vos images pour le SEO : alt text descriptif, formats WebP/AVIF, compression, lazy loading et Google Images. Guide technique 2026.
Sommaire (5 sections)
Introduction
SEO
Introduction
SEO
Le SEO des images est l'un des aspects les plus négligés de l'optimisation on-page, alors qu'il représente une opportunité de trafic significative : Google Images génère environ 22,6 % des recherches web selon une étude de SparkToro (2024). Un alt text bien rédigé, un format moderne et une compression appropriée sont les trois piliers d'une stratégie d'optimisation images efficace.
Alt text : rédiger des descriptions vraiment utiles
SEO
Alt text : rédiger des descriptions vraiment utiles
SEO
L'attribut alt (texte alternatif) d'une image a deux fonctions : décrire l'image aux utilisateurs malvoyants via les lecteurs d'écran (accessibilité WCAG) et indiquer aux moteurs de recherche le contenu de l'image (SEO). Un bon alt text est descriptif, concis (125 caractères maximum), intègre naturellement un mot-clé pertinent sans keyword stuffing, et décrit réellement ce que montre l'image plutôt que ce que vous voudriez que Google comprenne. Exemple pour une photo d'équipe en agence web lyonnaise : alt="Équipe de l'agence web NewGenesis Lyon dans leurs bureaux du 2ème arrondissement" - c'est descriptif, localisé et naturellement optimisé. Les images décoratives (séparateurs, icônes génériques) doivent avoir un alt vide (alt="") pour indiquer aux lecteurs d'écran de les ignorer.
Formats d'image : WebP et AVIF pour la performance
SEO
Formats d'image : WebP et AVIF pour la performance
SEO
Le choix du format image a un impact direct sur les Core Web Vitals et donc sur le SEO. JPEG reste acceptable mais dépassé pour la plupart des usages. WebP, développé par Google, offre une compression 25-35 % supérieure au JPEG pour une qualité équivalente et supporte la transparence (contrairement au JPEG). AVIF, le format le plus récent, offre une compression 50 % supérieure au JPEG mais un encodage plus lent - idéal pour les images statiques en production. PNG reste le meilleur choix pour les images avec transparence complexe ou texte (logos, captures d'écran). SVG est obligatoire pour les logos, icônes et illustrations - il est vectoriel, donc infini en résolution et très léger. En Next.js, le composant Image convertit automatiquement en WebP/AVIF selon le support navigateur, sans aucune configuration supplémentaire.
SEO
Compression : trouver l'équilibre qualité/poids
La compression d'image réduit le poids des fichiers sans altération visuelle perceptible. Pour les JPEG et WebP, une qualité de 80-85 % offre le meilleur compromis qualité/poids. Pour les PNG, utilisez la compression sans perte (lossless) pour les images avec transparence et la compression avec perte via pngquant pour les photos en PNG. Les outils recommandés : Squoosh (squoosh.app) pour la compression manuelle de haute précision, Sharp pour l'automatisation en Node.js (utilisé internalement par Next.js), TinyPNG API pour les intégrations CMS. Une image non compressée de 2MB peut descendre à 200KB sans perte de qualité visible - soit une réduction de 90 % qui impacte directement le LCP et le Core Web Vitals global. Selon l'HTTP Archive (2025), les images représentent en moyenne 58 % du poids total d'une page web.
SEO
Lazy Loading et priorité de chargement
Le lazy loading différe le chargement des images situées hors de la fenêtre d'affichage initiale - elles ne se chargent que lorsque l'utilisateur scrolle vers elles. L'attribut HTML natif loading="lazy" est supporté par 95 % des navigateurs modernes. En Next.js, c'est le comportement par défaut du composant Image. Exception critique : l'image hero ou l'élément LCP (Largest Contentful Paint) ne doit jamais être en lazy loading - utilisez priority={true} ou fetchpriority="high" sur l'image principale pour déclencher un preload immédiat. Un mauvais lazy loading sur l'image LCP peut faire passer votre score de "Good" à "Needs Improvement" instantanément.
SEO
Sitemap images et Google Images
Pour maximiser l'indexation de vos images dans Google Images, créez un sitemap XML enrichi avec des extensions images. Ces extensions permettent d'indiquer à Google : le titre de l'image, la description (légende), la licence d'utilisation et la géolocalisation. Google Images est particulièrement important pour les secteurs visuels : e-commerce, hôtellerie, restauration, architecture, mode. Soumettez votre sitemap images dans Google Search Console et vérifiez régulièrement les rapports d'indexation images. Nommez vos fichiers images avec des descriptifs significatifs et des mots-clés séparés par des tirets (ex : refonte-site-web-boutique-lyon.webp) - Google indexe les noms de fichiers. Chez NewGenesis, l'optimisation images fait partie de chaque projet web. Demandez un audit performance de votre site.
Articles connexes
Continuez la lecture
SEO local à Lyon : dominer Google Maps et les résultats locaux en 2026
Comment apparaître en tête des résultats Google locaux à Lyon ? Stratégies SEO local, Google Business Profile, données structurées et AEO pour les entreprises lyonnaises.
Core Web Vitals 2026 : optimisez la vitesse de votre site web
LCP, INP, CLS : comprenez et optimisez les Core Web Vitals de Google pour améliorer votre référencement et l'expérience utilisateur. Guide technique complet.
Schema.org avancé : boostez votre SEO avec les données structurées
FAQPage, HowTo, LocalBusiness, Article : implémentez les schemas Schema.org essentiels pour maximiser votre visibilité sur Google et les moteurs IA.