Les attributs « alt » et « title »

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 :

 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 :

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

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 ! ! ! !

Cette entrée a été publiée dans Les bases, avec comme mot(s)-clef(s) , , , , , , , , , . Vous pouvez la mettre en favoris avec ce permalien.

3 réponses à Les attributs « alt » et « title »

  1. A mettre en œuvre sur mon photoblog ! Merci !

  2. Dievochka dit :

    Ravie que ce billet puisse t’aider :)

  3. Gwaradenn dit :

    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 ;-)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>