Comment créer un lien d’ancrage dans WordPress

Si vous êtes propriétaire d’un site WordPress, veiller à ce que vos visiteurs aient toujours une expérience utilisateur fluide et impeccable lors de la navigation sur votre site Web devrait être l’une de vos priorités. Un utilisateur typique ne passera pas trop de temps sur votre page avant de déterminer s’il souhaite continuer à naviguer ou s’il souhaite la quitter complètement. Donc, vous n’avez en fait pas plus de quelques secondes pour les faire rester.

Bien sûr, cela peut être réalisé en utilisant de nombreuses stratégies différentes, mais lorsqu’il s’agit d’améliorer l’expérience utilisateur sur votre site, rien ne vaut une navigation solide sur le site Web. Maintenant, lorsque nous parlons de navigation sur un site Web, nous entendons la création de différents menus de navigation, des boutons CTA et la diffusion de différents types de liens de navigation sur votre site, y compris des liens d’ancrage. Et cette fois ci, nous allons nous concentrer sur les liens d’ancrage en particulier.

Les liens d’ancrage ont le pouvoir d’améliorer l’expérience utilisateur de vos visiteurs puisque ils leur permettent d’accéder rapidement à la section qui les intéresse. Restez à l’écoute pendant que nous discutons plus en détail de l’importance de ces types de liens et vous montrons quelques-unes des meilleures façons de les ajouter à votre site WordPress – à la fois dans le Gutenberg et éditeur classique.

Nous couvrirons :

Que sont les liens d’ancrage et pourquoi sont-ils utiles

Comme nous l’avons déjà mentionné, les liens d’ancrage sont des éléments de navigation très utiles car ils ont la capacité d’amener les utilisateurs vers une zone spécifique sur la même page, ce qui leur permet d’accéder rapidement à la section qui les intéresse. Autrement connu sous le nom de table des matières, ces types de liens sont souvent utilisés dans des formes de contenu plus longues, telles que différents types d’articles, des sections FAQ ou des listes de produits ou de services, par exemple.

En plus d’améliorer considérablement l’expérience utilisateur de votre site Web en général, les liens d’ancrage peuvent également avoir une influence positive sur le référencement de votre site Web. À savoir, Google a tendance à afficher vos liens d’ancrage sous la forme d’un lien « aller vers » dans les résultats de recherche, en particulier si les utilisateurs saisissent les mots-clés contenus dans votre lien d’ancrage. Tout cela peut améliorez votre taux de clics, et par extension, apportez plus de trafic sur votre site Web.

De plus, si vous répertoriez vos liens d’ancrage sous forme de table des matières, Google peut décider de les afficher sous forme d’extrait enrichi, comme ceci :

Maintenant que nous avons couvert certaines des raisons fondamentales pour lesquelles les liens d’ancrage peuvent être précieux pour un site Web, examinons comment vous pouvez les ajouter dans WordPress.

Ajout manuel d’un lien d’ancrage dans Gutenberg

Pour que vos liens d’ancrage fonctionnent, il y a deux choses que vous devez faire – d’abord, vous devez ajoutez un signe # avant votre texte d’ancrage, puis ajoutez l’attribut ID au texte vers lequel vous souhaitez que les utilisateurs soient dirigés lorsqu’ils cliquent sur le lien d’ancrage.

Pour créer votre lien d’ancrage dans Gutenberg, vous devez sélectionner le texte que vous souhaitez avoir comme ancre et appuyer sur le bouton Lien bouton.

Une fenêtre contextuelle apparaîtra où vous pourrez généralement ajouter une URL de lien.

Mais au lieu de faire cela, vous devez incluez un préfixe # et insérez les mots-clés pour la zone spécifique vers laquelle vous souhaitez que les utilisateurs accèdent en cliquant sur ce type de lien. Bien sûr, vous devez utiliser les mots-clés liés à la section d’ancrage pour laquelle vous créez un lien. Nous vous recommandons également d’utiliser des tirets et/ou des majuscules pour rendre votre texte d’ancrage plus lisible en général. Voici un exemple de préfixe # :

#Produits-Cheveux

Appuyez sur le bouton Entrée pour terminer l’ajout de votre lien d’ancrage. Après cela, vous pourrez voir le lien d’ancrage dans l’éditeur, mais vous ne pourrez pas cliquer dessus car vous devez toujours créer un identifiant pour celui-ci.

Pour ajouter un identifiant au lien d’ancrage, vous devez trouvez la section vers laquelle vous voulez que les utilisateurs soient dirigés en cliquant sur votre lien.

Pour créer un lien vers une section d’en-tête, sélectionnez le bloc souhaité et choisir la Avancée languette. Ensuite, dans le ancre HTML terrain, vous devriez ajoutez le même texte que vous avez utilisé pour votre lien d’ancrage – la seule différence étant que vous devriez omettre le préfixe #.

Ensuite, vous pouvez frapper le Publier/Mettre à jour (ou Enregistrer le brouillon) et prévisualisez votre lien d’ancrage pour voir à quoi il ressemble en direct.

