Optimisation SEO des images

Bonnes pratiques orientées performance, accessibilité et indexation. Focus : renommage des fichiers et gestion des balises alt.

Introduction : Pourquoi l’image est un pilier du SEO

Le Référencement Naturel (SEO) exige une optimisation fine de tous les actifs. Les images participent à la pertinence sémantique, à la vitesse et à l’accessibilité. Google ne « lit » pas une image sans signaux. Vous devez fournir ces signaux.

  • Positionnement : visibilité dans Google Images et renforcement thématique de la page.
  • UX : chargement rapide, réduction du taux de rebond.
  • Accessibilité : compatibilité lecteurs d’écran, conformité ADA.

PARTIE I : Le renommage et le format des images

L’optimisation démarre hors CMS. Nom de fichier et format pilotent pertinence et performance.

A. Règles de renommage des fichiers

  1. Nom descriptif et concis. Proscrire IMG801225.jpg et autres exports bruts.
  2. Mot-clé principal intégré au nom de fichier.
  3. Séparateurs : utiliser des tirets -. Éviter les underscores _.
  4. Minuscules uniquement. Pas d’accents ni caractères spéciaux.
Bonnes pratiques Exemple recommandé À éviter
Séparateurs fonctionnalite-site-e-commerce.jpg fonctionnalite_site_e-commerce.jpg
Mots-clés bottes-en-cuir-rouges.jpg IMG_00451.jpg

B. Optimisation du poids et du format

  1. Compression cible < 100 ko quand c’est possible sans perte critique.
  2. Redimensionnement aux dimensions d’affichage effectives avant import.
  3. Formats :
    • .jpg pour photos. Ratio poids/qualité optimal.
    • .webp pour photos. Ratio poids/qualité très optimal.
    • .png si transparence requise.
    • .svg pour icônes et logos vectoriels.
Checklist export atelier
  • Nom en minuscules, tirets, mot-clé intégré.
  • Dimensions = conteneur CSS prévu.
  • Qualité JPEG 60–80 selon visuel.
  • Métadonnées EXIF purgées si non utiles.

PARTIE II : Maîtriser l’attribut alt (texte alternatif)

A. Rôle et objectifs

  • Moteur : contexte sémantique lisible par Google.
  • Accessibilité : description lue par les lecteurs d’écran.

B. Bonnes pratiques de rédaction

  1. Courte et précise : 5 à 6 mots descriptifs.
  2. Mot-clé intégré si naturel.
  3. Pas de sur-optimisation ni bourrage de mots-clés.
  4. Alignée au contexte de la page et au rôle de l’image.

C. Distinction entre balises

  • alt : description accessible. Impact SEO fort.
  • title image : infobulle au survol. Impact SEO nul.
  • Légende : texte visible sous l’image. Utile pour l’UX et la compréhension.
Patron de rédaction :

alt="<objet> <caractéristique clé> <contexte>"

Ex. alt="bottes en cuir rouges femme talon 5 cm"

SYNTHÈSE : Optimisation Image SEO

Critère d’optimisation Bonnes pratiques Rôle SEO / Performance Sources
Renommage du fichier Mots-clés + tirets. Ex. chaussures-course-homme.jpg Indexation Google Images. Renforcement thématique.
Poids et taille Compression < 100 ko si possible. Redimensionnement à l’échelle d’affichage. Vitesse de chargement. UX.
Format .jpg photos, .svg logos/icônes, .png transparence. Poids optimisé. Rendu net.
Balise alt Description 5–6 mots avec mot-clé naturel. Impact SEO élevé. Accessibilité.
Balise title Optionnelle. Infobulle. Impact SEO nul. UX contextuelle.

Exemples appliqués

verrine poisson légumes croquants sauce légère
Fichier recommandé : verrine-poisson-legumes-sauce-legere.jpg

deux femmes discutant au bar café paris
Fichier recommandé : discussion-bar-paris-portrait-femmes.jpg

sac a main cuir rose poudré bandouliere givenchy
Fichier recommandé : sac-cuir-rose-poudre-givenchy-packshot.jpg

conference think asia think hong kong paris panel intervenants
Fichier recommandé : conference-think-asia-hong-kong-paris-panel.jpg

Code HTML modèle image optimisée

<figure>
  <img
    src="chemin/chaussures-course-homme.jpg"
    width="800" height="600"
    alt="chaussures running homme semelle amortissante"
    loading="lazy" decoding="async" />
  <figcaption>Chaussures de course homme — semelle amortissante</figcaption>
</figure>

❓ FAQ technique

Dois-je remplir l’attribut alt pour les images décoratives ?

Non. Laisser alt="" pour ignorer la lecture par les lecteurs d’écran.

Faut-il mettre des mots-clés locaux dans le nom de fichier ?

Oui si pertinent au contenu. Exemple : photographe-evenementiel-paris.jpg.

Le WebP est-il obligatoire ?

Utile pour le poids. Conservez une stratégie fallback selon le support serveur. Le processus reste identique : nom, dimensions, alt.

🚀 Passage à l’échelle

  • Standardiser un patron de nommage par type de contenu.
  • Automatiser la compression lors du build ou à l’upload.
  • Auditer les alt manquants via un crawl mensuel.