Optimiser une image pour le SEO repose sur trois leviers complémentaires : son poids, son format et sa sémantique. On compresse chaque visuel sans dégrader la qualité perçue, on choisit un format moderne quand le CMS et les navigateurs cibles le permettent, et on renseigne un attribut alt qui décrit le contenu réel de l'image plutôt qu'une suite de mots-clés. Bien menés, ces trois réglages aident à la fois l'indexation (Google Images comprend ce que montre le visuel) et la vitesse de chargement, qui pèse sur l'expérience et sur le positionnement.
Réduire le poids sans sacrifier la qualité
Une image lourde ralentit l'affichage de la page entière. La première étape consiste à compresser chaque fichier avec un outil dédié (Squoosh, TinyPNG ou la pipeline d'images du CMS) jusqu'au point où l'œil ne distingue plus de perte. Pour une photo de produit, viser quelques dizaines de kilo-octets reste largement suffisant dans la plupart des cas.
Le dimensionnement compte autant que la compression. Servir une image de 2000 px de large dans un emplacement affiché à 600 px gaspille de la bande passante et pénalise surtout le mobile. On utilise des sources adaptées au viewport (`srcset`) et on réserve la pleine résolution aux écrans qui en ont réellement besoin.
En pratique
Un même visuel peut peser dix fois moins selon le format et la résolution choisis. Le gain se ressent directement sur le temps d'affichage, sans que le rendu visible change pour l'internaute.
La logique détaillée du rapport entre taille de fichier et référencement est traitée à part : pour l'angle technique complet, voir l'influence du poids des fichiers sur le SEO.
Choisir un format moderne
Les formats récents offrent une meilleure compression à qualité égale. Quand l'environnement le permet, on privilégie :
- WebP : bon compromis, supporté très largement aujourd'hui.
- AVIF : compression encore plus efficace, idéal pour les photos.
- SVG : pour les logos, icônes et illustrations vectorielles, sans perte au redimensionnement.
- JPEG / PNG : en repli ou pour la compatibilité avec un CMS qui ne convertit pas.
Le choix dépend du type de visuel : une photographie gagne en AVIF ou WebP, un schéma à aplats reste net en SVG.
Soigner la sémantique : nom de fichier et alt
Le nom de fichier transmet du contexte. `schema-cablage-rj45.jpg` en dit plus à un moteur que `IMG_2047.jpg`. On nomme donc chaque fichier en mots-clés courts séparés par des tirets, avant l'upload.
L'attribut alt joue un double rôle : il décrit l'image pour les personnes utilisant un lecteur d'écran et pour les moteurs qui ne « voient » pas le visuel. Une bonne pratique tient en quelques règles :
- Décrire ce que montre vraiment l'image, en une phrase courte.
- Inclure le mot-clé seulement s'il correspond au contenu réel.
- Éviter d'empiler des termes (bourrage de mots-clés).
- Laisser l'alt vide pour une image purement décorative.
La profondeur de cet attribut mérite son propre traitement : pour le détail, voir notre réponse sur le rôle des balises ALT en SEO.
Le piège classique
Reprendre le même alt sur toutes les images d'une galerie, ou y copier-coller le mot-clé de la page. Chaque visuel mérite une description propre, sinon l'attribut perd toute valeur et nuit à l'accessibilité.
Penser le chargement et la priorité
Le lazy loading (`loading="lazy"`) diffère le téléchargement des images hors écran et préserve les ressources au premier affichage. À l'inverse, l'image principale au-dessus de la ligne de flottaison doit rester prioritaire : c'est souvent elle le LCP, un signal Core Web Vitals pris en compte dans le classement. On évite donc de la passer en lazy.
Un exemple concret : sur une fiche article, le visuel d'en-tête se charge en priorité (il porte le LCP), tandis que les illustrations plus bas dans le corps attendent le défilement. Ce découpage améliore le ressenti de vitesse sans rien retirer au contenu.
Enfin, une image bien optimisée s'inscrit dans un contenu qui l'entoure : légende, texte alentour et pertinence éditoriale renforcent sa compréhension. C'est tout l'enjeu d'une rédaction SEO qui intègre le visuel au lieu de l'ajouter après coup. Pour la question voisine de la prise en compte des médias par les moteurs, voir le poids réel du contenu visuel en SEO.