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 |