A découvrir sur ce blog

 

23

mai

Renseigner ces attributs s’avère très utile et pour l’accessibilité et pour le référencement.

N’oubliez pas que les moteurs de recherche sont aveugles : toutes les belles illustrations de votre site les laissent indifférents, ils ne savent même pas qu’elles existent sauf….

…..sauf si vous pensez à indiquer un contenu pour l’indexation.

La balise  » img  » s’accompagne de l’attribut  » alt  » qui permet de donner un  » sens  » à votre image. Pour optimiser pour le référencement, vous choisissez de mettre des mots-clés pertinents, correspondant à l’image bien sûr, pas n’importe quoi et hop, le tour est joué !

Ce texte sera aussi ce qui apparaitra brièvement le temps que votre image se charge, ou si votre image est absente pour une raison ou une autre ( :( )

Petit exemple :

 <img src= "/images/poupee.jpg"  alt = "dievochka.fr, debuter en referencement" />

Personnellement, je renseigne l’attribut  » title  » pour accompagner les liens. Quelques fois les url des liens ne signifient pas grand chose( surtout s’il n’y a pas d’url-rewriting) : aider à la compréhension, tout en glissant les mots clés qui vont bien, ne fait pas de mal.

Avec certains navigateurs on voit alors apparaître une info-bulle ,comme ici justement ici, au survol du mot  » lien » .

Petit exemple :

<a href="http://radiospares-fr.rs-online.com/web/search/searchBrowseAction.html?method=browseSuperSection&amp;Ne=4294958156+4294965516&amp;N=4294963525">http://radiospares-fr.rs-online.com/web/search/searchBrowseAction.html?method=browseSuperSection&amp;Ne=4294958156+4294965516&amp;N=4294963525" title="chercher un appareil " > Chercher un appareil  </a>

Accessibilité : dans les 2 cas les informations transmises par ces attributs sont lues par les lecteurs d’écran. Les mal-voyants ont ainsi des informations sur les images et sur les liens avant de cliquer dessus.

Voilà 2 petits moyens tous simples d’optimiser vos pages en plaçant vos mots-clés.

A ne pas négliger ! ! ! !

Bookmark and Share

Tags: , , , , , , , , ,

Adoptez ce blog et son flux RSS

Ces articles devraient aussi vous interesser

Remplir l’attribut  » alt »
Nous avions vu qu'il est important de renseigner les attributs " alt" et "title" à l'attention des logiciels...
Ecrire dans Wordpress
J'ai l'autre jour trouvé un moyen très pratique d'écrire un billet dans Wordpress. Voulant suivre...
Photos d’Italie
Voila les photos promises dans mon billet sur " Naples et les attributs " alt" ... Naples : Attention...
Grab this Widget

3 Réponses  à“Les attributs « alt » et « title »”

  1. Nicolas TAFFOREAU Says:

    A mettre en œuvre sur mon photoblog ! Merci !

  2. Dievochka Says:

    Ravie que ce billet puisse t’aider :)

  3. Gwaradenn Says:

    La balise title peut-elle aussi être utilisée pour les images.
    Par contre elle est actuellement inutile en terme de ref pour les images ET les liens ;-)

dofollow   Votre avis nous intéresse :

XHTML: Vous pouvez utiliser ces balises: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">