hyperrank
Optimisation on-page

Comment optimiser les images pour le SEO

Des images bien optimisées accélèrent votre site, améliorent l'accessibilité et peuvent générer du trafic depuis Google Images.

· 2 min de lecture

Les images pèsent souvent plus de la moitié du poids d'une page. Les optimiser améliore la vitesse, l'accessibilité et la visibilité dans Google Images.

1. Choisir le bon format

  • WebP ou AVIF : formats modernes, plus légers à qualité visuelle équivalente, bien pris en charge par les navigateurs actuels.
  • JPEG : pour les photos, lorsque vous n'utilisez pas de format moderne.
  • PNG : pour les images nécessitant de la transparence ou des aplats nets.
  • SVG : pour les logos et les icônes, qui restent nets à toutes les tailles.

2. Réduire le poids

  • Redimensionnez l'image à la taille réellement affichée (inutile d'envoyer 4000 pixels de large pour un emplacement de 800).
  • Compressez-la avec un outil adapté, en vérifiant que la qualité reste correcte.
  • Utilisez les attributs srcset et sizes pour servir une taille adaptée à chaque écran.

3. Soigner le nom de fichier

Préférez balise-title-exemple.webp à IMG_4521.jpg. Un nom descriptif, en minuscules, avec des tirets, donne un contexte supplémentaire.

4. Rédiger un bon attribut alt

  • Décrivez l'image comme vous la décririez à quelqu'un qui ne la voit pas.
  • Restez concis et pertinent par rapport au contenu de la page.
  • N'accumulez pas de mots-clés : ce serait inutile pour les lecteurs d'écran et risqué.
  • Laissez l'attribut vide (alt="") pour les images purement décoratives.

5. Indiquer les dimensions et charger intelligemment

  • Renseignez width et height pour éviter les décalages de mise en page (CLS).
  • Activez le chargement différé (loading="lazy") pour les images situées sous la ligne de flottaison.
  • Ne différez pas l'image principale visible dès l'arrivée, car cela ralentirait le LCP.

6. Soigner le contexte

  • Placez l'image près d'un texte qui en parle et ajoutez une légende quand elle est utile.
  • Utilisez de vraies balises <img> pour les images de contenu, plutôt que des images d'arrière-plan en CSS, que Google peut moins bien associer à la page.
  • Privilégiez des images originales et de qualité plutôt que des visuels génériques.

Pour terminer, contrôlez le résultat avec PageSpeed Insights et vérifiez dans la Search Console que vos pages sont bien indexées.

#images seo#attribut alt#webp#lazy loading#google images
Testez votre site gratuitement Audit SEO, vitesse, sécurité, E-E-A-T… résultats en quelques secondes.
Lancer un audit SEO →