Éloge -et conseils- sur les ancres

Les ancres (également appelées liens internes à la page) sont très appréciées des utilisateurs – en témoignent les nombreux tests que nous pratiquons. Non seulement elles aident au survol de la page, mais en outre, lorsque ladite page Web fait plusieurs écrans, elles permettent un saut immédiat vers le segment de contenu qui intéresse plus particulièrement le lecteur.

Vous avez dit ancre ?

Une ancre est une balise en programmation HTML, qui permet de lier un texte ou une image à un endroit précis d’une page Web.

Il s’agit donc bien d’un lien interne à une page Web puisque, lorsque l’utilisateur clique sur le lien, il n’est pas renvoyé vers une autre page, mais vers une autre partie de la même page, généralement située plus bas.

Les ancres sont, de manière assez logique, réservées aux pages de détail – les pages comportant de longs contenus.

Enfin, ce sont les intertitres du texte qui sont utilisés pour construire les ancres.

Quand utiliser les ancres ?

Les ancres sont particulièrement intéressantes dans des résolutions d’écran de 1024 x 768 (encore la plus utilisée aujourd’hui). En effet, sur de tels écrans, l’utilisateur n’aperçoit pas au premier balayage tous les intertitres de la page, à moins d’utiliser la fonction de défilement vers le bas.

En proposant en haut de page un index des titres et intertitres de la page sous forme d’ancres, vous permettez au visiteur « d’utiliser » cette page comme bon lui semble et de ne consulter que les contenus pertinents pour lui.

Les ancres dans les tests utilisateur ?

Les tests que nous pratiquons au quotidien en attestent : les utilisateurs sont très férus des ancres. En moyenne, nous dirions qu’1/10 des utilisateurs ne se fient pas à ce système de navigation interne : ils craignent d’être expédiés ailleurs s’ils cliquent dessus. Les 9 autres 10^ème les utilisent en toute confiance pour autant qu’elles répondent à certaines règles de présentation et de fonctionnement.

Règles de base

• Présentez les liens rapides en haut de page, sous le titre de la page, sous la forme d’un index.
• Respectez les règles de cliquabilité.
• Les ancres (liens sources) doivent être identiques aux intertitres (liens cibles). En d’autres mots, les titres dans l’index doivent être libellés de la même manière que les titres qui apparaissent dans la page.
• Les intertitres vers lesquels renvoient les ancres doivent graphiquement ressortir et clairement faire apparaître la hiérarchie dans la titraille.
• La première ancre doit renvoyer vers une zone encore visible dans le premier écran de sorte que l’utilisateur comprenne qu’il a affaire à des ancres.
• A droite des intertitres, dans la page, proposez un lien souligné libellé «Haut» (ou l’icône d’une flèche vers le haut) pour permettre à l’utilisateur de remonter à l’index à partir de chaque intertitre qui en fait partie.
• Assurez-vous que les ancres renvoient l’utilisateur au bon endroit de la page.

Bonne pratique

Ce qui fait les mauvais ancrages ?

- Trop de texte entre les ancre et le premier intertitre.
- Un mélange entre les ancres et d’autres types d’hyperliens.

1) Trop de texte entre les ancres et le premier intertitre.

Entre les liens rapides et le 1^er sous-titre, il y a du texte. La probabilité que ces quelques phrases ne soient pas lues est grande. Préférez plutôt le mettre avec un sous-titre et placez-le comme 1^er lien rapide.

2) Un mélange entre des ancres et d’autres types d’hyperliens (internes au site ou externes, par exemple).

Quelle différence y a-t-il entre tous les liens de cette page?

• Au-dessus, on a les liens de navigation, qui renvoient vers un niveau plus profond.
• Les liens au milieu renvoient vers une autre page de détail.
• En dessous, ce sont des liens rapides.

En proposant ainsi différentes sortes de liens, il est logique que l’utilisateur ne s’y retrouve plus.

---

Cet article concerne ancres, navigation interne, Autres, Ecriture Web, Ergonomie.