< Search/Acquisition, Web Analytics/Conversion & Web Social/Relation />

Google nous rappelle que si l'on veut changer les règles du jeu, on doit construire sa réussite sur le risque de l'expérimentation. (Antoine Riboud)

Les bonnes pratiques du lien hypertexte / 4 novembre 2008

Le lien hypertexte vu par l’ergonome, l’expert accessibilité et le référenceur.

Que dit l’ergonome Web au sujet du lien hypertexte ? Est-il en accord avec l’expert en accessibilité, dont le travail vise à ce que tout le monde, y compris les personnes handicapées, ait accès à l’information ? Parmi ces « personnes handicapées » se trouve Google, dont la cécité est le cheval de bataille du référenceur professionnel.

Les liens représentent la monnaie du Web : ils ont à la fois une fonction d’intermédiaire dans les échanges et expriment de la valeur entre deux pages Web. Comme sur un marché boursier, un lien se « swape », s’échange, à l’instar des produits dérivés financiers. Il cristallise un contrat d’échange de jus de notoriété (les américains parlent de « link juice ») entre deux contreparties.

Le lien hypertexte représente une interface de navigation intuitive.

On ne le dit jamais assez, mais le lien hypertexte représente aussi une interface de navigation intuitive. Le lien sous tend un clic dont les deux versants, physique et mental, doivent être pris en compte. D’ailleurs, la difficulté physique liée au clic est probablement moins difficile que sa difficulté mentale.

Le lien hypertexte met tout le monde d’accord

Aujourd’hui, il semble que l’ergonome Web, l’expert en accessibilité et le référenceur professionnel soient unanimes dans l’appréhension de cet objet HTML si précieux, irriguant les pages Web depuis les origines, source du moribond PageRank et du dernier-né TrustRank.

Ce que dit l’ergonome Web :

  • 1) Indiquez le plus explicitement ce vers quoi le lien pointe (attention au syndrome du « cliquez ici », du « en savoir plus », ou sur certains sites, du « cliquez ici pour en savoir plus »). Dans son livre « Ergonomie Web », Amélie Boucher l’explique ainsi : « Si l’internaute a l’impression de réfléchir et doute de l’issue de son clic, alors vous avez perdu la première partie de la bataille ». Un lien non explicite ressemble un peu à un lien de navigation mystère, l’utilisateur n’est pas en mesure d’anticiper sa destination avant de cliquer.
  • 2) Intégrez des liens à votre contenu, dans les paragraphes de texte. Ne réservez pas la navigation aux barres de menu ! Et, Jakob Nielsen de rajouter, chiffres à l’appui, dans son livre « Priorité à la simplicité » (page 35) que le lien éditorial (présent dans une zone de contenu) est l’élément le plus cliqué dans une page Web.
  • 3) Pensez à la taille de vos liens. Plus un lien est grand, plus il est visible et donc facile à cliquer. La loi de Fitts (expliquée d’ailleurs sur Tutoweb) l’explique ainsi : « Une cible est d’autant plus facile à atteindre qu’elle est proche et grande ».

Ce que dit l’expert accessibilité :

    La bonne règle, c’est de ne pas utiliser l’attribut TITLE.
  • 1) Pensez à nommer vos liens de manière explicite et non identique. Un lien « lire la suite » n’est pas accessible dans la mesure où il n’est pas compréhensible hors contexte. L’expert en accessibilité fait donc la chasse aux libellés non explicites suivants : « lire la suite », « cliquez ici », « pour en savoir plus », ainsi que les liens sur les noms de domaine, à l’instar de www.monsite.com. Il déconseillera cette typologie d’intitulé dans la mesure où la synthèse vocale Jaws ne lit pas, par défaut, l’attribut TITLE, nécessaire pour apporter des informations complémentaires aux kyrielles de liens non explicites et identiques disséminés sur le Web. En effet, Jaws ne propose la lecture de cet attribut qu’en option, ce qui ne permettra pas à un utilisateur non-voyant de comprendre un lien non explicite si JAWS est mal paramétré. Son mode de consultation est soit l’intitulé soit le TITLE soit le plus long des deux, contrairement à Window Eyes, qui propose une restitution à la volée. Très compliqué pour les utilisateurs de lecteur d’écran, la bonne règle est de ne pas l’utiliser.
  • 2) Préférez des libellés en dur dans le HTML car l’attribut TITLE n’est qu’une béquille, ce que préfèrera le référenceur professionnel, qui sait que cet attribut TITLE n’est pas pris en compte par Google (je crois lire ici ou là que les choses changeraient ?). Là encore, l’attribut TITLE n’est pas la panacée car il n’est pas visible si l’accès au site s’opère par le clavier.
  • 3) Pensez à la limite des 80 caractères (cf. référentiel AccessiWeb version 1, plus tout à fait vrai pour le nouveau référentiel, plus proche des normes WCAG), que ce soit pour un intitulé textuel ou une image-lien (par le biais de l’attribut ALT). Pourquoi ? Tout simplement parce qu’une plage braille se compose de deux lignes de 40 caractères. La limite de 80 caractères incite donc le rédacteur Web à être concis. Cela lui offre toutefois la liberté de proposer un lien de bonne taille, donc plus facile à cliquer (loi de Fitts) et potentiellement plus robuste pour le référencement éditorial.

