Comment ajouter « facilement » des liens d’ancrage dans WordPress (étape par étape)
Cherchez-vous un moyen simple d’ajouter des liens d’ancrage à vos articles et pages de blog ?
Les liens d'ancrage sont souvent utilisés dans les sections de la table des matières, car ils aident les utilisateurs à parcourir un article plus long sans recharger la page. Cela peut également aider au référencement, car Google peut afficher votre contenu dans des extraits de code.
Dans ce guide, nous allons vous montrer comment ajouter facilement des liens d’ancrage dans WordPress.
Qu'est-ce qu'un lien d'ancrage ?
Un lien d'ancrage est un type de lien sur la page qui vous amène à un endroit spécifique sur cette même page. Il permet aux utilisateurs d’accéder à la section qui les intéresse le plus.
Comme vous pouvez le voir, cliquer sur le lien d'ancrage amène l'utilisateur à la section spécifique de la même page.
Les liens d'ancrage sont couramment utilisés dans les articles plus longs comme table des matières, ce qui permet aux utilisateurs d'accéder rapidement aux sections qu'ils souhaitent lire.
Une autre utilisation des liens d’ancrage consiste à créer des liens de favoris sur votre site WordPress. Cela vous permet de partager le lien du favori sur les réseaux sociaux ou dans les newsletters par courrier électronique. Ainsi, lorsque la page se charge, vos utilisateurs accèdent immédiatement à la section que vous souhaitez qu'ils voient.
Pourquoi et quand devriez-vous utiliser des liens d'ancrage ?
Un utilisateur moyen passe moins de quelques secondes avant de décider s’il souhaite rester ou quitter votre site WordPress. Vous n’avez que ces quelques secondes pour convaincre les utilisateurs de rester.
La meilleure façon d’y parvenir est de les aider à voir rapidement les informations qu’ils recherchent.
Les liens d'ancrage facilitent cela en permettant aux utilisateurs d'ignorer le reste du contenu et d'accéder directement à la partie qui les intéresse. Cela améliore l'expérience utilisateur et vous aide à gagner de nouveaux clients/lecteurs.
Les liens d’ancrage sont également parfaits pour le référencement WordPress. Google peut afficher plusieurs liens d'ancrage dans les résultats de recherche sous forme de lien d'accès.
Il est prouvé que cela augmente le taux de clics dans les résultats de recherche. En d’autres termes, vous obtenez plus de trafic vers votre site Web.
Si vous créez une table des matières à l'aide de liens d'ancrage, Google peut également afficher les titres dans des extraits en vedette.
Cela dit, voyons comment ajouter facilement des liens d’ancrage dans WordPress. Vous trouverez ci-dessous une liste de tous les sujets que nous aborderons dans ce guide.
Allez-y et cliquez sur l’un de ces liens d’ancrage ci-dessous, et vous serez redirigé vers cette section spécifique.
Comment ajouter manuellement des liens d'ancrage dans WordPress
Si vous souhaitez simplement ajouter quelques liens d’ancrage ou liens de signets dans votre article, vous pouvez facilement le faire manuellement.
Fondamentalement, vous devez ajouter deux éléments pour qu'un texte d'ancrage fonctionne comme prévu :
Créez un lien d'ancrage avec un signe # avant le texte d'ancrage.
Ajoutez l'attribut
idau texte où vous souhaitez que l'utilisateur soit dirigé.
Commençons par la partie lien d’ancrage.
Étape 1. Création d'un lien d'ancrage
Tout d’abord, vous devez modifier ou créer un nouvel article ou une nouvelle page. Ensuite, sélectionnez le texte que vous souhaitez lier, puis cliquez sur le bouton Insérer un lien dans l'éditeur de blocs WordPress.
Cela fera apparaître la fenêtre contextuelle « insérer un lien » dans laquelle vous ajoutez habituellement l'URL ou recherchez un article ou une page à lier.
Cependant, pour un lien d’ancrage, vous utiliserez simplement # comme préfixe au lieu de HTTP. Entrez simplement les mots-clés de la section à laquelle vous souhaitez que l'utilisateur accède ensuite.
Ensuite, cliquez sur le bouton Entrée pour créer le lien. Cependant, cela n’ira nulle part pour l’instant. Vous devrez créer l'ID à l'étape suivante.
Quelques conseils utiles pour choisir le texte à utiliser comme lien d'ancrage :
Utilisez les mots-clés liés à la section vers laquelle vous créez un lien.
Ne rendez pas votre lien d’ancrage inutilement long ou complexe.
Utilisez des traits d'union pour séparer les mots et les rendre plus lisibles.
Vous pouvez utiliser des majuscules dans le texte d'ancrage pour le rendre plus lisible. Par exemple :
#Best-Coffee-Shops-New-York.
Une fois que vous avez choisi le bon texte de lien, il est temps de l'ancrer à une zone, une section ou un texte de la page que vous souhaitez afficher lorsque les utilisateurs cliquent sur le lien d'ancrage.
Étape 2. Ajoutez l'attribut ID à la section liée
Dans l'éditeur de contenu, faites défiler jusqu'à la section vers laquelle vous souhaitez que l'utilisateur accède lorsqu'il clique sur le lien d'ancrage. Habituellement, il s'agit d'un titre pour une nouvelle section.
Ensuite, sélectionnez simplement le bloc. Ensuite, dans les paramètres de bloc sur le panneau de gauche, cliquez sur l'onglet « Avancé » pour le développer.
Après cela, vous devez ajouter le même texte que celui que vous avez ajouté comme lien d'ancrage sous le champ « Ancre HTML ».
Assurez-vous d'ajouter le texte sans le préfixe #.
Vous pouvez maintenant enregistrer votre message et voir votre lien d'ancrage en action en cliquant sur l'onglet d'aperçu.
Que se passe-t-il si la section que vous souhaitez afficher n’est pas un titre mais simplement un paragraphe ordinaire ou tout autre bloc ?
Dans ce cas, vous devez cliquer sur le menu à trois points dans les paramètres du bloc et sélectionner l'option « Modifier en HTML ».
Cela vous permettra de modifier le code HTML de ce bloc particulier. Vous devez sélectionner la balise HTML de l'élément vers lequel vous souhaitez pointer. Par exemple, <p> s'il s'agit d'un paragraphe, ou <table> s'il s'agit d'un bloc de tableau, et ainsi de suite.
Maintenant, vous devez ajouter votre ancre comme attribut ID à cette balise, comme le code suivant :
<p id="best-coffee-shops-manhattan">
Ensuite, vous pouvez simplement cliquer à nouveau sur le bouton « Modifier visuellement » et votre lien d'ancrage dirigera l'utilisateur vers ce bloc lorsqu'il cliquera.
Comment ajouter manuellement un lien d'ancrage dans l'éditeur classique
Si vous utilisez toujours l’ancien éditeur classique pour WordPress, voici comment ajouter le lien d’ancrage/lien de saut.
Étape 1. Créer le lien d'ancrage
Tout d’abord, vous devrez modifier ou créer un nouvel article ou une nouvelle page. Après cela, sélectionnez le texte que vous souhaitez transformer en lien d'ancrage, puis cliquez sur le bouton « Insérer un lien ».
Après cela, vous devez ajouter votre lien d'ancrage avec un préfixe # suivi du slug que vous souhaitez utiliser pour le lien.
Étape 2. Ajoutez l'attribut ID à la section liée
L'étape suivante consiste à pointer les navigateurs vers la section que vous souhaitez afficher lorsque les utilisateurs cliquent sur votre lien d'ancrage.
Pour cela, vous devrez passer en mode « Texte » dans l’éditeur classique. Après cela, faites défiler jusqu'à la section vers laquelle vous souhaitez créer un lien.
Localisez maintenant la balise HTML que vous souhaitez cibler. Par exemple, <h2>, <h3>, <p>, etc.
Vous devez y ajouter l'attribut ID avec le slug de votre lien d'ancrage sans le préfixe #, comme ceci :
<h2 id="best-coffee-shops-new-york">
Vous pouvez maintenant enregistrer vos modifications et cliquer sur le bouton Aperçu pour voir votre lien d'ancrage en action.
Comment ajouter manuellement des liens d'ancrage en HTML
Si vous avez l’habitude d’écrire en mode Texte de l’ancien éditeur classique de WordPress, voici comment créer manuellement un lien d’ancrage en HTML.
Tout d'abord, vous devez créer le lien d'ancrage avec un préfixe # en utilisant la balise habituelle, comme ceci :
<a href="#best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</a>
Ensuite, vous devez faire défiler jusqu'à la section que vous souhaitez afficher lorsque les utilisateurs cliquent sur le lien.
Habituellement, cette section est un titre, mais il peut s'agir de n'importe quel autre élément HTML ou même d'une simple balise
de paragraphe.
Vous devez ajouter l'attribut ID à la balise HTML, puis ajouter le slug du lien d'ancrage sans le préfixe #.
<h2 id="best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</h2>
Vous pouvez maintenant enregistrer vos modifications et prévisualiser votre site Web pour tester le lien d'ancrage.
Comment ajouter automatiquement des titres en tant que liens d'ancrage dans WordPress (recommandé)
La meilleure façon d’ajouter automatiquement des liens d’ancrage dans WordPress consiste à utiliser le plugin All in One SEO (AIOSEO). Cette méthode convient aux utilisateurs qui publient régulièrement des articles longs et doivent créer une table des matières avec des liens d'ancrage.
AIOSEO est le meilleur plugin SEO pour WordPress et il est livré avec un bloc WordPress intégré pour ajouter une table des matières.
Pour ce tutoriel, nous utiliserons la version gratuite AIOSEO Lite car elle inclut le bloc table des matières. Il existe également une version AIOSEO Pro qui inclut plus de fonctionnalités pour vous aider à mieux vous classer sur les moteurs de recherche.
La première chose à faire est d'installer et d'activer le plugin AIOSEO. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Lors de l'activation, vous verrez l'assistant de configuration. Cliquez simplement sur le bouton « Commençons » et suivez les instructions à l'écran.
Pour plus de détails, veuillez consulter notre guide sur la configuration de All in One SEO pour WordPress.
Ensuite, vous pouvez créer ou modifier une nouvelle publication ou une nouvelle page dans laquelle vous souhaitez ajouter des liens d'ancrage. Une fois dans l’éditeur de contenu, cliquez simplement sur le bouton « + » et ajoutez le bloc « AIOSEO - Table des matières ».
Le plugin détectera automatiquement les différents titres de votre page et les affichera dans la table des matières.
Vous pouvez personnaliser davantage chaque lien d'ancrage dans le bloc. Par exemple, il existe une option permettant de modifier le « Style de liste » de puces à des nombres dans le panneau des paramètres sur la droite.
De plus, vous pouvez renommer les titres, réorganiser leur ordre dans le bloc table des matières et masquer des titres spécifiques.
Vous pouvez maintenant enregistrer vos modifications et prévisualiser votre article. Le plugin affichera automatiquement une liste de liens d'ancrage comme table des matières.
Pour des instructions plus détaillées, consultez notre article sur la façon d'ajouter une table des matières dans WordPress.
Nous espérons que cet article vous a aidé à apprendre comment ajouter facilement des liens d’ancrage dans WordPress. Vous voudrez peut-être également consulter nos conseils sur la façon d’optimiser correctement vos articles de blog pour le référencement et notre sélection des meilleurs plugins de création de pages WordPress.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.