Publié le 25 juillet 2025 · 5 min de lecture

Optimiser ses images pour le SEO : guide pratique

Les images représentent en moyenne 50 % du poids d'une page web. Des images mal optimisées ralentissent votre site, dégradent l'expérience utilisateur et pénalisent votre référencement. À l'inverse, des images bien optimisées améliorent votre vitesse de chargement, apparaissent dans Google Images et renforcent le contexte sémantique de vos pages.

L'attribut alt : essentiel pour le SEO et l'accessibilité

L'attribut alt (texte alternatif) décrit le contenu d'une image aux moteurs de recherche et aux lecteurs d'écran. Pour des alt text efficaces :

• Soyez descriptif : « graphique montrant l'évolution du trafic SEO sur 12 mois » plutôt que « image1 »
• Intégrez le mot-clé naturellement : si pertinent, incluez votre mot-clé cible sans forcer
• Restez concis : 5 à 15 mots suffisent, pas besoin de phrases complètes
• Évitez le bourrage : « SEO SEO optimisation SEO mots-clés SEO » est pénalisé
• Laissez vide pour les images décoratives : les icônes et ornements n'ont pas besoin d'alt text

Nommer ses fichiers images pour le référencement

Le nom de fichier est un signal SEO souvent négligé. Avant d'uploader une image :

• Remplacez « IMG_20250725.jpg » par « optimisation-images-seo-guide.jpg »
• Utilisez des tirets pour séparer les mots (pas d'underscores ni d'espaces)
• Intégrez des mots-clés descriptifs et pertinents
• Gardez des noms courts et lisibles

Cette pratique aide Google à comprendre le contenu de l'image avant même d'analyser la page. Comme pour vos balises meta, les noms de fichiers sont un signal supplémentaire pour les moteurs de recherche.

Compression et formats modernes

Compresser sans perdre en qualité

La compression d'image réduit le poids du fichier tout en maintenant une qualité visuelle acceptable. Visez :

• JPEG : compression à 70-85 % pour les photos (souvent invisible à l'œil)
• PNG : pour les images avec transparence ou texte, utilisez des outils de compression PNG
• Objectif : aucune image ne devrait dépasser 200 Ko sur une page web standard

Adopter les formats modernes

Les formats de nouvelle génération offrent une meilleure compression :

• WebP : 25-35 % plus léger que JPEG à qualité équivalente, supporté par tous les navigateurs modernes
• AVIF : encore meilleur que WebP, support en croissance
• SVG : parfait pour les logos et icônes (vectoriel, léger, scalable)

Utilisez la balise <picture> pour servir le format optimal selon le navigateur du visiteur.

Dimensions et responsive

Servir une image de 4 000 px de large pour un affichage de 800 px est un gaspillage de bande passante. Pour optimiser :

• Redimensionnez vos images à la taille d'affichage maximale prévue
• Utilisez l'attribut srcset pour proposer différentes tailles selon l'écran
• Spécifiez les attributs width et height pour éviter le CLS (Cumulative Layout Shift)

Le lazy loading pour accélérer le chargement

Le lazy loading retarde le chargement des images hors écran jusqu'à ce que l'utilisateur scrolle vers elles. C'est simple à implémenter avec l'attribut natif loading="lazy" en HTML. Les avantages :

• Chargement initial de la page beaucoup plus rapide
• Économie de bande passante pour les visiteurs qui ne scrollent pas
• Impact positif sur les Core Web Vitals et donc sur le SEO

Pour aller plus loin dans l'optimisation de votre contenu web, combinez l'optimisation des images avec celle de vos textes et de votre structure HTML.

L'optimisation des images est un levier SEO à fort impact et relativement simple à mettre en œuvre. En adoptant ces bonnes pratiques pour chaque image de votre site, vous améliorez la vitesse, l'accessibilité et le référencement de vos pages de manière significative.