027 - Navigation dans le texte (en anglais : in-text links)

Probablement la première navigation apparue ! Cette navigation est la meilleure amie des webmasters comme son pire ennemi.

Note 3/5, coût 1/5, accessibilité 5/5

Copie d'une des premières pages web
Copie d’une des premières pages web

La navigation dans le texte est l’insertion de liens à l’intérieur du contenu du site. Tout ou partie des phrases devient cliquable et mène vers une page donnant un complément d’information concernant le texte cliquable.

Exemple sur fatloss4idiots.com
Le site fatloss4idiots ne contient aucune autre navigation que la navigation dans le texte. Ils sont particulièrement vigilants à garder leur internaute concentré sur leur objectif de vendre leur méthode d’amaigrissement.

Info référencement +++
Olivier Andrieu : les liens contextuels (par opposition aux liens structurels) influencent le positionnement d’une page dans les résultats de recherche des moteurs.

Source : www.abondance.com/blog

Lorsque vous décidez d’insérer des liens dans le texte, pensez à surveiller :

que les liens apparaissent bien tel que des liens aux internautes. L’idéal est de souligner les liens et de leur attribuer une autre couleur.

si vous décidez d’insérer énormément de liens dans les pages, ne soulignez pas les liens, attribuez seulement à vos liens une couleur différente de celle du texte, afin de ne pas surcharger la page.

indiquez par une autre couleur les liens déjà visités (attribut vLink).

si les liens mènent vers une page du site, restez dans la même fenêtre.

s’ils mènent vers un autre site et qu’ils ouvrent une nouvelle fenêtre. Dans le texte pensez à prévenir l’internaute que le système va ouvrir une nouvelle fenêtre.
Pour cela répétez le libellé du lien et complétez de la mention « nouvelle fenêtre » les attributs ALT et TITLE des liens et ajoutez un pictogramme « Nouvelle fenêtre » à côté du lien.

faites des liens vers un contenu précis. Par exemple si vous faites un lien vers une page de glossaire, ajoutez une ancre à votre lien afin que l’internaute lorsqu’il clique sur le lien arrive directement à la description du mot sur lequel il a cliqué et non sur le haut de la page glossaire.

Exemple sur www.crazyegg.com

Exemple sur www.crazyegg.com

Plus il y aura d’endroits où cliquer sur votre page, plus les internautes se disperseront. Pour aller plus loin voir navigation 052 - les pages d’atterrissage.

Conseils d’accessibilité

insérez des libellés de liens explicites. Certains moteurs de recherche se réfèrent
aux libellés des liens menant à un contenu pour définir le taux de pertinence de la page.
Préférez des liens dans le texte de type « villes de la région Centre » à un lien uniquement sur le mot « Centre ». Comme toujours bannissez les liens de type « lire la suite » qui sont alors incompréhensibles hors contexte.

limitez vos liens à 80 caractères.

ne dépassez pas 40 liens par page (hors système de navigation).

Laisser un commentaire

Les champs marqués * sont obligatoires