Ce que dit le référenceur professionnel :

  • 1) Optimisez vos intitulés de liens avec deux ou trois mots clés (si possible), en gardant à l’esprit que Google est aveugle. Si le référenceur vocalise (et j’essaye de m’y tenir dans mon quotidien) le libellé du lien, alors il doit être en mesure d’en comprendre explicitement la destination, dont le titre de la page est d’ailleurs en cohérence.
  • 2) Optez pour des libellés de liens significatifs. Le référenceur hait en théorie les liens non explicites de type « cliquez ici ». Dans la pratique, il les corrige. La limite de 80 caractères est largement suffisante pour faire fi du « keyword stuffing ». Notons à ce titre que la majorité des annuaires en lien dur n’accepte que 50 caractères par titre (jusqu’à leur décrépitude …). Du point de vue de la taille, un lien accessible est donc un lien optimisé.
  • 3) Obtenez des liens référents dans des paragraphes P, des listes à puce OL, UL, LI, ce que le référenceur appelle « liens éditoriaux ». Plus difficile à acquérir, un lien éditorial est unique dans une page Web (en général). Il n’est donc pas transversal (c’est-à-dire placé au même endroit dans une zone de blogroll par exemple), ce qui le rend plus puissant aux yeux de l’oracle de Mountain View. En effet, Google donne davantage de valeur aux liens éditoriaux. « Beware of sitewide linking ! », peut-on lire sur SEObook. Davantage cliqués par les internautes, ils ont aussi l’avantage d’être ergonomiques (confortables dans l’effort physique et mental) et enrobés de texte.

Liens et intitulés : soyez spécifiques et généreux

Alors ? Qu’en pensez-vous ? On écrit en priorité pour nos lecteurs, or Google en est un, secondaire certes ! Encore non pourvue d’intelligence artificielle, il est aveugle, ce qui ne doit pas, à mon avis, être considéré comme une contrainte mais plutôt comme un avantage à exploiter pour rendre vos liens à la fois ergonomiques, accessibles et optimisés pour le référencement.

Writing for the Web 3.0Comme le dit Crawford Kilian, « every sentence, every phrase, every word has to fight fort its life », « chaque phrase, chaque expression, chaque mot doit se battre pour exister ». La sélectivité éditoriale, énoncée par Jean-Marc Hardy dans Plume Interactive, concerne donc aussi bien les contenus que les liens.

Oublions donc les liens non explicites ! De toute façon, ces liens sont ennuyeux, comme certains de nos titres de pageSoyez également généreux, n’ayez pas peur de donner, de vous ouvrir sur l’extérieur, y compris en target self (fenêtre courante) ! Je suis intimement convaincu que vos lecteurs vous le rendront au centuple …

