Une ancre est un code HTML qui permet aux lecteurs de sauter sur une section spécifique d’une page sans utiliser le défilement progressif. Créer une ancre dans WordPress peut vous aider à améliorer l’expérience utilisateur sur votre site et booster votre référencement naturel. Lorsque vous créez une page ou une publication dans WordPress, notez qu’il est très simple d’ajouter des ancres HTML.🤗
Mais plusieurs questions se posent entre autres : qu’est-ce qu’une ancre HTML ? Quelle est son importance et surtout comment insérer une ancre dans WordPress ? Si vous vous posez toutes ces questions alors vous êtes au bon endroit.😇
Objectif
Dans cet article, nous allons vous donner les détails sur les ancres WordPress. Tout d’abord, nous allons définir ce qui est une ancre et vous donner son importance. Ensuite, nous allons parcourir toutes les méthodes les plus courantes pour ajouter une ancre sur une page WordPress. En lisant ce guide complet et quelles que soient vos compétences, la création des ancres sur vos pages ne sera plus difficile.😊
Prérequis
Pour mettre en pratique les détails sur cet article, vous devez :
- Accéder à votre site WordPress en tant qu’administrateur, éditeur ou rédacteur.
- Ensuite, en fonction de la méthode que vous utilisez, des connaissances sur la façon d’installer un plugin ou un thème peuvent être requises.
Qu’est-ce qu’une ancre dans WordPress ?
Une ancre est un extrait de code, lequel lorsqu’il est inséré sur une page, redirige le lecteur vers une section spécifique de cette page ou sur une page externe. Par exemple, à l’aide d’une ancre, un visiteur peut atterrir directement à la fin de votre article sans parcourir progressivement le contenu.
L’ancre permet ainsi au lecteur de lire uniquement la partie de la publication qui l’intéresse le plus sur la page en cours de lecture ou sur une page externe à votre site.
Quelle est l’importance d’une ancre WordPress ?
1. Utiliser les ancres pour ajouter un sommaire à votre article
En ligne, les ancres sont couramment utilisées pour créer un sommaire. En fait, le sommaire est une table de matière que vous pouvez ajouter à votre article et qui répertorie tous les grands titres. L’utilisation d’un sommaire est devenue une pratique courante en ligne et c’est pour une bonne raison.
En fait, avec un sommaire, le lecteur a la possibilité de lire la partie du contenu de son choix. Ce qui est une façon d’améliorer l’expérience utilisateur de votre site. Le sommaire permet aussi au lecteur d’avoir une vision globale sur les grands sujets traités dans votre publication.
Habituellement, les utilisateurs de WordPress ont la possibilité d’ajouter une table de matière en utilisant un plugin dédié. En dépit de cela, le code HTML de votre sommaire sera toujours constitué des ancres. Pour le moins que nous puissions dire, ces plugins manipulent du code à votre place pour générer des ancres HTML et constitué le sommaire de votre publication.
2. Améliorer le positionnement de votre publication dans les résultats organiques
Les ancres ne sont pas le seul facteur du référencement naturel. Cependant, lorsque vous les insérez dans votre publication, vous permettez aux moteurs de recherche de comprendre la structure de votre contenu et les grands sujets abordés. Ce qui peut dans une certaine mesure, accélérer le processus de référencement de votre publication.
3. Mettre en avant les sections les plus importantes d’une page web
Si vous avez une page web où vous souhaitez mettre en avant une partie du contenu tout en ajoutant quelques autres détails, vous pouvez utiliser les ancres. Ainsi le lecteur saute directement sur la partie importante et lit le contenu sans perdre du temps avec le défilement progressif de la page.
Et c’est dans ce même contexte que vous pouvez, par exemple, utiliser les ancres pour rediriger les visiteurs vers un formulaire d’abonnement aux newsletters ou encore vers une section de téléchargement de votre livre blanc.
Les 4 méthodes les plus faciles pour créer une ancre dans WordPress
Vous avez compris l’importance d’utiliser les ancres sur une page WordPress. Nous allons voir dans la partie suivante, les méthodes les plus courantes que vous devez utiliser.
Une ancre HTML peut être insérée sur un paragraphe, sur un titre ou sur n’importe quelle section de votre page web.
Méthode 1 : utiliser Gutenberg pour créer des ancres
Gutenberg est l’actuel éditeur de contenus par défaut de WordPress. La création des ancres dans Gutenberg est un processus simple. C’est l’une des méthodes que vous devez privilégier pour générer les ancres si vous débutez en ligne.
Pour commencer, vous devez ouvrir la publication que vous souhaitez modifier dans l’éditeur de blocs ou en créer une nouvelle. Une fois que votre contenu est prêt, vous devez tout d’abord repérer le bloc sur lequel vous souhaitez insérer votre ancre.
Cela peut être généralement un titre ou n’importe quelle autre partie de la publication.
Comme dans l’exemple ci-dessous : #mon_ancre_personnalisée.
Méthode 2 : utiliser le constructeur de page Elementor pour ajouter des ancres
Une autre méthode pour créer des ancres consiste à utiliser Elementor. En fait, Elementor est l’un des constructeurs de pages les plus populaires en ligne. Il est équipé de nombreuses fonctionnalités pour construire une page par simple glisser-déposer.
Il s’agit d’un plugin WordPress freemium. La version gratuite est largement suffisante pour créer une ancre sur une page web. Mais vous pouvez toujours acheter une licence, car vous ne le ferez pas uniquement pour créer une ancre, mais aussi pour utiliser plusieurs autres fonctionnalités fournies pour personnaliser votre site.
Le processus pour générer une ancre avec le plugin Elementor est un peu similaire à celui que vous avez effectué dans Gutenberg. Pour commencer, accédez à la section « Extensions › ajouter ». Vous serez redirigé vers le référentiel de plugins WordPress. Recherchez le plugin Elementor et cliquez sur le bouton « Installer maintenant ».
Ensuite, cliquez sur le bloc où vous souhaitez créer votre ancre pour afficher les paramètres dans la partie de gauche. Puis, accédez à l’onglet « Avancé » de paramètres du bloc.
Saisissez le nom de votre ancre textuellement comme vous l’avez défini précédemment et enregistrez vos modifications.
Méthode 3 : créer une ancre dans WordPress avec Divi
Vous pouvez aussi utiliser Divi pour créer les ancres sur votre site. Divi est avant tout un thème, mais il est distribué avec un constructeur de pages puissant et polyvalent. Il s’agit probablement du thème premium le plus populaire dans WordPress. Pour l’utiliser sur votre site, vous devez acheter une licence.
Divi met à votre disposition des blocs que vous devez utiliser comme dans Gutenberg pour construire votre page. Une fois que vous avez installé ce module sur votre site, les étapes à suivre sont relativement simples.
Pour ce faire, ouvrez votre publication et trouvez le bloc dans lequel vous envisagez de créer l’ancre.
Dans le champ « Text to display » vous pouvez ajouter le texte que vous souhaitez afficher sur la page. Une fois que vous avez terminé, cliquez sur le bouton « Ok ».
Méthode 4 : ajouter une ancre en utilisant du HTML
Enfin, vous pouvez aussi ajouter manuellement des ancres en utilisant du code HTML. Le processus n’exige pas d’être un développeur pour créer des ancres. Pour commencer, ouvrez votre page dans l’éditeur Gutenberg. Ensuite, accédez aux paramètres de l’interface en cliquant sur le bouton à trois points situé sur le coin supérieur droit.
Défilez l’interface et accédez à l’éditeur de codes.
Vous devez ajouter manuellement l’attribut « id » de votre ancre dans la balise d’ouverture de l’objet qui sera utilisé comme repère. Cela peut être un paragraphe, un titre ou encore une section de votre contenu.
- Pour un titre, l’extrait de codes ressemble à ceci :
<h2 id="mon_ancre_personnalisée">Mon titre</h2> - Pour le texte d’un paragraphe :
<p id="mon_ancre_personnalisée"> mon paragraphe</p> - Et pour une section, cela peut ressembler à l’extrait de code suivant :
<div id="mon_ancre_personnalisée">ma section</div>
Ensuite, il vous restera qu’à créer le lien d’ancrage dans une section de votre contenu afin de rediriger vos lecteurs.
Ainsi, localisez l’extrait du code représentant votre titre, votre paragraphe ou votre section et repérez la balise d’ouverture.
"id=mon_ancre_personnalise". 
Dans l’interface résultante, renseignez textuellement l’identité de votre ancre, précédée du signe « # ».
Et voila, votre ancre est maintenant publié. Vous pouvez la tester en vous rendant sur votre page.👇
Ajouter une ancre pour une redirection vers une autre page
Jusqu’ici, nous avons vu comment créer une ancre qui redirige vos lecteurs à un endroit précis de la page en cours de lecture. Mais vous avez aussi la possibilité d’ajouter une ancre qui redirige vers une autre page. Vous pouvez le faire en deux étapes :
- Créer l’ancre sur la page à destination
- Ensuite, ajouter un lien de saut d’ancrage sur la page depuis laquelle, les visiteurs seront redirigés.
Tout d’abord, vous devez créer votre ancre en utilisant une des méthodes décrites dans les sections précédentes. Ensuite, vous devez ouvrir la page ou vous voudrez créer le lien d’ancrage et sélectionner le mot ou le groupe de mots que vous envisagez d’utiliser.
Par la suite, vous devez cliquer sur l’icône de lien dans les paramètres du bloc.
Terminez votre configuration en cliquant sur le bouton « Enter » et en mettant à jour votre publication.
En dehors de pages, vous pouvez également ajouter des ancres dans un menu. De cette façon, vos visiteurs seront redirigés vers une section spécifique d’une page de votre site ou vers n’importe quelle autre section.
Là encore, le processus est suivre est très simple. Pour ce faire, accédez à la section « Apparence › menus » depuis votre espace d’administration.
- Dans le champ « URL », ajoutez le lien complet de votre ancre. Celui-ci doit inclure le lien de page de votre site combiné au nom de l’ancre, comme ceci : https://votresite.fr/page#votre_ancre_personnalisee.
- Dans le champ « Texte du lien », ajoutez le texte que vous souhaitez afficher à l’endroit de l’ancre dans le menu.
Une fois que vous avez terminé, cliquez sur le bouton « Ajouter au menu » et enregistrez vos modifications.
Conclusion
🥳Toutes nos félicitations d’avoir lu cet article ! Comme vous venez de le voir, créer une ancre dans WordPress est extrêmement simple. Nous avons détaillé dans cet article les méthodes les plus courantes et les plus faciles à utiliser. Il vous suffit de choisir celle qui vous semble facile et de commencer à développer dès aujourd’hui.
De ces quatre méthodes, laquelle vous voudrez utiliser pour créer une ancre sur votre site ? Utilisez la section Commentaires pour nous répondre.