Si vous souhaitez créer un lien vers une autre section qu’un titre (comme un paragraphe ou d’autres types de blocs), cliquez sur une icône de menu à trois points (dans le bloc lui-même), puis sélectionnez le Modifier en HTML bouton.

Maintenant, recherchez la balise HTML pour la section ou l’élément spécifique. Par exemple, <p> est un paragraphe, <h2>, <h3>, etc. sont des en-têtes, et ainsi de suite.

Une fois que vous avez trouvé votre élément, il vous suffit attachez un attribut ID avec votre ancre à la balise HTML.

Comme ça:

<p >

Une fois que vous voyez un message vous indiquant que ce bloc contient du contenu inattendu ou invalide, vous devez clique le Convertir en HTML bouton.

Et c’est tout – vous avez ajouté avec succès un lien d’ancrage à une section spécifique de votre paragraphe, ou à tout autre bloc de votre choix.

Ajout manuel d’un lien d’ancrage dans l’éditeur classique

Si vous préférez utiliser l’éditeur classique, vous pouvez bien sûr également créer des liens d’ancrage à partir de cet éditeur. Voici comment vous pouvez le faire.

Tout d’abord, sélectionnez le texte de votre lien d’ancrage souhaité et appuyez sur le bouton Insérer/Modifier bouton de lien.

Ensuite, ajoutez un préfixe # ainsi qu’un slug pour votre lien.

Une fois cette étape terminée, vous devriez ajoutez votre attribut ID à la section vers laquelle vous souhaitez que vos utilisateurs accèdent en cliquant sur votre lien.

Changez votre mode en Texte d’abord, puis recherchez la balise HTML de la section à laquelle vous souhaitez ajouter l’attribut ID (Comme <h2>, <p>, etc).

Ajoutez votre attribut ID avec le slug de votre lien d’ancrage, mais sans le préfixe #. Par example:

<p> id=“Hair-Products”>

Assurez-vous d’appuyer sur publier/mettre à jour votre page/article, puis prévisualisez-le pour voir à quoi ressemble votre lien d’ancrage.

Si vous préférez écrire et éditer votre contenu en utilisant entièrement le mode Texte, vous pouvez également l’utiliser pour créer vos liens d’ancrage en utilisant HTML à partir de zéro.

Une fois dans le Texte mode, vous pouvez créez votre lien d’ancrage en utilisant le <a href-“ “> étiqueter. Voici un exemple de ce à quoi peut ressembler votre lien d’ancrage en HTML :

<a href="#Hair-Products">Hair Products</a>

Ensuite, recherchez la zone vers laquelle vous souhaitez que les utilisateurs soient dirigés lorsque vous cliquez sur le lien d’ancrage (un en-tête qui est généralement marqué comme <h2> et <h3>, un paragraphe marqué comme <p>, etc.) et ajoutez votre attribut ID à la balise HTML (encore une fois, sans le préfixe #) :

<p> > Hair Products</p>

Après avoir enregistré vos modifications, allez-y et prévisualisez à quoi ressemble votre lien d’ancrage.

Ajouter automatiquement des liens d’ancrage dans WordPress

Si vous créez et publiez régulièrement du contenu long sur votre site (comme des articles particulièrement longs, par exemple), vous pouvez également envisager d’ajouter automatiquement des liens d’ancrage pour accélérer le processus. Heureusement, WordPress dispose d’une vaste communauté en ligne qui crée régulièrement de nombreux outils et plugins utiles, dont beaucoup peuvent être utilisés gratuitement. Parmi ces plugins, il y a aussi un plugin appelé Table des matières facile, que vous pouvez utiliser pour créer automatiquement des liens d’ancrage sur votre site Web.

Comme son nom l’indique, ce plugin vous permettra de créer facilement une table des matières avec une liste de liens d’ancrage et de l’ajouter à vos pages, publications et/ou types de publications personnalisés. Tu peux soit activez l’option d’insertion automatique pour ajouter vos liens d’ancrage automatiquement, ou toi peut décocher cette option et définir la table des matières pour des pages/articles spécifiques uniquement.

Nous avons déjà un article qui parle en profondeur de l’ajout d’une table des matières dans WordPress à l’aide de ce plugin pratique, nous vous recommandons donc de le consulter si vous souhaitez diviser vos pages ou vos articles en différentes sections pour une meilleure navigation.

Envelopper les choses

Les liens d’ancrage peuvent être un excellent ajout à n’importe quel site Web, car ils permettent aux utilisateurs de passer rapidement et facilement à la section qu’ils souhaitent lire. À leur tour, ils peuvent aider à améliorer votre navigation et à améliorer l’UX de votre site Web dans son ensemble. L’ajout de ces types de liens à vos pages ou publications peut sembler complexe au début, mais lorsque vous regardez de plus près les instructions que nous avons présentées ci-dessus, vous vous rendrez compte que ce processus n’est pas du tout difficile. Assurez-vous simplement de suivre attentivement toutes les étapes et vous serez prêt.