SEO des images : alt, WebP, poids et bonnes pratiques

Les images embellissent un site, mais elles en sont aussi la première cause de lenteur. Mal optimisées, elles dégradent les Core Web Vitals et font fuir les visiteurs. Bien travaillées, elles accélèrent le site, améliorent l'accessibilité et peuvent apporter du trafic via Google Images. Voici les bonnes pratiques SEO pour les images, applicables à tout type de site.

Pourquoi les images comptent en SEO

Trois raisons : elles pèsent lourd, souvent la majorité du poids d'une page, ce qui influe sur la vitesse ; elles participent à l'accessibilité grâce au texte alternatif ; et elles donnent accès à un canal de recherche à part entière, Google Images. Une image mal gérée peut aussi décaler la mise en page pendant le chargement, ce que mesure l'indicateur CLS.

Choisir le bon format

• JPEG : photos, compatible partout, mais relativement lourd.
• PNG : images avec transparence ou aplats nets, souvent volumineuses pour les photos.
• WebP : format moderne, en général plus léger que JPEG et PNG à qualité visuelle comparable, pris en charge par les navigateurs actuels.
• AVIF : encore plus compact dans de nombreux cas, avec une prise en charge large mais à vérifier selon votre public.
• SVG : logos et icônes vectoriels, légers et nets à toutes les tailles.

Le gain exact dépend des images : testez avant de généraliser, et vérifiez visuellement le résultat.

Redimensionner et compresser

Inutile de publier une photo de 4000 pixels de large pour un emplacement de 800. Redimensionnez à la taille maximale d'affichage (en tenant compte des écrans à haute densité), puis compressez. Des outils gratuits en ligne, des logiciels de retouche ou des extensions de CMS le font en lot. Contrôlez que la qualité reste correcte sur les visuels importants.

Le texte alternatif (alt)

L'attribut alt décrit l'image pour les personnes qui ne la voient pas (lecteurs d'écran) et pour les moteurs. Quelques règles :

• décrivez ce que montre vraiment l'image, en une phrase courte ;
• intégrez un mot-clé uniquement s'il est naturel dans la description ;
• laissez alt="" pour les images purement décoratives ;
• évitez « image de » ou « photo de », inutiles ;
• ne bourrez jamais l'attribut de mots-clés.

Le nom de fichier

Préférez un nom descriptif en minuscules, séparé par des tirets (facade-boutique-centre-ville.webp) à un nom généré par l'appareil (IMG_4587.jpg). C'est un signal secondaire, mais il aide à organiser votre médiathèque et à contextualiser l'image.

Dimensions et chargement

• width et height : renseignez-les toujours, pour que le navigateur réserve l'espace et évite les sauts de mise en page.
• Chargement différé (lazy loading) : appliquez loading="lazy" aux images situées sous la première fenêtre visible. Ne l'appliquez pas à l'image principale du haut de page, qui doit se charger en priorité : c'est souvent elle qui détermine le LCP.
• Images adaptatives : avec srcset et sizes, le navigateur choisit une version adaptée à l'écran, ce qui évite d'envoyer une grande image à un petit mobile.

Ces réglages relèvent directement de l'amélioration des indicateurs décrits dans notre guide des Core Web Vitals.

Autour de l'image : légende, contexte, page

Google comprend une image grâce à la page qui l'entoure : texte voisin, titre de la page, légende. Placez-la près du passage qui la concerne, et privilégiez des visuels originaux (réalisations, équipe, schémas) aux banques d'images génériques. Pour une boutique en ligne, des photos de qualité et de plusieurs angles aident à la fois la conversion et la visibilité, comme le montre notre article sur le SEO e-commerce à Toulouse.

Sur WordPress

La plupart des conversions et compressions peuvent être automatisées avec une extension ou le serveur. Gardez la main sur le texte alternatif, qui demande de la relecture : la génération automatique est souvent trop pauvre. Notre guide du SEO WordPress détaille les autres réglages de vitesse.

Contrôle rapide en cinq points

1. Aucune image n'est plus large que nécessaire.
2. Toutes les images importantes sont en format moderne.
3. Chaque image porte un alt pertinent (ou vide si décorative).
4. Les dimensions sont renseignées.
5. L'image principale n'est pas en chargement différé.

Pour un diagnostic complet de votre site, notre audit SEO examine aussi le poids de vos médias.

FAQ : SEO des images