Le nom du fichier
Avant même d'uploader une image, son nom de fichier compte pour le SEO. Google lit le nom du fichier pour comprendre ce que représente l'image.
- Utiliser des mots-clés descriptifs :
consultant-seo-lyon.webpplutôt queIMG_4892.jpg - Séparer les mots par des tirets, pas des underscores
- Rester concis : 3 à 5 mots maximum
- Éviter les accents et les caractères spéciaux dans le nom de fichier
L'attribut alt
L'attribut alt (texte alternatif) est la description textuelle d'une image. Il est lu par les lecteurs d'écran pour les personnes malvoyantes, et par Google pour comprendre le sujet de l'image.
- Décrire précisément ce que représente l'image
- Intégrer naturellement un mot-clé pertinent si le contexte s'y prête
- Ne pas remplir l'alt avec des mots-clés sans rapport (bourrage de mots-clés)
- Laisser l'alt vide (
alt="") pour les images purement décoratives
Un alt text bien rédigé est utile même si votre image ne s'affiche pas (erreur de chargement, connexion lente). Le visiteur voit le texte à la place de l'image et comprend quand même le contenu.
Format et compression
Le format WebP est aujourd'hui la référence pour les images sur le web : il offre une qualité équivalente au JPEG pour un poids 25 à 35 % inférieur. L'AVIF est encore meilleur mais son support n'est pas encore universel.
Pour la compression, un niveau de qualité de 75 à 85 % en WebP est invisible pour l'œil humain tout en réduisant significativement le poids du fichier.
Les dimensions adaptées
Une image doit être exportée aux dimensions où elle s'affiche réellement sur la page. Charger une image en 2400 px de large pour l'afficher en 800 px de large, c'est charger 9 fois plus de pixels que nécessaire.
Pour les sites responsive, il est possible d'utiliser l'attribut srcset pour proposer plusieurs tailles selon la largeur d'écran.
Le lazy loading
L'attribut loading="lazy" sur les balises <img> retarde le chargement des images hors de l'écran jusqu'à ce que le visiteur les fasse défiler. C'est une ligne de code qui peut diviser par deux le temps de chargement initial sur une longue page.
Exception : l'image principale visible dès le chargement de la page (souvent le LCP) ne doit pas avoir de lazy loading, au risque de ralentir le score LCP. Ce score fait partie des Core Web Vitals mesurés par Google.
Le sitemap d'images
Un sitemap d'images est un fichier XML qui liste les images de votre site avec leur URL, leur titre et leur description. Il aide Google à découvrir des images que le crawler pourrait manquer, notamment les images chargées dynamiquement.
Checklist complète
| Point à vérifier | Priorité |
|---|---|
| Nom de fichier descriptif en tirets | Importante |
| Attribut alt renseigné et pertinent | Indispensable |
| Format WebP (ou AVIF) | Indispensable |
| Compression à 75-85 % de qualité | Indispensable |
| Dimensions adaptées à l'affichage réel | Importante |
| Attribut loading="lazy" (sauf image LCP) | Recommandée |
| Attribut width et height renseignés | Recommandée (évite le CLS) |
| Sitemap d'images soumis à la Search Console | Utile pour les sites riches en images |
Questions fréquentes
Quel format d'image privilégier pour le SEO ?
WebP est le format de référence en 2026 : compression supérieure de 25-35 % par rapport au JPEG à qualité équivalente, supporté par tous les navigateurs modernes. AVIF compresse encore mieux mais sa compatibilité reste un peu en retrait. JPEG reste un fallback acceptable, PNG uniquement pour les images avec transparence ou les graphiques. SVG pour les icônes et logos vectoriels : poids minimal et qualité parfaite à toutes les tailles.
Quel poids maximum pour une image web ?
Idéalement sous 100 Ko pour une image standard, sous 200 Ko pour les visuels hero d'accueil ou les illustrations principales. Au-delà de 500 Ko, c'est presque toujours trop pour un usage web. Les outils comme TinyPNG, Squoosh ou ShortPixel permettent de compresser sans perte de qualité visible. Sur PageSpeed Insights, "Diffuser des images au bon format" et "Encoder efficacement les images" pointent les fichiers trop lourds.
Le lazy loading des images est-il bien interprété par Google ?
Oui, le lazy loading natif HTML (attribut loading="lazy") est parfaitement compris par Googlebot depuis 2020. Il accélère le chargement initial et améliore le LCP. À éviter : les lazy loadings JavaScript complexes qui peuvent masquer des images à Googlebot. Toujours conserver les images critiques (above the fold) sans lazy loading pour qu'elles s'affichent immédiatement.
Faut-il utiliser srcset pour les images responsives ?
Oui, c'est une bonne pratique. L'attribut srcset combiné à sizes permet de servir une version adaptée au terminal de l'utilisateur (mobile, tablette, desktop, retina). Avantage SEO indirect : meilleure performance, meilleur LCP, meilleure expérience mobile. WordPress et la plupart des CMS génèrent automatiquement les srcset, mais vérifier que c'est bien actif et que les variantes existent sur le serveur.