Images et SEO : comment utiliser Alt et Title ?

Les images peuvent aider vos contenus à remonter dans les résultats de recherche, si elles sont correctement optimisées ! Pour cela, il y a les attributs ALT et TITLE. Mais savez-vous ce qui les différencie ? Quelles sont leurs fonctions principales ? Comment les employer correctement ? Faisons le point ensemble.

Les attributs Alt et Title : qu’est-ce que c’est ?

Le consultant SEO et autres professionnels du Web les appellent souvent balise Alt ou texte Alt et balise Title. Mais techniquement, les termes appropriés sont « attribut Alt » et « attribut Title ». Ils font référence aux descriptions textuelles de votre contenu visuel, optimisant ainsi l’accessibilité et le référencement. C’est une balise d’image HTML complète : <img src= »image.jpg » alt= »image description » title= »image tooltip »>.

En termes d’accessibilité, ces deux composants sont importants. Les revues d’écran les prennent en compte afin que les personnes atteintes de déficience visuelle puissent connaître le message véhiculé par les images présentes sur une page web. Mais s’il s’agit de votre objectif, il n’est pas nécessaire d’ajouter des attributs Alt et Title à vos contenus visuels déployés à des fins décoratifs.

En fonction du navigateur utilisé (Firefox, Chrome, Microsoft Edge…), une infobulle apparaît avec le texte d’un attribut Alt ou d’un attribut Title lorsque le curseur passe au-dessus de l’image concernée. Grâce à cette petite description textuelle, l’internaute peut avoir une idée sur le contenu de la photo cassée, pouvant être liée à une connexion internet lente ou des limitations liées à un système de protection.

L’importance de la balise Alt dans le référencement

Seul l’attribut Alt est pris en compte par les moteurs de recherche Web Search et Images de Google. Quant à l’attribut Title, celui-ci n’a pas d’utilité précise dans le SEO. Mais pourquoi la balise Alt est-elle donc si essentielle ? En fait, les crawlers n’ont pas encore la capacité à interpréter les contenus visuels présents sur une page web.

Pour ces robots, les images n’existent pas ! C’est là qu’intervient le texte Alt qui peut être déchiffré par le système d’indexation de Google. Il aide ces crawlers à déterminer les informations que l’image veut faire passer et à contextualiser ce contenu. Il faut tout de même noter que Bing considère l’attribut Alt pour uniquement sa section dédiée à la recherche d’images (non pas pour son moteur Web Seach classique).

Dans Google, cette balise Alt revêt donc une grande importance pour éviter les problèmes SEO les plus courants. Si elle est correctement optimisée, elle vous permettra d’attirer un trafic vers votre site par le biais de Google Images (une section qui s’affiche dans la SERP).

L’utilisation et l’optimisation des attributs Alt et Title

Certains experts en SEO estiment que l’attribut Title est facultatif. Celui-ci contribue cependant à faciliter l’accessibilité sur votre page web et donc à améliorer votre expérience utilisateur. Pour rédiger ce petit texte descriptif, vous pouvez très bien décrire le contenu de l’image en question.

Mais pour créer et optimiser un attribut Alt, qui est principalement axé sur le SEO, insérez-y les mots-clés susceptibles de faire remonter votre page dans le classement de Google. En même temps, vous devez présenter ce que contient et représente votre image.

Si certaines de vos images sont ajoutées à votre contenu pour des raisons esthétiques, ne les mettez pas dans votre HTML (mais plutôt dans votre CSS). Si elles doivent y rester, il convient de leur donner une balise Alt vide : <img src= »image.png » alt= » »>. Si vous utilisez WordPress, il suffit de laisser la cage « Alt text » vide dans les paramètres de l’image.

Les autres éléments à considérer pour référencer vos images

Au-delà des attributs Title et Alt, vous devez travailler d’autres points afin d’optimiser vos images pour les utilisateurs et les robots des moteurs de recherche :

• Le poids de vos images ne dépasse pas 200 ko : cela évite de ralentir la vitesse de chargement de votre page. Vous pouvez les compresser à l’aide de plugins tels que le WP Smush pour WordPress ;
• Le nom de chaque image est composé de mots-clés qui se rapprochent de ceux qui sont employés dans le texte Alt. N’utilisez pas de majuscule ni de caractère accentué ni de tiret bas.
• La légende, appelée également « texte associé », explique ce que chacune de vos images montre. Celle-ci permet de contextualiser votre contenu visuel et de le référencer dans Google Images.

Enfin, n’intégrez pas de texte dans votre image, car celui-ci ne sera pas indexé par les robots. Évitez également d’employer un contenu visuel (image ou logo) comme en-tête de votre site. Cela n’aura aucun impact sur votre SEO. Le mieux sera d’insérer vos mots-clés principaux dans cette zone spéciale « header ».

Pour aller plus loin, jetez un oeil à cette formation référencement certifiante : Développer son activité avec le référencement naturel.