Créer un lien vers un endroit précis d'une page (ancre)

Plutôt que de faire un lien classique, il peut arriver que vous ayez besoin de faire un lien qui amène vos visiteurs vers un endroit précis à l’intérieur d’une page.

Ces liens, appelés « ancres », sont un moyen très rapide et facile de créer des raccourcis vers des sections ou des zones spécifiques et ciblées de votre contenu.

Vos lecteurs pourront cliquer sur un lien et ils seront directement envoyés vers une section spécifique de la page de destination.

Il existe deux types d’ancres.

Ancre 1 : une ancre qui envoie votre visiteur à un endroit précis d’une même page

On trouve souvent ce lien dans les tables des matières, pour les articles de blog.

Mais on peut aussi le trouver dans les menus de navigation ou comme « Appel à l’action ».

Création de l'ancre (la destination)

On va d’abord créer l’ancre (le point à atteindre). Dans votre page, vous allez descendre jusqu’à la section où vous voulez amener votre visiteur.

Puis, vous allez sélectionner « Code HTML », dans la colonne de gauche de l’éditeur de Système.io.

Puis, toujours dans la colonne de gauche, vous allez cliquer sur modifier le code pour coller celui-ci : <div id="ancre-1″> </div>

Vous pouvez remplacer « ancre-1 » par tout ce que vous voulez, mais n'utilisez pas d'espace, utilisez plutôt « – » ou « _ ».

Création du lien de départ

Vous remontez à l’endroit où se trouve l’élément à cliquer qui redirigera vers l’ancre.

Ça peut être un bouton ou un lien en texte.

Mettons que ce soit un bouton, vous le sélectionnez et dans la colonne de gauche de l’éditeur, dans « Action du bouton », vous sélectionnez « Rediriger vers une page ».

Vous allez avoir un champ de texte appelé « URL ».

Et vous allez coller le texte suivant : #ancre-1

Pour faire une ancre il faut le symbole # suivi de ce que vous voulez.

Et voilà, maintenant vous pouvez cliquer ici : Aller en bas

Ancre 2 : une ancre qui envoie votre visiteur à un endroit précis d’une autre page.

Supposons que vous ayez un blog et dans un article, vous citez un paragraphe d’un autre article.

Vous pouvez créer un lien pour amener votre visiteur directement à ce paragraphe, plutôt que de l’obliger à le chercher dans la page de destination.

Afin de lier une page de départ (ou « source ») à cet intitulé, vous allez créer une ancre quelque part dans votre page de destination.