icon/dark/fileicon/dark/foldericon/dark/folde-openicon/dark/hashtagicon/dark/line-graphicon/dark/listicon/dark/localicon/dark/lock
Comment améliorer son référencement avec l'attribut alt

Sans l’attribut alt des images, de nombreuses pages web sont difficiles, voire impossibles à surfer, et les utilisateurs doivent "trouver leur chemin dans l'obscurité".

-W3C

Un contenu de qualité et attrayant est une condition sine qua none pour les moteurs de recherche. Si les publications de votre site sont principalement constituées par du contenu textuel, nous vous recommandons alors d’inclure des images - notez que l’optimisation du format et de la taille des images sont tout autant importants. Les images, à savoir, les photos, illustrations et infographies, sont essentiels pour rendre votre contenu plus attractif: des textes trop longs et ininterrompus sur votre site entraîneront des visites courtes et un taux de rebond élevé de la part de vos visiteurs.

Les moteurs de recherche sélectionnent les images par leurs simples caractéristiques visuelles, c'est à dire, les formes et les couleurs de l'image. Mais ils ne sont pas capables de décrire une image de manière sémantique. En d'autres termes, lorsqu'un moteur de recherche explore votre page il ne «voit» pas l'image, ce qui peut être problématique.

Si les moteurs de recherche n'ont pas la capacité de déterminer la pertinence d'une image en fonction d'une requête, ou si celle-ci est en lien avec le contenu d'une page du fait de ses simples caractéristiques visuelles, il existe heureusement un moyen relativement simple de résoudre ce problème pour améliorer votre référencement et l'expérience utilisateur: l’attribut alt de l'image.

Qu’est ce l’attribut alt?

L’attribut alt, également appelé "texte alternatif" ou "alt text", est un attribut HTML ajouté aux balises d'image qui fournit une description de l'image:

<Img src = "https://www.exemple.com/exemple-image.jpg" alt = "Ceci est l’attribut alt" />

Lorsque le navigateur ne peut pas charger une image, il affiche le texte de remplacement dans une boîte, comme indiqué ci-dessous:

L’attribut alt affiché comme ceci:

affichage de l'attribut alt

Les lecteurs d'écran, les navigateurs vocaux, l’afficheur braille et d'autres technologies d'assistance pour les internautes ayant des problèmes visuels utilisent également l’attribut alt. En outre, le texte alternatif apparaît si l’image ne se charge pas.

Comment utiliser l’attribut alt pour le référencement?

Du point de vue du référencement, l’attribut alt est un des facteurs les plus importants pour l'optimisation de l'image, après le nom du fichier image. Il représente également la possibilité d'ajouter des mots-clés à vos images pour les aider à classer dans les résultats de recherche.

Notez qu’il s’agit d’une description pour quelqu'un (ou quelque chose) qui ne peut pas voir. Par conséquent, l’attribut alt doit être:

Lorsque vous écrivez le texte alternatif, celui-ci doit reprendre le mot-clé du contenu de la page, ce qui est logique car votre image est liée au contenu de la page. Il est préférable d'utiliser un seul mot-clé à moins qu'il y en ait deux qui soient étroitement liés. Le bourrage de mots clés, comme d’habitude, est fortement déconseillé.

Essayez d'écrire un texte spécifique et détaillé, et d'utiliser un langage naturel compréhensible par les personnes. Ceci est important pour deux raisons :

Il n'y a pas de limite de caractères ou des règles strictes (comme les attributs de titre ou la description), mais Google conseille d’avoir des attributs alt courts et de fournir un contexte approprié. "La page sur laquelle se trouve l'image, ainsi que le contenu situé à proximité de l'image (y compris toute légende ou titre d'image) fournissent aux moteurs de recherche des informations importantes concernant le sujet de votre image. Assurez-vous, dans la mesure du possible, de placer vos images près d'un texte pertinent. Nous vous conseillons en outre d'attribuer des titres et légendes descriptives à vos images."

Panda en fête, panda, panda heureux, panda, fête, célébration,ours panda

Voici quelques exemples d’attribut alt d'une image sur une page pointant vers le mot-clé "panda fêtard":

Panda fêtard avec un chapeau orange, assis devant un ordinateur

Voici le code HTML de la balise d'image:

 <Img src = "https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/celebrating_panda-1480416313590.jpg" alt = "Panda fêtard avec un chapeau de fête orange, assis devant un ordinateur" />

Cela représente l’attribut alt optimal:

Si on utilise seulement le mot-clé "panda fêtard", l’attribut alt ne décrit pas pleinement l’image mais c’est quand même mieux que de laisser le champ vide. Par ailleurs, Google pénalise en particulier le bourrage de mots-clés, comme vous pouvez voir sur la balise de l’image ci-dessous et le considère comme une forme de spam, cette technique est donc à éviter absolument!

<img src="https://s3.amazonaws.com/woocms.woorank.com/2016/Nov/panda-fêtard-1480416313590.jpg" alt="panda fêtard, panda, panda heureux, fête du panda, panda en célébration, ours panda, ours panda fêtard”/>

Guides récents