• 107k
  • 36
Web design \ 20 Mars 2017

Facilitez la navigation sur votre site avec des ancres

Nous détestons tous chercher quelque chose pendant des heures. C’est valable pour nos clés de voiture et c’est d’autant plus le cas pour une information sur un site internet. En effet, les internautes ont cette particularité de vouloir tout, tout de suite. Plus personne n’a la patience de faire défiler une page web jusqu’au bout pour obtenir une information ou voir ce qu’il s’y passe un peu plus bas.

À tout problème sa solution : pour naviguer simplement et efficacement sur un site, il y a les ancres. Ce sont des éléments – textes, images, boutons – qui nous redirigent immédiatement vers un autre endroit du site ou de la même page. Les ancres nous permettent en un clic de revenir en haut, de retourner au menu ou bien de se rendre directement aux FAQ (sans passer par la case prison). C’est un peu la téléportation du web ! Nous n’y connaissons pas grand-chose en transfert de corps dans l’espace, mais en ce qui concerne le passage d’une section à une autre, nous sommes passés pro. On vous dit tout sur ces ancres et comment les utiliser.

1. Qu’est-ce qu’une ancre ?

Les ancres sont des marqueurs de position invisibles. Vous pouvez les placer n’importe où sur votre site. Quand un utilisateur clique sur un élément connecté à une ancre, il sera redirigé à l’emplacement exact de cette dernière. Pour faire simple, une ancre est comme un marque-page.

Vous pouvez la connecter à une image, un bouton ou bien un texte. Par exemple, en cliquant sur le logo Wix Blog en haut à droite de l’écran, vous serez renvoyé directement en haut de notre page d’accueil. Pour cela nous avons créé une ancre au niveau de la page d’accueil – notre marque-page – puis nous avons connecté cette ancre au logo. Il est généralement recommandé de relier votre logo à la page principale de votre site, c’est un code bien connu des internautes qui les aide à revenir sur leur pas, quel que soit l’endroit où ils se trouvent.

Un autre moyen très efficace d’utiliser les ancres est le menu ancre flottant. Si vous avez un site long scrolling, mais que vous voulez éviter à vos visiteurs de faire dérouler la page dans son intégralité pour trouver une information, voici l’astuce : ajoutez des ancres. Marquez les parties les plus importantes de votre site, puis créez un menu flottant – c’est-à-dire un menu qui vous suit en même temps que vous faites dérouler la page – avec des liens vers toutes vos ancres. Votre visiteur n’a plus qu’à cliquer sur la section qui l’intéresse pour être immédiatement redirigé. Il pourra se déplacer sur votre site plus rapidement et plus librement.

Besoin d’un exemple ? Notre fabuleux template Jade & Gabi comporte un très pratique menu à ancres, sur la partie droite. Il suit le visiteur tout au long de son périple à travers votre site, pour une navigation fluide, en toute discrétion.

menu flottant

2. Pourquoi les ancres sont-elles utiles ?

Vous l’avez compris, le but des ancres est de rendre la navigation plus agréable et plus simple. Elles permettent aux utilisateurs de voir en un clin d’œil ce qui les intéresse et de s’y rendre sans avoir à parcourir l’ensemble du site. Autre avantage à cela : en améliorant l’expérience utilisateur, vous améliorez votre position sur les moteurs de recherche. Comment ? Google est très attentif au comportement des internautes. S’ils restent longtemps sur votre site, consultent beaucoup de pages ou reviennent souvent, vous serez jugé comme étant un site digne de confiance et Google trouve toujours un bon moyen de récompenser cela !

Enfin, si les ancres sont utiles sur ordinateurs, elles sont absolument essentielles sur mobiles. Sur un petit écran, l’attention de votre visiteur est diminuée et sa patience se rapproche de 0. En permettant aux mobinautes de savoir où se rendre et comment s’y rendre en un clic, vous aurez leur reconnaissance éternelle – enfin du moins pour les minutes à suivre, l’éternité restant une notion très approximative sur le web.

3. Où utiliser les ancres ?

Dans l’en-tête de votre site, sur un bouton d’appel à l’action, une image de votre dernier produit ou votre biographie, les options son illimités.

Une seule indication : soyez pertinent. Vos ancres doivent être placées aux bons endroits pour permettre à vos visiteurs de naviguer correctement sur votre site. N’en faites pas trop non plus, il est inutile de placer des ancres trop rapprochées, vos visiteurs sauront bien aller à la ligne d’en-dessous tout seul.

4. Comment créer des ancres avec Wix ?

Cela se fait en deux temps. Vous devez tout d’abord placer l’ancre – votre marque-page :

  • Cliquez sur l’icône Ajouter sur le côté gauche de l’éditeur.
  • Cliquez sur Plus > Ancres.
  • Faites glisser votre ancre sur votre page.
  • Positionnez-la à l’endroit où vous souhaitez que vos visiteurs atterrissent.

Une fois votre ancre positionnée, vous devez la connecter à un élément de votre site :

  • Cliquez sur l’élément sélectionné.
  • Cliquez sur Changer le lien > Ancre, puis sélectionner l’ancre en question.

Le tour est joué ! Naviguer sur votre site est désormais un jeu d’enfant.

Prêt à créer vos ancres ? Commencer par créer votre site internet gratuitement avec Wix ?


Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email