30 commentaires »

  1. Salut Arnaud ! Et ravie de te lire.
    Article très très pertinent et intéressant. On est de plus en plus confronté à cela et ce que nous faisons finalement « pour » le moteur, effectivement il faut que l’on se l’approprie « pour » le lecteur. C’est très juste et sûrement la bonne morale de l’histoire :D
    Au fait : des news sur le décret d’application des lois d’accessibilité ?
    J’espère que tu vas bien.
    Pour la petite histoire j’ai changé de boîte récemment…
    A +
    Biz
    Van
    Ps : je te publie sur mon Facebook tiens !

    Commentaire par frugovan — 6 novembre 2008 @ 22:09

  2. Merci Frugovan ! C’est gentil. J’ai consacré plus de 5 heures à l’écriture de ce billet. Sur SEObook, je lisais une petite phrase très instructive : Si votre concurrent passe 10 minutes à écrire un contenu Web, passez-y une heure. S’il y passe une journée (infosourcing, écriture, réécriture et structuration), alors passez-y une semaine !

    Commentaire par aldbriand — 7 novembre 2008 @ 8:56

  3. J’ai pas de news sur le décret d’application, mais les WCAG pourraient sortir d’ici la fin de l’année. Du changement en perspective au niveau des critères AccessiWeb, UWEM … :)

    Commentaire par aldbriand — 7 novembre 2008 @ 9:28

  4. Je ne vois pas vraiment de contradiction entre les propos de l’ergonome, de l’expert accessibilité et du référenceur.

    Plutôt bon signe non ?

    Commentaire par Aurélien — 7 novembre 2008 @ 10:00

  5. Bonjour,
    Bonne synthèse, toutefois il faudrait parler d’ancres (A) et non de liens ().
    Et puis son implémentation va au-delà des différents profils cités : une ancre est faite pour faire référence à un document disponible/identifié ailleurs (référence hypertexte, href, URL) que l’on intitule (anchortext) pour mieux le contextualiser.
    C’est une signalisation au même titre que des panneaux sur la route : ils indiquent la direction (anchor URL) et ce vers quoi vous allez (anchor text) : que feriez-vous en voiture ou à pied si vous souhaitez aller à Paris et que votre panneau indique « par ici » ?

    Commentaire par Nicolas — 7 novembre 2008 @ 11:35

  6. En parlant de panneau de signalisation, je pense au livre « 60 modèles de navigation » de Patricia Gallot-Lavallée, que j’avais d’ailleurs rencontré lors de ma formation AccessiWeb en novembre 2006 ! Son illustration me parle, nous parle, elle vaut mille mots …
    Cliquez ici

    Commentaire par aldbriand — 7 novembre 2008 @ 18:30

  7. Très bon article, que je vais conseiller aux rédacteurs que je connais :) .

    Pour moi, l’anchor d’un lien doit demander un travail de réflexion presque aussi important que celui d’un titre d’article. Il ne faut surtout pas hésiter à reformuler voir repenser la construction de ses phrases pour placer un bon lien explicite.

    Commentaire par LebossTom — 8 novembre 2008 @ 15:41

  8. Hello, ça fait plaisir de lire un billet qui revient sur les fondamentaux. Le lien hypertexte : si crucial mais aussi tellement banal qu’on ne prend plus la peine de s’y intéresser vraiment !

    Commentaire par Nicolas — 9 novembre 2008 @ 19:20

  9. Salut Arnaud,

    Très intéressant cet article, clair, simple et efficace. Je ne manquerais pas de le diffuser. Et l’illustration du livre est vraiment pertinente !

    Je te contact sous peu pour donner des news, bisous à Artiss / Intuiti.

    Commentaire par Gildas — 10 novembre 2008 @ 14:53

  10. Hello Arnaud !

    Depuis le temps que j’attendais ce billet ;-)

    Comme le dis Nicolas, ça fait du bien de revenir sur les fondamentaux.

    Commentaire par Sylvain | Akostic.com — 17 novembre 2008 @ 17:42

  11. Salut Arnaud!

    bien explicite et intéressant ton article sur ce lien si précieux!
    Et quand les 3 personnages sont dans le même bateau ça ne peut être que très pertinent et efficace!

    Amicalement

    Aurélien

    Commentaire par Aurélien — 18 novembre 2008 @ 22:25

  12. Le netlinking est élu en 2009 le critère le plus important pour le référencement et donc l’ancre sur un site externe est crucial.

    Commentaire par Centrale de réservation — 25 août 2009 @ 16:21

  13. Très bon article, à garder sous le coude, pour les rédacteurs et rédactrices. Merci !

    Commentaire par tetue — 29 mars 2011 @ 21:30

  14. [...] En tant que référenceur (enfin on dira « chargé de référencement » ça sonne mieux et ça embrouille encore plus les néophytes), je me dois de conseiller un article qui parle de SEO et qui vaille la peine… alors au hasard un billet tout chaud d’Arnaud Briand sur Les bonnes pratiques du lien hypertexte. [...]

    Ping par Un mois plus tard à Punta Cana « « Référenceur (Antoine Leroux) Référenceur (Antoine Leroux) — 25 octobre 2011 @ 13:26

  15. replica louis vuitton welcome shop louis vuitton replica belts, enjoy shopping educationalfarmfoundationmv.com bethanybownphotography.com/cheap-louis-vuitton.html louis vuitton large shopper tote louis vuitton cheap handbags louis vuitton stores outlet replica louis vuitton ambre collection louis vuitton prescription glasses kids replica louis vuitton belts louis vuitton online store louis vuitton monogram canvas neverfull mm replica louis vuitton order timeless louis vuitton replica shoes hot sale in our outlet cheap louis vuitton fabric bags louis vuitton handbags outlet replica louis vuitton backpack cheap louis vuitton louis vuitton factory online cheap louis vuitton
    michael kors replica purse http://onegiantleapofawesome.com/products/

    Commentaire par michael kors replica purse — 7 mars 2014 @ 17:40

  16. louis vuitton replica cheap replica louis vuitton wholesale handbags louis vuitton wholesale cosmetic bag supplier louis vuitton handbags replica buy top louis vuitton outlet on sale with great discount cheap louis vuitton louis vuitton wallets yellow louis vuitton damier azur hampstead bag louis vuitton outlet sale cheap louis vuitton bags replica 80% off louis vuitton replica handbags sale for men & women louis vuitton outlet replica louis vuitton louis vuitton replica mens bag cheap louis vuitton luggage authentic louis vuitton bucket bag louis vuitton on sale bags cheap louis vuitton belts cheap louis vuitton bags cheap louis vuitton ellipse handbag
    louboutin replica men shoes http://www.tennkidsclub.org/images/louboutin-shoes-replica.aspx

    Commentaire par louboutin replica men shoes — 7 mars 2014 @ 17:48

  17. wholesale nhl jerseys wholesale nfl jerseys china wholesale jerseys kids basketball jerseys wholesale wholesale cheap jerseys china cheap sports jerseys china china wholesale nfl jerseys site jabbar yellow nba basketball jerseys cheap sports jerseys china factory outlet online terraledge.com/images/wholesale-basketball-jerseys.htm very cheap authentic nba jerseys cheap authentic nfl jerseys made in china authentic jerseys wholesale china football jerseys in houston cheap authentic jerseys nfl jerseys cheap authentic cheap nba jerseys wholesale hockey jerseys new arrival with fast delivery
    louis vuitton outlet sale online http://www.nikostours.com/images/louis-vuitton-online-sale.html

    Commentaire par louis vuitton outlet sale online — 7 mars 2014 @ 18:07

  18. louis vuitton sunglasses sale louis vuitton replica handbags excellent louis vuitton outlet for cheap with free shipping are your best choice online louis vuitton artsy cheap louis vuitton factory store louis vuitton sneakers replica uk stylish louis vuitton replica belts with 50% off will surprise you replica louis vuitton handbags redmondwild.org/replica-bags/ cheap louis vuitton shoes wholesale in miami louis vuitton cheap designer handbags louis vuitton zipper cheap louis vuitton m91620 louis vuitton red bags cheap louis vuitton belts louis vuitton best bookbag ever online shopping cheap louis vuitton hot sale with unique neutral styles cheap louis vuitton online outlet 2006 louis vuitton handbags louis vuitton damier joey wallet
    cheap louis vuitton shoes http://www.lettersfromsibbesborg.com/cheap-louis-vuitton.html

    Commentaire par cheap louis vuitton shoes — 7 mars 2014 @ 18:36

  19. it would be nice if they act immediately once you submit a complaint; but this does not happen sometimes.
    cheap real jordans http://www.brighamcitybowling.com/

    Commentaire par cheap real jordans — 7 mars 2014 @ 20:23

  20. louis vuitton outlet online replica louis vuitton louis vuitton replica cheap big discount louis vuitton outlet online for cheap, free shipping buy louis vuitton wallets online india cheap authentic louis vuitton totes louis vuitton vintage pouch handbags excellent louis vuitton outlet for cheap with free shipping are your best choice online damier louis vuitton italy rome louis vuitton usa online cheap louis vuitton bags sale online replica louis vuitton louis vuitton replicas belts buy real replica louis vuitton shoes from our outlet store, 2014 new style excellent louis vuitton outlet sale in our professional outlet store will surprise you cheap louis vuitton cheap louis vuitton cheap louis vuitton handbags with free shipping are waiting for your order louis vuitton mens outlet louis vuitton cheap purses
    cheap wholesale jerseys free shipping http://www.afreshandanew.org/cheapjerseysfreeshipping.htm

    Commentaire par cheap wholesale jerseys free shipping — 8 mars 2014 @ 4:06

  21. http://123abcdef123456.com...

    Les bonnes pratiques du lien hypertexte…

    Rétrolien par http://123abcdef123456.com — 8 mars 2014 @ 10:12

  22. replica louboutin shoes cheap louboutin boots azedvis.com/louboutinreplicadaffodile.htm fashionable red bottom shoes with lower price and best service will give you a deep impression red satin ballet shoes replica christian louboutin cut down 50% discount in our store replica louboutin wedges louboutin replica shop celebrity red bottom shoes christian louboutin outlet alfred loafers black red bottoms 160mm pink sequins shoes christian louboutin red sole shoes cheap discount christian louboutin outlet louboutin outlet replica louboutin replica replica christian louboutins red bottom shoes men louboutin replica christian louboutin shoes replica for cheap
    christian louboutin shoes discount http://www.csraemployeewellness.com/christian-louboutin-discount.html

    Commentaire par christian louboutin shoes discount — 8 mars 2014 @ 23:28

  23. casaresprestigeapartments.com/nfljerseysfromchina.htm new nfl nike jerseys for sale authentic eagles jerseys wholesalers cheap wholesale soccer jerseys china authentic nike elite nfl jerseys china cheap new dolphins jerseys 2013 enjoy shopping for trendy cheap nfl jerseys hot sale in our outlet you can order cheap jerseys from china in our official outlet store – up to 60% off wholesale jerseys 2014 very cheap nfl jerseys china polyester baseball jerseys soccer jerseys wholesale from china spjla-bestofthewest.org cardinals baseball jerseys cheap jerseys buy classic style cheap nfl jerseys from our official website china jerseys free shipping nhl basketball jerseys blank cheap jerseys from china pick-up your favorite cheap nfl jerseys with wholesale price and fast delivery
    cheap louis vuitton handbags http://randomgorgeous.com

    Commentaire par cheap louis vuitton handbags — 8 mars 2014 @ 23:34

  24. louis vuitton replica handbags on sale louis vuitton outlet replica louis vuitton scarf monogram towels real cheap louis vuitton outlet online cheap authentic louis vuitton shoes louis vuitton outlet oswegofriends.com/cheap-louis-vuitton-wallets/ cheap louis vuitton outlet store replica louis vuitton sunglasses louis vuitton scarf animal replica louis vuitton louis vuitton outlet louis vuitton cheap wallets china replica louis vuitton sunglasses style cheap louis vuitton messenger bags louis vuitton replica watches louis vuitton official website purses welcome buy cheap louis vuitton shoes with lower price you can afford from us norcom-electronics.com shop louis vuitton men
    cheap nfl jerseys free shipping http://www.richardtylermusic.com

    Commentaire par cheap nfl jerseys free shipping — 8 mars 2014 @ 23:35

  25. nfl jerseys in china cheap nfl jerseys baseball jerseys kelly green china nfl jerseys wholesale site best cheap nba jerseys china on sale nike nfl jerseys china wholesale wholesale football jerseys nfl jerseys cheap shop new on sale cheap nfl jerseys free cheap retro baseball jerseys wholesale nfl jerseys china cheap nfl nike football jerseys china for sale buy cheap jerseys online ireland cheap nfl jerseys wholesale for sale from china cheap nfl jerseys cheap nfl jerseys paypal wholesale nhl jerseys canada nba jerseys wholesale from china mlb jerseys from china for cheap
    christian louboutin guerilla replica http://www.lettersfromsibbesborg.com/replica-christian-louboutin.html

    Commentaire par christian louboutin guerilla replica — 9 mars 2014 @ 3:39

  26. cheap nfl jerseys paypal for sale – discount price outlet online authentic nike nfl jerseys wholesale china ncaa football jerseys wholesale nfl jerseys china cheap basketball jerseys for kids free shipping online cheap nba jerseys for sale online enjoy save 40-85% off cheap nfl jerseys nfl wholesale jerseys wholesale chargers jerseys cheap jerseys free shipping nba nfl bengals jerseys mlb cheap jerseys from china free shipping online cheap youth nhl jerseys china 2013 nike nfl jerseys from china cheap nfl jerseys paypal cheap jerseys shop cheap jerseys buy jerseys from china
    cheap nfl jerseys china legit http://www.morenofruzzetti.com/old_html/cheap-nfl-jerseys-china.html

    Commentaire par cheap nfl jerseys china legit — 9 mars 2014 @ 4:26

  27. enjoy shopping for trendy cheap nfl jerseys hot sale in our outlet cheap wholesale nfl jerseys china online sale cheap jerseys wholesale jerseys from china with youth size welcome buy nike nfl jerseys wholesale from china with paypal cheap authentic jerseys nfl jerseys china cheap jerseys online hot sale from china, free shipping! nfl china jerseys cheap jerseys cheap nfl jerseys online wholesale from china new china cheap jerseys cheap jerseys reebok nfl jerseys cheap china deniseswank.com/wholesale-nfl-jerseys.html wholesale jerseys wholesale cheap nfl jerseys 2013 online deniseswank.com/wholesale-nhl-jerseys.html buy authentic nfl jerseys
    louis vuitton shoes on sale http://catalystbikeracing.org/louis-vuitton/

    Commentaire par louis vuitton shoes on sale — 9 mars 2014 @ 4:42

  28. chic louis vuitton replica handbags hot sale with competitive price, order now cheap louis vuitton shoes replica brand wholesale louis vuitton damier cheap louis vuitton kanye shoes view cheap louis vuitton shoes from our 2014 outlet online store – factory outlet sale cheap louis vuitton handbags new 2014 louis vuitton crossbody handbags replicas most popular hottest louis vuitton bag 2014 best cheap louis vuitton replica handbags, luggage, shoes & sunglasses hot sale louis vuitton eyeglasses kohler cheap louis vuitton belts replica louis vuitton alma bags uk louis vuitton sunglasses for men replica excellent louis vuitton outlet for cheap with free shipping are your best choice online replica louis vuitton handbags and wallets best deals louis vuitton outlet hot sale in our outlet with best quality & lower price cheap authentic louis vuitton shoes great quality cheap louis vuitton with low price and best service cheap louis vuitton wallets buy fake louis vuitton belt
    red bottom shoes http://www.alpinita.com/red-bottom-shoes/

    Commentaire par red bottom shoes — 9 mars 2014 @ 16:34

  29. Its like you read my mind! You appear to know so much about this, like you wrote the book in it or something.
    polo ralph lauren italia http://www.tamitaly.it/css/article.asp?id=7

    Commentaire par polo ralph lauren italia — 9 mars 2014 @ 21:09

  30. cheap louis vuitton replica handbags online replica louis vuitton bags louis vuitton men belts outlet louis vuitton replica belts for men red gilroy premium outlets louis vuitton handbags fake cheap louis vuitton luggage sets louis vuitton belts outlet cheap wholesale louis vuitton belts cheap authentic louis vuitton purses louis vuitton backpack replica men louis vuitton replica wallet in our official outlet store louis vuitton purses outlet buy louis vuitton handbags cheap real louis vuitton bags cheap louis vuitton outlet replica louis vuitton shoes men 2014 cheap louis vuitton luggage cheap louis vuitton bags outlet online shopping louis vuitton backpack men replica authentic cheap louis vuitton outlet
    cheap authentic nba jerseys http://expandinghandsmusic.com/rollovers/cheap-authentic-nba-jerseys.htm

    Commentaire par cheap authentic nba jerseys — 10 mars 2014 @ 17:49

Flux RSS des commentaires de cet article. Adresse web de rétrolien

Laisser un commentaire

Twitter epokhe - Arnaud Briand Haut de page