Comment ajouter « facilement » des liens d’ancrage dans WordPress (étape par étape)

Vous cherchez un moyen simple d’ajouter des liens d’ancrage à vos publications 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/utilisatrices à se déplacer vers le haut et vers le bas d’un article plus long sans avoir à recharger la page. Cela peut également aider au référencement, car Google peut afficher votre contenu dans les extraits mis en avant.

Dans ce guide, nous allons vous afficher 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 de cette même page. Il permet aux utilisateurs/utilisatrices de passer à la section qui les intéresse le plus.

Comme vous pouvez le constater, en cliquant sur le lien d’ancrage, l’utilisateur accède à la section spécifique de la même page.

Les liens d’ancrage sont couramment utilisés dans les articles plus longs, comme la table des matières, qui permet aux utilisateurs/utilisatrices d’accéder rapidement aux sections qu’ils/elles souhaitent lire.

Une autre utilisation des liens d’ancrage consiste à créer des liens de signet sur votre site WordPress. Cela vous permet de partager le lien de signet sur les médias sociaux ou les bulletins d’information par e-mail, de sorte que lorsque la page se charge, vos utilisateurs/utilisatrices sautent immédiatement à la section que vous voulez qu’ils voient.

Pourquoi et quand utiliser les liens d’ancrage ?

Un utilisateur moyen passe moins de quelques secondes avant de décider s’il veut rester ou quitter votre site WordPress. Vous disposez de ces quelques secondes pour convaincre les utilisateurs/utilisatrices de rester.

La meilleure façon d’y parvenir est de les aider à trouver rapidement les informations qu’ils recherchent.

Les liens d’ancrage facilitent cette tâche en permettant aux utilisateurs/utilisatrices d’Aller à/au reste du contenu et de passer directement à la partie qui les intéresse. Cela améliore l’expérience de l’utilisateur et vous aide à gagner de nouveaux clients/lecteurs.

Les liens d’ancrage sont également très utiles pour le référencement de WordPress. Google peut afficher plusieurs liens d’ancrage dans les résultats de recherche en tant que lien de saut.

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.

Si vous créez une table des matières à l’aide de liens d’ancrage, alors Google peut également afficher les titres dans les extraits mis en avant.

Ceci étant dit, voyons comment ajouter facilement des liens d’ancrage dans WordPress. Vous trouverez ci-dessous une liste de tous les sujets que nous allons aborder dans ce guide.

Cliquez sur l’un des liens ci-dessous pour accéder à la section correspondante.

Comment ajouter manuellement des liens d’ancrage dans WordPress

Si vous souhaitez simplement ajouter quelques liens d’ancrage ou de signets dans votre article, vous pouvez facilement le faire manuellement.

En principe, vous devez ajouter deux éléments pour qu’un texte d’ancrage fonctionne comme prévu :

1. Créez un lien d’ancrage avec un signe # avant le texte d’ancrage.
2. Ajoutez l’attribut ID au texte dans lequel vous souhaitez que l’utilisateur soit pris en charge.

Commençons par le lien d’ancrage.

Étape par étape. Création d’un Link d’ancrage

Tout d’abord, vous devez modifier ou créer une nouvelle publication ou page. Sélectionné ensuite le texte que vous souhaitez lier, puis cliquez sur le bouton insérer un lien dans l’éditeur de blocs de WordPress.

La fenêtre surgissante « Insérer un lien » apparaît, dans laquelle vous ajoutez généralement l’URL ou recherchez une publication ou une page à lier.

Cependant, pour un lien d’ancrage, vous utiliserez simplement # comme préfixe au lieu de HTTP. Saisissez/saisissez simplement les mots-clé de la section vers laquelle vous souhaitez que le compte passe ensuite.

Cliquez ensuite sur le bouton saisir pour créer le lien. Il n’ira nulle part pour l’instant. Vous devrez créer l’ID à l’étape par étape.

Quelques astuces utiles pour choisir le texte à utiliser comme lien d’ancrage # :

• Utilisez les mots-clés similaires à ceux de 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 de l’ancre 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/utilisatrices cliquent sur le lien d’ancrage.

Étape par étape. Ajouter l’attribut ID à la section liée

Dans l’éditeur de contenu, défilez jusqu’à la section vers laquelle vous souhaitez que l’utilisateur navigue lorsqu’il clique sur le lien d’ancrage. En général, il s’agit du Titre d’une nouvelle section.

Sélectionné, il suffit de sélectionner le bloc. Ensuite, dans les Réglages du bloc sur le panneau de gauche, cliquez sur l’onglet « Avancé » pour le déplier.

