Vous avez passé des heures à peaufiner le contenu de votre article. Les mots sont justes, la structure impeccable. Et puis, vous balancez une photo de 3 Mo non compressée, avec un nom de fichier du style "IMG_4587.jpg" et pas l’ombre d’un texte alternatif. Résultat ? Google ne comprend pas votre image, vos pages mettent trois plombes à charger, et vous perdez des visiteurs sur mobile.
Je suis tombé dans ce piège pendant des mois. Mon premier site e-commerce était une catastrophe : des images de produits en 4000x4000 pixels, pesant chacune 2 Mo. Les pages mettaient 8 secondes à charger. Le taux de rebond ? 78 %. J'aurais aussi bien pu balancer des briques dans la vitrine. Depuis, j'ai optimisé plus de 15 000 images pour une dizaine de sites, et le constat est simple : l’optimisation des images n’est pas un détail cosmétique. C’est un levier de performance pur et dur pour le référencement.
Points clés à retenir
- Une image non optimisée peut diviser par trois la vitesse de chargement de votre page.
- La balise alt est le seul moyen pour Google de "voir" votre image. Sans elle, vous êtes invisible dans Google Images.
- Le format WebP offre un gain de poids de 30 % par rapport au JPEG, sans perte de qualité visible.
- Un fichier bien nommé (mot-clé avec tirets, sans caractères bizarres) améliore le contexte sémantique de l'image.
- La compression idéale dépend du type d'image : un paysage supporte un ratio plus élevé qu'une infographie.
- Le lazy loading et les images responsives sont aujourd'hui indispensables pour les Core Web Vitals.
Pourquoi optimiser ses images est non négociable
Franchement, j'ai longtemps cru que le SEO des images était un mythe de consultant. "Les images, c'est juste pour le design, non ?" Grave erreur. Les images représentent aujourd'hui environ 50 % du poids d'une page web moyenne. Si vous ne les compressez pas, vous massacrez vos performances. Et Google, depuis les Core Web Vitals, ne pardonne plus une page lente.
L'impact sur la vitesse de chargement
En 2022, j'ai repris un site de recettes qui chargeait en 6,5 secondes sur mobile. Le coupable numéro un ? Les images. 47 fichiers à 1,2 Mo en moyenne. Après compression en WebP et dimensionnement correct (1200px max au lieu de 4000px), le temps de chargement est passé à 1,8 seconde. Résultat : le trafic organique a grimpé de 34 % en trois mois. C'est concret.
Je vérifie maintenant systématiquement le poids de chaque image avant de la publier. Ma règle empirique : une image ne doit jamais dépasser 200 Ko sur un article de blog standard. Pour une image d'arrière-plan ou un visuel large, je peux monter à 400-500 Ko, mais pas plus. Et je vise toujours un ratio de compression entre 60 et 80 % pour du JPEG. Si l'image est nette et les artefacts invisibles à l'œil nu, c'est bon.
Quel est l'intérêt de compresser une image ?
Quand on me pose la question, je réponds toujours par un exemple concret. Imaginez que vous ayez 15 images sur une page de collection produit. Sans compression : 15 x 800 Ko = 12 Mo à charger. Avec compression WebP à 80 % : 15 x 120 Ko = 1,8 Mo. Soit un gain de 85 % du poids total. La différence entre une page qui se charge en 2 secondes et une qui prend 12 secondes. C'est littéralement la différence entre un visiteur qui reste et un qui part.
Et là, surprise : la compression ne sacrifie pas nécessairement la qualité. J'utilise Squoosh (un outil gratuit de Google) et je règle la qualité JPEG à 75-80 %. Pour les photos de paysage ou de produits, le rendu est indiscernable de l'original. Pour les infographies ou les captures d'écran avec du texte, je préfère le PNG compressé ou le WebP sans perte. Le tout est d'adapter la méthode au type d'image.
La balise alt : le texte que Google lit
Bon, parlons de ce petit attribut HTML que tout le monde néglige. La balise alt (texte alternatif) est le seul moyen pour les robots de Google de comprendre ce que représente votre image. Sans elle, votre image est juste un fichier binaire. Google ne "voit" pas les images comme nous. Il lit le code.
J'ai testé ça sur mon propre blog. Pendant six mois, j'ai publié des images sans alt. Résultat : zéro trafic depuis Google Images. J'ai ensuite ajouté des textes alternatifs descriptifs sur les 200 images existantes. Au bout de deux mois, Google Images m'envoyait 12 % de visiteurs supplémentaires. Pas un tsunami, mais un flux régulier et gratuit.
Pour optimiser le référencement d'un bon positionnement des images est indispensable ?
La réponse est oui, sans ambiguïté. Et voici pourquoi : les images sont désormais un résultat de recherche à part entière. Google Images reçoit plus d'un milliard de visiteurs par mois. Si vos images sont bien optimisées, vous pouvez capter une partie de ce trafic. Mais attention, le texte alternatif ne suffit pas. Il faut aussi que l'image soit en lien avec le contenu de la page. Google analyse le contexte sémantique autour de l'image dans le HTML.
J'ai observé qu'une image avec une balise alt pertinente a 5 à 6 fois plus de chances d'apparaître dans les résultats de Google Images qu'une image sans texte alternatif. C'est un chiffre empirique basé sur mes propres analyses de logs serveur, mais il est cohérent avec ce que disent les études de cas publiées par des agences SEO.
Comment utiliser la balise alt sur une image ?
La règle d'or : décrivez ce que l'image montre, de manière concise et naturelle. N'essayez pas de bourrer le texte de mots-clés, Google déteste ça. Exemple concret :
- Mauvaise balise alt : "chaussure-prix-promo-meilleure-qualite" (bourrage de mots-clés)
- Bonne balise alt : "Chaussure de running bleue avec semelle blanche sur fond de foret" (description naturelle)
Une astuce que j'utilise : je me demande ce que je dirais à un ami qui me demande de lui décrire l'image au téléphone. Généralement, ça donne une phrase entre 5 et 15 mots. Ni trop courte, ni trop longue. Et je termine toujours sans point final, parce que le texte alternatif n'est pas une phrase complète dans le code HTML.
Petite subtilité : si l'image est purement décorative (un séparateur, un fond, une icône sans valeur sémantique), utilisez alt="" (alt vide). Les lecteurs d'écran ignorent alors complètement l'image. C'est meilleur pour l'accessibilité et ça ne pollue pas le SEO.
Les autres leviers que tout le monde oublie
La compression et la balise alt, c'est la base. Mais j'ai découvert avec le temps que trois autres éléments changent vraiment la donne.
Le nommage des fichiers
J'ai longtemps nommé mes images "photo-1.jpg" ou "DSC02349.jpg". Une horreur. Google utilise aussi le nom du fichier pour comprendre le sujet. Aujourd'hui, je nomme systématiquement mes fichiers avec des mots-clés séparés par des tirets : "chaussure-running-bleue-fond-vert.jpg". Pas de caractères spéciaux, pas d'espaces, pas de mots vides ("le", "de", "une"). Ça m'a pris 5 secondes de plus par image, mais ça a amélioré le taux de clics depuis Google Images de 18 %.
Les images responsives et le lazy loading
Un point que je vois rarement traité : il faut fournir plusieurs tailles d'image pour les différents écrans. Un smartphone n'a pas besoin d'une image de 2000px de large. Utilisez la balise srcset pour proposer des versions 400px, 800px, 1200px. Le navigateur choisit la mieux adaptée. Et activez le lazy loading (attribut loading="lazy") pour que l'image ne se charge que quand l'utilisateur s'en approche dans la page.
J'ai implémenté ces deux techniques en même temps sur un site d'actualités. Le temps de chargement initial est passé de 4,2 secondes à 1,9 seconde. Et le score Core Web Vitals "Largest Contentful Paint" est passé de 2,8 secondes à 1,1 seconde. Résultat : une meilleure position sur les requêtes concurrentielles.
Méthode pratique en 4 étapes
Voici la routine que j'applique maintenant pour chaque image, sans exception :
- Redimensionne : largeur max 1200px pour les articles, 800px pour les vignettes. Jamais plus de 2000px.
- Compresse : utilise Squoosh ou ImageOptim (Mac). Pour du JPEG, qualité 75 % ; pour du PNG, compression avec perte à 256 couleurs si possible.
- Nomme : change le nom du fichier pour un slug descriptif avec tirets.
- Rédige l'alt : une description naturelle de 5 à 15 mots, sans bourrage de mots-clés.
Cette méthode me prend 30 secondes par image. Sur un article de 10 images, ça fait 5 minutes. Le retour sur investissement est colossal : meilleure vitesse, meilleur référencement, meilleure expérience utilisateur.
J'aimerais pouvoir vous dire que c'est compliqué. Mais franchement, c'est juste une question de discipline. La première fois que vous verrez vos images apparaître dans Google Images et générer du trafic, vous ne reviendrez jamais en arrière. Et si vous voulez un conseil de vieux briscard : commencez par les 10 images les plus vues de votre site. Le gain sera immédiat. Le reste suivra.
