Commencer par identifier ce que le client voit réellement
Beaucoup considèrent les liens d'images comme un problème technique, alors que le client ne voit jamais le code du lien. Sur la page, il perçoit trois éléments : l'image elle-même, le texte qui l'accompagne et le texte alternatif qui s'affiche si l'image ne se charge pas. Réduire la charge cognitive, c'est faire en sorte que ces trois éléments pointent vers la même chose, sans que le client ait à deviner ce qu'il trouvera en cliquant.
Le cas inverse est fréquent : l'image montre un emballage produit, le nom de fichier est IMG_2043.jpg, l'attribut alt indique « bannière » et le texte à côté dit « En savoir plus ». Avant de cliquer, le client ne sait pas du tout ce qu'il va voir et ne peut que tâtonner. C'est un exemple typique de charge cognitive élevée.
Nom de fichier : d'abord penser à la recherche interne
Le nom de fichier ne s'affiche pas directement sur la page, mais il influence deux choses : il constitue l'un des critères d'évaluation des moteurs de recherche lorsqu'ils explorent les images, et il permet à l'équipe marketing de retrouver l'image dans la médiathèque. Nous recommandons une combinaison « thème du contenu + usage ou emplacement », reliée par des tirets, par exemple valve-product-cover.jpg ou factory-workshop-01.jpg. Évitez les numéros par défaut de l'appareil photo, les caractères chinois avec espaces ou les séries de traits de soulignement.
Le critère est simple : si vous envoyez le nom de fichier seul à un collègue, peut-il dire approximativement de quelle image il s'agit ? Si non, le nommage n'a pas rempli son rôle. Pour un même lot d'images, adoptez un style uniforme : ne mélangez pas anglais, pinyin et numéros, sinon le classement ultérieur deviendra très compliqué.
Texte alternatif (alt) : une phrase pour ceux qui ne voient pas l'image
L'attribut alt est le texte de remplacement de l'image. Il s'affiche lorsque l'image ne se charge pas et il est lu par les lecteurs d'écran. Son rôle est d'expliquer ce que montre l'image, non d'accumuler des mots-clés. Nous recommandons une phrase qui décrit clairement le contenu de l'image, en mentionnant si nécessaire le thème de la page vers laquelle elle pointe, par exemple « Schéma du processus de contrôle qualité en atelier », plutôt que « atelier contrôle qualité processus fabricant prix » qui entasse des mots.
Si l'image est elle-même un point d'entrée vers un lien, l'alt peut décrire ce que le client verra après avoir cliqué, par exemple « Voir la description du processus de contrôle qualité ». Il convient de noter une limite : la rédaction de l'alt relève de l'expérience en organisation de contenu. La manière dont les moteurs de recherche utilisent réellement l'alt et son impact éventuel sur le classement sont des questions techniques à vérifier, que cet article ne tranche pas. En termes opérationnels, l'essentiel est que le client et les outils d'assistance puissent comprendre, et cette direction est fiable.
Texte environnant : éviter que l'image et le texte ne se contredisent
Pour comprendre une image, le client s'appuie souvent sur le texte qui l'entoure plutôt que sur l'image seule. Si l'image est une photo de produit et que le texte à côté indique « Cliquez pour voir les spécifications détaillées », le client s'attend à une page de spécifications. S'il indique « Bienvenue pour nous contacter », il pensera qu'il s'agit d'une fenêtre de chat. Ces deux attentes sont totalement différentes.
Pour rédiger le texte environnant, déterminez d'abord vers quelle page mène l'image, puis expliquez en une phrase ce que cette page propose. Si l'image, l'alt et le texte environnant pointent vers le même contenu, la charge cognitive diminue naturellement. À l'inverse, s'ils sont incohérents, le client se sentira mal à l'aise même s'il a cliqué au bon endroit.
Zone cliquable et emplacement : montrer que l'on peut cliquer
Certains liens d'images passent inaperçus parce qu'ils ressemblent à de simples illustrations. Voici quelques ajustements possibles : donner un état visuel clair aux images cliquables, par exemple un léger changement au survol ; placer les images cliquables là où le client s'attend à cliquer, comme dans une liste de produits ; éviter d'insérer une image cliquable au milieu d'un paragraphe, ce qui rend ambigu le choix entre cliquer sur l'image ou sur le texte.
De plus, une même image ne doit pas pointer vers deux destinations différentes. Sur certaines pages, cliquer à gauche mène à la page produit et à droite à la page de contact : le client a du mal à décider et risque de se tromper. Si deux entrées sont vraiment nécessaires, utilisez deux images ou deux boutons texte distincts.
Vérifications avant publication
- Lister tous les liens d'images de la page et vérifier pour chacun la page de destination après clic.
- Vérifier que les noms de fichiers sont consultables et que le style de nommage est uniforme pour un même lot.
- Vérifier que l'alt décrit bien le contenu de l'image, sans accumulation de mots-clés.
- Vérifier que le texte à côté de l'image correspond au contenu de la page après clic.
- Ouvrir la page sur mobile pour voir si les images cliquables sont visibles et faciles à toucher.
- Masquer temporairement les images ou simuler une coupure réseau pour vérifier que le texte alternatif permet encore de comprendre de quoi il s'agit.
Cette vérification ne nécessite aucun outil spécialisé ; l'équipe marketing peut la réaliser elle-même. Une fois terminée, le lien d'image passe de « le client clique au hasard » à « le client sait ce qu'il verra en cliquant ». C'est l'effet concret de la réduction de la charge cognitive.
