Toutes les clefs pour réussir dans le e-commerce

Mes modules Prestashop

L’attribut alt

L’attribut alt a un impact évident sur le référencement, de plus d’après le W3C chaque image doit en posséder un, c’est donc un point important qu’il faut savoir optimiser pour un bon référencement.

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.

Exemple de code:



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


Les liens sur les images

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="http://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.

Retournez à la checklist optimisation de site

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

Poster un Commentaire

3 Commentaires sur "L’attribut alt"

Recevoir un email pour
avatar
Trier par:   plus récent | plus vieux | Plus de vote
Comment draguer
Invité

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

wpDiscuz