Ensuite, vous devez ajouter le même texte que celui que vous avez ajouté comme lien d’ancrage dans le champ « Ancre HTML ».

Confirmez que vous ajoutez le texte sans le préfixe #.

Vous pouvez maintenant enregistrer votre publication et voir votre lien d’ancrage en action en cliquant sur l’onglet de prévisualisation.

Que se passe-t-il si la section que vous souhaitez afficher n’est pas un Titre mais un simple paragraphe ou tout autre bloc ?

Dans ce cas, vous devez cliquer sur le menu à trois points dans les Réglages du bloc et sélectionner l’option « Modifier en HTML ».

Cela vous permet de modifier le code HTML de ce bloc particulier. Vous devez sélectionner l’identifié 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, etc.

Vous devez maintenant ajouter votre ancre en tant qu’attribut ID de cette identification, comme dans le code suivant :

<p id="best-coffee-shops-manhattan">

Il vous suffit ensuite de cliquer à nouveau sur le bouton « Modifier visuellement », et votre lien d’ancrage dirigera l’utilisateur vers ce bloc lorsqu’il cliquera dessus.

Comment ajouter manuellement un lien d’ancrage dans l’éditeur/éditrices Classic

Si vous utilisez encore l’ancien éditeur classique de WordPress, voici comment ajouter le lien d’ancrage/lien de saut.

Étape par étape. Créer le lien d’ancrage

Tout d’abord, vous devrez modifier ou créer une nouvelle publication ou page. Après cela, sélectionnez le texte que vous souhaitez modifier en lien d’ancrage, puis cliquez sur le bouton  » Insérer un lien « .

Ensuite, vous devez ajouter votre lien d’ancrage avec un préfixe # suivi du slug que vous voulez utiliser pour le lien.

Étape par étape. Ajouter l’attribut ID à la section liée

L’étape suivante consiste à diriger les navigateurs vers la section que vous souhaitez afficher lorsque les utilisateurs/utilisatrices cliquent sur votre lien d’ancrage.

Pour cela, vous devez passer en mode « Texte » dans l’éditeur/éditrices classique. Ensuite, défilez vers le bas jusqu’à la section vers laquelle vous souhaitez créer un lien.

Emplacement de l’identifiant 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 de Prévisualisation 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 dans 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 l’identifiant habituel <a href=" « >, comme ceci :

<a href="#best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</a>

Ensuite, vous devez défiler jusqu’à la section que vous souhaitez afficher lorsque les utilisateurs/utilisatrices cliquent sur le lien.

En général, 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 <p> de paragraphe.

Vous devez ajouter l’attribut ID à la Balise HTML et ensuite 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 pour tester le lien d’ancrage.

Comment ajouter automatiquement des titres comme liens d’ancrage dans WordPress (Recommandé)

La meilleure façon d’ajouter automatiquement des liens d’ancrage dans WordPress est d’utiliser l’extension All in One SEO (AIOSEO). Cette méthode convient aux utilisateurs/utilisatrices qui publient régulièrement des articles de long formulaire et qui ont besoin de créer une table des matières avec des liens d’ancrage.

AIOSEO est la meilleure extension SEO pour WordPress, et elle est livrée 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 de table des matières. Il existe également une version AIOSEO Pro qui comprend plus de fonctionnalités avant de vous aider à mieux vous classer dans les moteurs de recherche.

La première chose à faire est d’installer et d’activer l’extension AIOSEO. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Une fois activé, vous verrez apparaître l’assistant de configuration. Cliquez simplement sur le bouton « Premiers pas » et suivez les instructions à l’écran.

Pour plus de détails, veuillez consulter notre guide sur la façon de configurer All in One SEO pour WordPress.

Ensuite, vous pouvez créer ou modifier une nouvelle publication ou page dans laquelle vous souhaitez ajouter des liens d’ancrage. Une fois que vous êtes dans l’éditeur de contenu, il vous suffit de cliquer sur le bouton  » +  » et d’ajouter le bloc  » AIOSEO – Table des matières « .

L’extension 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 » en remplaçant les puces par des chiffres dans le panneau de configuration situé à droite.

De plus, vous pouvez renommer les titres, trier afin de les commander dans le bloc de la table des matières et masquer des titres spécifiques.

Vous pouvez maintenant enregistrer vos modifications et prévisualiser votre article. L’extension affichera automatiquement une liste de liens d’ancrage comme votre table des matières.

Pour des instructions plus détaillées, consultez notre article sur l ‘ajout d’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 pouvez également consulter nos astuces sur la façon d’optimiser correctement vos publications de blog pour le référencement et notre sélection des meilleurs plugins de constructeur de page WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.