Les images peuvent aider un site professionnel à être compris : photo d’un lieu, réalisation, produit, équipe, menu, schéma, capture ou preuve de savoir-faire. Elles peuvent aussi rester invisibles pour le référencement si elles sont mal intégrées, trop génériques, non contextualisées ou uniquement décoratives.
Le référencement des images ne consiste pas à répéter un mot-clé dans chaque texte alternatif. Il consiste à rendre les images utiles, compréhensibles et accessibles dans leur contexte. Pour une TPE, un artisan, un commerçant ou un indépendant, l’objectif est simple : aider le visiteur à comprendre l’offre, tout en donnant aux moteurs les signaux nécessaires pour découvrir et interpréter les visuels importants.
Google Search Central recommande notamment d’utiliser des images pertinentes, intégrées avec des éléments HTML standards, entourées d’un contenu cohérent et accompagnées de textes alternatifs utiles. Voici une méthode concrète pour agir sans sur-optimiser.
Choisir les images qui méritent vraiment d’être référencées
Toutes les images d’un site n’ont pas la même valeur SEO. Une icône décorative, un motif de fond ou une photo d’ambiance générique ne mérite pas le même soin qu’une réalisation, un produit ou une photo de lieu.
Priorisez les images qui apportent une information :
- réalisation avant/après ;
- produit ou plat important ;
- façade, salle, cabinet, atelier ou zone d’accueil ;
- équipe ou personne identifiable avec accord ;
- schéma qui explique une méthode ;
- capture d’un service ou d’un outil ;
- preuve visuelle liée à une prestation ;
- image principale d’une page service ou d’un article.
Une image doit avoir un rôle. Si elle ne montre rien de spécifique et ne complète pas le texte, elle ne doit pas être au centre de votre stratégie SEO. Le bon réflexe est de partir de la page : quelle information l’image rend-elle plus claire ?
Sur une page service, l’image doit renforcer l’offre au lieu de seulement décorer. L’article sur la façon de structurer une page service pour les visiteurs et les moteurs aide à relier visuels, preuves, déroulé et appel à l’action.
Placer l’image dans un contexte explicite
Google ne comprend pas une image isolée comme un humain comprend une photo en contexte. Le contenu autour de l’image compte : titre de page, paragraphe voisin, légende, texte alternatif, nom de fichier, données structurées lorsque c’est pertinent, et cohérence globale de la page.
Exemple simple :
| Image | Contexte faible | Contexte utile |
|---|---|---|
| photo d’un chantier terminé | galerie sans texte | section « rénovation de cuisine à Lyon » avec explication du besoin |
| plat de restaurant | image nommée IMG_2048.jpg |
page menu avec nom du plat, ingrédients clés et photo proche du texte |
| capture d’interface | visuel placé sans légende | explication de la fonctionnalité et résultat attendu |
| façade d’un commerce | image en arrière-plan décoratif | page locale avec adresse, accès et services proposés |
Le contexte évite les images orphelines. Il aide aussi le visiteur : une photo de réalisation sans explication peut être jolie, mais elle répond mal aux questions de décision. Où était le projet ? Quel était le besoin ? Quelle prestation a été réalisée ? Quelle information la photo apporte-t-elle ?
Si plusieurs pages utilisent des images proches, vérifiez qu’elles ne créent pas des contenus trop similaires. L’article sur les pages services qui se concurrencent donne une méthode pour différencier les intentions, les contenus et le maillage.
Nommer les fichiers de manière descriptive
Le nom du fichier n’est pas le signal le plus important, mais il fait partie du contexte. Un fichier terrasse-restaurant-paris-16.webp est plus lisible qu’un fichier IMG_8721.webp. Il aide l’équipe qui maintient le site, facilite les exports et évite les bibliothèques de médias incompréhensibles.
Utilisez une convention simple :
- minuscules ;
- mots séparés par des tirets ;
- pas d’accents ;
- description courte ;
- pas de suite de mots-clés ;
- pas de numéro brut sans contexte ;
- format adapté à l’image.
Exemples :
| Image | Nom faible | Nom utile |
|---|---|---|
| devanture de boulangerie | photo1.jpg |
devanture-boulangerie-lyon-6.webp |
| réalisation artisan | final-v2.png |
bibliotheque-sur-mesure-chene.webp |
| plat signature | DSC00451.jpg |
burger-maison-restaurant-paris.webp |
| capture de formulaire | screen.png |
formulaire-demande-devis-site-vitrine.webp |
Ne transformez pas le nom de fichier en liste de requêtes. Un nom descriptif doit rester naturel et fidèle à l’image.
Écrire un texte alternatif utile
Le texte alternatif sert d’abord à l’accessibilité et à la compréhension. Il remplace ou explique l’image lorsque celle-ci n’est pas perçue. Le W3C WAI propose un arbre de décision pour adapter le texte alternatif au rôle de l’image : informative, fonctionnelle, décorative, complexe ou contenant du texte.
Pour le SEO, la même logique est saine : décrivez ce qui est utile dans le contexte, sans bourrage de mots-clés.
| Situation | Texte alternatif utile | À éviter |
|---|---|---|
| image informative | Façade du salon de coiffure Martin à Nantes |
coiffeur Nantes meilleur salon coupe couleur |
| bouton image | Demander un devis |
icône formulaire |
| image décorative | alt="" si l’image n’ajoute rien |
description longue qui répète le texte |
| réalisation | Terrasse en bois posée autour d’une piscine |
artisan terrasse bois pas cher qualité |
| graphique | résumé de l’information ou données accessibles à côté | graphique résultats |
Une erreur fréquente consiste à remplir tous les alt avec le mot-clé principal de la page. Cela nuit à la clarté. Si l’image montre vraiment le service, le mot peut apparaître naturellement. Sinon, il vaut mieux décrire l’information réelle.
Ce sujet rejoint l’accessibilité. L’article sur les bases d’accessibilité à intégrer dans un site de petite entreprise complète la partie textes alternatifs, contrastes, formulaires et navigation.
Rendre les images découvrables par les moteurs
Google Search Central indique que les images intégrées avec des éléments HTML standards sont plus faciles à découvrir. Les images importantes ne devraient donc pas être uniquement placées en arrière-plan CSS si elles portent une information.
Vérifiez ces points :
- l’image importante est bien dans le HTML ;
- l’URL du fichier est accessible ;
- la page qui contient l’image est indexable ;
- l’image n’est pas bloquée par un fichier robots ;
- le texte autour de l’image décrit le sujet ;
- l’image n’est pas chargée seulement après une interaction impossible à crawler ;
- les variantes responsives restent reliées à la même image pertinente.
MDN explique que les images responsives permettent au navigateur de choisir une ressource adaptée selon l’écran ou la densité. Pour un site professionnel, c’est utile pour servir une bonne taille d’image sans pénaliser le mobile.
Si le site contient beaucoup d’images importantes, un sitemap image peut aider Google à les découvrir. La documentation Google sur les sitemaps image précise que ces sitemaps servent à fournir des informations sur les images que vous souhaitez voir prises en compte. Pour un petit site vitrine, ce n’est pas toujours indispensable si les images sont bien intégrées dans les pages. Pour un site avec portfolio, catalogue, réalisations ou menus visuels, le sujet mérite d’être vérifié.
Ne pas sacrifier la performance au référencement des images
Une image bien référencée mais trop lourde peut dégrader l’expérience. Le référencement des images doit donc rester compatible avec la performance.
web.dev rappelle que la performance des images passe notamment par des dimensions adaptées, des formats pertinents et une bonne stratégie de chargement. Pour une TPE, retenez surtout :
- éviter d’envoyer une photo immense dans une petite carte ;
- compresser sans rendre le visuel flou ;
- utiliser WebP ou AVIF lorsque c’est adapté ;
- conserver une qualité suffisante pour les preuves et réalisations ;
- réserver les dimensions pour éviter les sauts de mise en page ;
- ne pas charger trop tôt les images situées loin dans la page ;
- prioriser l’image principale si elle porte le contenu visible en premier.
Le sujet est détaillé dans notre article sur le choix et l’optimisation des images d’un site professionnel. Ici, la priorité est de retenir que SEO et performance ne doivent pas être traités séparément. Une image utile doit être trouvable, compréhensible et rapide à afficher.
Prévoir les images dès la rédaction de la page
Le référencement des images fonctionne mieux lorsque les visuels sont pensés avec le contenu, pas ajoutés à la fin.
Avant de publier une page, demandez :
- Quelle image aide vraiment le visiteur ?
- Où doit-elle apparaître dans la page ?
- Quel texte autour explique son rôle ?
- Quel nom de fichier est clair ?
- Quel texte alternatif est nécessaire ?
- Quelle taille est adaptée au mobile ?
- Cette image doit-elle figurer dans le sitemap ?
- Faut-il ajouter une légende ou un exemple ?
Cette routine évite deux extrêmes : publier des pages sans preuve visuelle, ou ajouter des images décoratives qui ralentissent la page sans aider la décision.
Pour un site de service, une bonne image peut soutenir la conversion : elle rend l’offre plus concrète, rassure sur la qualité et montre une situation réelle. Mais elle doit rester cohérente avec la page, sinon elle attire l’attention sans aider.
Auditer rapidement les images existantes
Pour améliorer un site déjà en ligne, commencez par les pages importantes : accueil, services, réalisations, contact, pages locales et articles qui attirent du trafic.
Créez un tableau simple :
| Page | Image importante | Problème observé | Action |
|---|---|---|---|
| Accueil | image principale | fichier générique et trop lourd | renommer, compresser, ajuster le contexte |
| Service | photo de réalisation | pas de texte alternatif | écrire un alt descriptif |
| Réalisations | galerie | images sans explication | ajouter contexte et légendes utiles |
| Contact | photo du lieu | image en fond CSS | intégrer une image informative si utile |
| Article | schéma | dimensions instables | réserver l’espace et optimiser le fichier |
Ne cherchez pas à optimiser toutes les images en une fois. Corrigez d’abord celles qui sont visibles, utiles et liées aux pages qui génèrent des demandes. Ensuite, mettez en place une routine pour les nouvelles publications.
La prochaine étape
Choisissez trois pages stratégiques et listez leurs images importantes. Pour chacune, vérifiez le rôle, le nom de fichier, le texte alternatif, le contexte autour de l’image, le poids du fichier et la présence éventuelle dans le sitemap.
Le bon référencement des images n’est pas une astuce isolée. C’est une discipline de clarté : une image utile, placée au bon endroit, décrite avec précision et servie proprement. C’est ce qui aide à la fois les visiteurs, l’accessibilité, la performance et la visibilité organique.