Vivez la vie que vous méritez et apportez de la valeur au monde grâce au e-commerce

Comprendre et utiliser correctement la balise alt.

La balise alt de vos images ont un véritable impact sur le référencement naturel de votre site, c’est donc un point important qu’il faut savoir optimiser lorsque vous faites du SEO.

Balise alt ou attribut alt ?

Tout d’abord il faut éclaircir un point (parce que j’aime être précis :) ).

On parle très souvent de balise alt et c’est une erreur !

En effet, en HTML une balise permet d’encapsuler un contenu (comme un texte, une vidéo, etc) et un attribut permet de rajouter une information à une balise.

On peut donc avoir une balise « image » qui contiendra un attribut « alt ». Ce qui donnera <img alt= »contenu de mon alt » src= »mon_fichier_image » />

Voila, maintenant que vous connaissez la différence entre balise alt (qui n’existe donc pas) et attribut alt (qui est la vrai nomenclature) je vais pouvoir continuer cet article en utilisant « attribut alt » plutôt que « balise alt » :)

L’attribut alt à quoi sa sert ?

L’attribut alt peut être utilisé pour les images mais aussi pour d’autres objets comme les « area » les « input » et les « applet ». Il offre une alternative textuelle à l’élément auquel il est lié.

En effet certain navigateurs (notamment ceux pour mal voyants) ne peuvent afficher les images, ils utilisent alors le contenu de l’attribut alt pour les remplacer.

Les robots d’indexation des moteurs de recherche utilisent le même principe pour définir la signification d’une image. (Je vous invite à lire mon article sur le fonctionnement de Google pour mieux comprendre à quoi servent les robots d’indexation)

Exemple de code:

<img src="mon_fichier.jpg" alt="le contenu de mon alt" />

Alt et légende même combat ?

On pourrait donc considérer que balise alt (ah non l’attribut alt pardon :) ) n’est rien d’autre qu’une légende.

Et bien non !

La légende d’une image est directement visible en dessous de l’image, elle accompagne l’image et parfois ne définis pas précisément à quoi correspond l’image.

Alors que l’attribut alt, n’a qu’un seul et unique rôle, apparaître si l’image ne s’affiche pas. Il doit donc véritablement décrire ce que nous aurions dû voir si l’image était visible.

Les liens sur les images peuvent améliorer votre SEO

Il ne faut pas oublier que vous faites votre site pour les internautes et non pas pour les moteurs, avoir un site visuellement original et agréable est donc très important. C’est pourquoi, même si c’est souvent déconseillé en terme de référencement, faire un lien sur une image est parfois inévitable.

Dans ce cas l’attribut alt aura une très grande importance, car les moteurs de recherche prendront en compte son contenu pour leur calcul de pertinence.

Faire un lien sur une image qui ne contient aucun attribut alt ou un attribut alt vide n’apportera aucune pertinence à la page liée (il apportera tout de même de la popularité).

Il faut savoir qu’un lien sur une image avec un attribut alt correctement renseigné sera moins efficace qu’un lien texte classique. En effet, Google accorde moins d’importance à ce type de lien car ils peuvent plus facilement être utilisés de manière à manipuler les résultats des moteurs de recherche.

La recherche par image

De plus en plus de personnes utilisent la recherche par image proposée par Google, il est donc important de réussir à y faire apparaitre vos photos. Ici encore l’attribut alt joue un rôle primordial et doit être renseigné  pour que Google indexe correctement vos images.

Il faut également noter que le nom du fichier est important pour le référencement. Il est plus intelligent de nommer vos images en utilisant les mots clés que vous ciblez plutôt qu’avec un mot sans réelle signification. Des noms de fichiers tel que 1.jpg ou imgarticlevoiture.jpg n’auront par conséquent aucun intérêt pour votre référencement.

Ne pas confondre alt et title

Beaucoup de webmasters pensent que l’attribut alt permet d’afficher un texte au survol d’une image et c’est FAUX. Cette confusion a été induite par le comportement d’internet explorer qui ne respecte pas les normes du W3C. En effet, lorsque l’utilisateur survole une image, internet explorer affiche une info bulle comportant le contenu de l’attribut alt. Malheureusement c’est le rôle de l’attribut title, firefox et les autres navigateurs réagissent pour la plupart correctement.

Il faut donc garder en mémoire que l’attribut alt doit définir une image alors que l’attribut title doit fournir un complément d’information. D’ailleurs, il semblerait que l’attribut title n’apporte rien en matière de référencement.

Si vous ne voulez pas qu’internet explorer affiche le contenu de votre attribut alt lors du survol il suffit de rajouter un attribut title. Le navigateur de microsoft donnera alors la priorité à ce dernier. Pour preuve vous pouvez survoler l’image suivante:
Contenu du alt
Voici le code de cette image:


<img title="Contenu du title" src="https://www.reussir-mon-ecommerce.fr/wp-content/uploads/2008/09/top.jpg" alt="Contenu du alt" />

Ne pas abuser de l’attribut alt

Comme je l’ai dit plus haut, il est assez simple d’utiliser l’attribut alt pour tenter de manipuler les moteurs de recherche. Je viens de vous donner l’astuce pour que le contenu de cet attribut ne s’affiche pas au survol, il ne sera donc utilisé que par:

  • Les navigateurs n’affichant pas les images
  • Les robots d’indexation

Le premier ne représente en général qu’un pourcentage très faible de votre trafic il est donc tentant d’utiliser l’attribut alt uniquement pour les robots d’indexation et donc d’y inclure toute une série de mots clés sans intérêt pour le visiteur mais très utiles pour votre positionnement dans les résultats de recherche. Mais, ce serait faire une belle erreur.

Les moteurs de recherche sont dans de nombreux cas capables de détecter une tentative de manipulation, ils prennent alors les décisions nécessaires pour sanctionner la page ou le site en question. Si la tentative de manipulation est trop importante ils pourraient même bannir le site.

Au cas où vous penseriez être plus malin que les robots d’indexation je vous rappelle que Google a tout prévu et qu’il est possible d’être dénoncé par un concurrent … Donc si vous tenez à votre sommeil je vous conseille de ne pas jouer avec le feu.

Enfin, il est possible que vous utilisiez des images uniquement pour l’interface de votre site (coin arrondis d’un encadrement, etc..). Tout d’abord sachez qu’à mon sens un site bien réalisé en HTML + CSS ne devrait pas avoir recours à ce type d’image directement dans le code. Mais si c’est le cas, il est préférable de laisser l’attribut alt vide (alt= » ») car ici encore Google pourrait considérer que vous tentez d’améliorer votre positionnement de manière non naturelle.

Alt et Prestashop

Si vous utilisez Prestashop la gestion des attribut lat des images produits est un vrai calvaire.
Je vous conseille d’utiliser mon module qui vous permettra non seulement de remplir très rapidement toutes vos balises alt mais également les balises meta de tout votre site.

photo_produit
Comprendre et utiliser correctement la balise alt.
Votez pour cet article

3
Poster un Commentaire

avatar
3 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
3 Comment authors
maniT4cKorben DallasComment draguer Recent comment authors
  Subscribe  
plus récent plus vieux
Recevoir un email pour
Comment draguer
Invité
Comment draguer

Merci beaucoup pour cette information. Je me demandais ce qu’était l’attribut alt et comment l’utiliser

Korben Dallas
Invité
Korben Dallas

Peux t-on empêcher l’indexation d’une image ? Les fameuses images de l’interface de site ! :D