Points Clés :
- Les textes alt sont l'élément SEO le plus important pour les images et doivent décrire précisément le contenu
- Les formats modernes comme WebP réduisent la taille des fichiers de 25-35% avec une qualité égale
- Les noms de fichiers descriptifs aident Google à comprendre le contenu de l'image
Google Image Search génère des milliards de recherches quotidiennement. Pourtant, de nombreux sites négligent complètement leur SEO d'images. L'optimisation n'est ni compliquée ni chronophage – si vous savez ce qui compte.
Des images bien optimisées apportent du trafic depuis la recherche d'images, améliorent l'expérience utilisateur et peuvent même apparaître comme résultats enrichis dans les résultats de recherche normaux. En même temps, elles sont cruciales pour la vitesse de chargement de votre site.
Textes Alt : Le Cœur du SEO d'Images
Le texte alt (texte alternatif) décrit le contenu de l'image. Il apparaît quand l'image ne peut pas charger et est lu à haute voix par les lecteurs d'écran. Pour Google, c'est le signal le plus important pour comprendre le contenu de l'image.
Un bon texte alt est précis et descriptif. Au lieu de "image" ou "photo", décrivez ce qui est réellement visible. Restez naturel et ne forcez pas les mots-clés.
Exemples de Textes Alt
| Mauvais | Bon |
|---|---|
| image1.jpg | Golden Retriever jouant dans le parc avec une balle rouge |
| Photo | Barista préparant un cappuccino avec art latte |
| Bannière | Bureau moderne avec bureau en bois et plantes |
| IMG_4523 | Coucher de soleil sur l'Opéra de Sydney |
Pour les images décoratives sans signification de contenu – comme les séparateurs ou motifs de fond – vous pouvez laisser le texte alt vide (alt=""). Cela indique aux lecteurs d'écran qu'ils peuvent ignorer l'image.
Optimiser les Noms de Fichiers
Avant de télécharger une image, nommez le fichier de manière significative. Google lit les noms de fichiers et les utilise comme signal supplémentaire.
Utilisez des mots descriptifs au lieu de combinaisons de chiffres. Séparez les mots avec des tirets, pas des underscores. Gardez les noms courts mais significatifs.
Avant : DSC_4892.jpg Après : sac-cuir-artisanal-marron.jpg
Pour les sites multilingues, vous pouvez utiliser des noms de fichiers dans la langue respective. Cela renforce la pertinence locale.
Choisir le Bon Format d'Image
Différents formats conviennent à différents cas d'usage. Le bon choix économise du stockage sans perte de qualité.
| Format | Idéal Pour | Avantages |
|---|---|---|
| WebP | Usage général | Plus petite taille, bonne qualité |
| AVIF | Navigateurs modernes | Encore plus petit que WebP |
| JPEG | Photos | Large support |
| PNG | Transparence, captures d'écran | Compression sans perte |
| SVG | Logos, icônes | Évolutif sans perte de qualité |
WebP devrait être votre format standard en 2025. Il est supporté par tous les navigateurs modernes et offre le meilleur équilibre entre qualité et taille de fichier. Pour une compatibilité maximale, vous pouvez offrir JPEG en repli.
Taille d'Image et Compression
Les gros fichiers d'images sont la raison la plus courante des sites lents. Une photo non compressée d'un appareil peut facilement peser 5 Mo – beaucoup trop pour le web.
L'approche optimale :
-
Bonnes dimensions : Ne téléchargez pas d'images plus grandes que nécessaire. Une image affichée à 800 pixels de large n'a pas besoin de 4000 pixels de largeur.
-
Appliquer la compression : Des outils comme TinyPNG, Squoosh ou ImageOptim réduisent la taille du fichier sans perte de qualité visible.
-
Utiliser des images responsives : Avec srcset, vous pouvez offrir différentes tailles pour différents écrans.
En règle générale : La plupart des images web devraient rester sous 200 Ko. Les images hero ou grandes bannières peuvent être légèrement plus grandes, mais rarement plus de 500 Ko.
Implémenter le Chargement Différé
Le chargement différé (lazy loading) signifie que les images ne chargent que lorsqu'elles entrent dans la zone visible. Cela accélère significativement le chargement initial de la page.
Le HTML moderne supporte le chargement différé nativement avec l'attribut loading :
<img src="image.webp" alt="Description" loading="lazy">
Les images dans la zone immédiatement visible (above the fold) ne devraient pas être chargées en différé. Cela détériorerait le Largest Contentful Paint (LCP).
Données Structurées pour les Images
Avec les données structurées, vous pouvez dire à Google des informations supplémentaires sur vos images. Particulièrement pertinents sont :
- Balisage produit : Affiche prix et disponibilité dans la recherche d'images
- Balisage recette : Permet l'affichage dans les carrousels de recettes
- Balisage how-to : Étiquette les images d'étapes dans les tutoriels
Ces balisages peuvent mener à des résultats enrichis qui obtiennent plus d'attention dans les résultats de recherche.
Utiliser un Réseau de Distribution de Contenu
Un CDN distribue vos images sur des serveurs dans le monde entier. Les visiteurs chargent les images depuis le serveur le plus proche, raccourcissant les temps de chargement.
Pour les sites internationaux, un CDN est presque obligatoire. Mais même avec des audiences locales, il peut aider à gérer les pics de trafic et améliorer les performances.
De nombreux hébergeurs et constructeurs de sites intègrent déjà des fonctionnalités CDN. Cloudflare, Bunny CDN ou imgix sont des options populaires.
Créer un Sitemap d'Images
Un sitemap d'images aide Google à trouver et indexer toutes les images de votre site. C'est particulièrement important quand les images sont chargées via JavaScript.
Dans un sitemap d'images, vous listez l'URL de chaque image avec des métadonnées optionnelles comme titre et description. La plupart des CMS peuvent générer des sitemaps d'images automatiquement.
Vérifiez l'optimisation de vos images avec notre Analyseur de Vitesse et voyez où il y a place à l'amélioration.
Questions Fréquentes
Quelle longueur doit avoir un texte alt ?
Les textes alt doivent être précis, typiquement entre 5 et 15 mots. Décrivez le contenu de l'image complètement mais sans mots de remplissage inutiles. Les textes alt très longs peuvent être tronqués par certains lecteurs d'écran.
Dois-je mettre des mots-clés dans les textes alt ?
Les mots-clés peuvent faire partie d'un texte alt s'ils s'intègrent naturellement. Une image d'une pomme rouge peut s'appeler "pomme rouge sur table en bois". Mais évitez le bourrage de mots-clés : "pomme acheter pomme pas cher fruiterie pomme" serait trop.
Dois-je optimiser toutes les anciennes images de mon site ?
Priorisez par trafic et importance. Commencez par les images sur les pages très visitées et progressez. Pour le nouveau contenu, utilisez des images optimisées dès le départ.