Le mois dernier, on a audite le site d'un e-commerce belge specialise en mobilier. Quatre secondes de chargement sur mobile. Le site perdait 60% de ses visiteurs avant même d'afficher un produit.
Le coupable ? Pas le serveur. Pas le JavaScript. Les images.
38 photos produit en PNG non compresse, affichees a 3000px alors que l'écran mobile fait 400px. Total : 14 Mo par page. On a converti en WebP, redimensionne, active le lazy loading. Le temps de chargement est passe a 1,2 seconde. Le trafic organique a augmente de 35% en six semaines.
Ce n'est pas un cas isole. Sur nos 50 derniers audits, les images etaient le problème numero un dans 34 cas. Et pourtant, quand on parle SEO technique, tout le monde pense balises meta, redirections, schéma markup. Les images arrivent en dernier. Quand elles arrivent.
Les chiffres que personne ne regarde
HTTP Archive publié chaque trimestre les données de performance du web mondial. Les chiffres de janvier 2026 :
| Metrique | Valeur mediane | Ce que ca veut dire |
|---|---|---|
| Poids des images par page | 1.2 MB | Ca plombe votre LCP |
| Images sans alt text | 33% | Un tiers de vos images sont invisibles |
| Images en PNG/JPEG | 58% | 30-50% trop lourd |
| Images sans lazy loading | 41% | Chargement inutile au premier affichage |
Autrement dit : la majorité des sites web servent des images trop lourdes, dans le mauvais format, sans description, qui se chargent toutes en même temps. Et on se demande pourquoi les Core Web Vitals sont dans le rouge.
Corriger les images est souvent le moyen le plus rapide d'améliorer vos Core Web Vitals. Pas le plus sexy. Le plus rapide.
Vos alt text sont probablement vides
Le alt text, c'est la description que vous collez sur une image pour que les moteurs de recherche comprennent ce qu'elle montre. Les lecteurs d'écran l'utilisent aussi -- c'est la voix qui decrit l'image aux personnes malvoyantes.
Mais il y a un troisième lecteur : l'IA.
GPT-4o, Gemini, Claude -- ils lisent tous vos alt text. Un alt text vide, c'est une image invisible pour trois publics a la fois. Et 33% des images du web en sont la.
Ce qui fait un bon alt text
Decrivez ce que l'image montre, pas ce qu'elle est. "Graphique montrant l'évolution du trafic organique de 2024 a 2026 avec une hausse de 45%" vaut mille fois mieux que "graphique".
Restez sous 125 caractères -- au-delà, les lecteurs d'écran coupent. Intégrez le contexte de la page. Si l'article parle de SEO technique, mentionnez-le dans le alt text. Et ne commencez jamais par "image de" : le lecteur d'écran annonce déjà "image", c'est redondant.
Ce qu'il ne faut surtout pas faire : bourrer des mots-clés. alt="alt text SEO images optimisation SEO alt text" est penalise par Google. Et ca sonne aussi ridicule que ca en a l'air.
Exemples concrets
Mauvais : alt="" ou alt="image" ou alt="photo1.jpg"
Correct mais insuffisant : alt="tableau comparatif"
Bien : alt="Tableau comparatif des formats WebP, AVIF et PNG avec gain de compression"
WebP, AVIF, SVG : lequel utiliser
WebP est le format de référence. 99,5% de couverture navigateur selon Can I Use, 25-35% plus leger que JPEG a qualité egale, supporte la transparence et l'animation. Si vous ne changez qu'une chose, convertissez tout en WebP.
AVIF va encore plus loin : 20% plus leger que WebP. Mais l'encodage est plus lent et la couverture navigateur atteint 93%. Ideal pour les portfolios et l'e-commerce premium, avec WebP en fallback.
SVG pour les logos et icones uniquement. Taille minimale, resolution infinie, modifiable en CSS. Jamais pour des photos.
Notre recommandation ? WebP par defaut, AVIF si vous avez le temps d'implémenter le fallback. PNG pour les photos, c'est fini.
Compression : les 3 reglages qui changent tout
Le format d'abord. WebP ou AVIF. Un PNG de 2 Mo en WebP fait 200 Ko. Dix fois moins lourd pour la même qualité visuelle.
Les dimensions ensuite. Ne servez jamais une image plus grande que sa taille d'affichage. Une image de 3000px affichee a 600px gaspille 80% de bande passante. L'attribut srcset permet de servir la bonne taille pour chaque écran.
La compression enfin. WebP a qualité 80 offre le meilleur compromis. En dessous de 70, des artefacts apparaissent. Au-dessus de 90, le gain visuel est imperceptible mais le poids grimpe.
Et n'oubliez pas le lazy loading. L'attribut loading="lazy" retarde le chargement des images hors écran. C'est du HTML natif, pas besoin de JavaScript. Exception : votre hero image doit charger immédiatement -- ajoutez loading="eager" et fetchpriority="high".
L'IA lit vos images (litteralement)
Les LLM multimodaux ne se contentent plus de lire du texte. Quand un système RAG crawle votre page, il "voit" vos visuels et lit vos alt text pour comprendre le contexte.
Les implications sont directes : une page avec des infographies bien decrites (alt text détaillé, legende visible, schéma ImageObject) fournit plus d'informations aux LLM qu'une page avec des images decoratives sans description. Vos visuels deviennent un avantage concurrentiel pour la visibilité IA.
Pour chaque image informative -- graphique, infographie, capture d'écran, diagramme -- redigez un alt text qui decrit les données, pas juste le type de visuel. "Graphique montrant que 68% des sites européens ont au moins 5 erreurs techniques (source Ryte 2025)" est infiniment plus utile pour un LLM que "graphique statistiques".
Questions fréquentes
Google penalise les images generees par IA ?
Non. Google traité toutes les images de la même facon, IA ou pas. Ce qui compte : le alt text est-il descriptif ? L'image est-elle en WebP ? Le fichier fait-il moins de 100 Ko ? L'image apporte-t-elle quelque chose au contenu ? Si oui, c'est bon.
Combien d'images par article ?
Autant d'images informatives que nécessaire, zero image decorative inutile. Pour un article de 1500-2000 mots, 2 a 4 images (infographies, comparatifs, captures d'écran) suffisent. Chaque image doit apporter ce que le texte seul ne peut pas montrer.
Le nom du fichier compte ?
Signal mineur mais reel. "comparatif-formats-webp-avif.webp" aide Google a comprendre le contenu de l'image. "IMG_4532.webp" ne dit rien. Tirets entre les mots, pas d'underscores, pas d'accents.
Vos images ralentissent votre site ?
On audite vos images et on vous dit exactement quoi corriger. Résultat visible en 48h.
Auditer mes images
