Comment créer une ancre sur WordPress

Introduction

Créer une ancre sur WordPress est une technique essentielle pour améliorer la navigation utilisateur et, indirectement, le référencement naturel de votre site web. Une ancre permet de renvoyer l’internaute vers une section précise d’une page, ce qui est particulièrement utile pour les articles longs, les pages de vente, les FAQ ou les pages « À propos » très détaillées.

Les liens internes sur WordPress jouent un rôle important dans l’optimisation SEO, en aidant les moteurs de recherche à mieux comprendre la structure de vos contenus et les relations entre vos pages. Bien utilisés, ils contribuent à renforcer l’architecture de votre site, à mieux distribuer l’autorité interne et à offrir une expérience de navigation plus fluide à vos visiteurs.

Dans ce guide complet, vous allez découvrir, étape par étape, comment créer une ancre sur WordPress avec l’éditeur Gutenberg, avec des constructeurs de pages comme Elementor ou Divi, mais aussi directement en HTML. Vous verrez également les bonnes pratiques à respecter pour que vos liens d’ancrage soient efficaces, faciles à maintenir et bénéfiques pour votre stratégie de contenu.

Cet article est structuré en plusieurs sections pour vous guider clairement : définition des ancres, avantages, tutoriels détaillés selon les outils, cas particuliers (menus, tables des matières, pages one-page) et FAQ. L’objectif est que vous puissiez, à la fin de cette lecture, mettre en place des ancres sur n’importe quelle page WordPress en toute autonomie.

Concepts clés

Qu’est-ce qu’une ancre ?

Sur une page web, une ancre est un repère interne qui permet de se rendre directement à une partie spécifique du contenu. Techniquement, il s’agit d’un identifiant unique, appelé id HTML, attaché à un élément de la page (souvent un titre ou un paragraphe). Lorsqu’un lien contient le symbole # suivi du nom de cet identifiant, le navigateur fait automatiquement défiler la page jusqu’à cet élément.

Contrairement aux liens externes qui dirigent l’utilisateur vers un autre site, ou aux liens internes « classiques » qui pointent vers une autre page de votre site, les liens d’ancrage renvoient vers une zone précise de la même page ou d’une autre page. Ils sont donc très pratiques pour :

• permettre aux visiteurs de sauter directement à la section qui les intéresse ;
• créer des tables des matières cliquables au début d’un article ;
• simplifier la navigation sur les pages longues (guides, pages de vente, FAQ, conditions générales, etc.).

Par exemple, si vous avez publié un long article sur « Comment optimiser son site WordPress », vous pouvez utiliser des ancres pour relier des sections spécifiques comme « améliorer la vitesse » ou « sécuriser son site ». Le lecteur clique sur un lien et est automatiquement amené à la partie correspondante, sans avoir à faire défiler toute la page.

Comment fonctionne une ancre en HTML ?

D’un point de vue technique, une ancre repose sur deux éléments complémentaires :

• un point d’ancrage : c’est l’élément HTML qui porte l’attribut id, par exemple

  Optimiser le SEO

   ;
• un lien vers l’ancre : c’est un lien contenant le caractère # suivi du nom de l’id, par exemple Aller à la section SEO.

Lorsque l’internaute clique sur ce lien, le navigateur repère l’élément qui possède l’id correspondant et fait défiler la page jusqu’à cet endroit. Il est important que cet id soit unique sur la page : vous ne devez pas avoir deux éléments avec le même id, au risque de provoquer un comportement imprévisible.

Dans WordPress, vous pouvez soit manipuler directement le HTML pour créer cette structure, soit utiliser les options intégrées des blocs de l’éditeur Gutenberg, soit encore passer par les paramètres d’un constructeur de pages (page builder) comme Elementor ou Divi.

Avantages des liens d’ancrage sur WordPress

• Amélioration de la navigation utilisateur : les ancres permettent aux visiteurs de trouver rapidement l’information dont ils ont besoin. Sur un article long, une table des matières avec des liens d’ancrage rend la lecture beaucoup plus confortable.
• Meilleure expérience sur mobile : sur smartphone, faire défiler de très longues pages peut être fatigant. Les ancres réduisent le nombre de scrolls et facilitent l’accès aux sections importantes.
• Optimisation indirecte du SEO : même si le simple fait de créer une ancre ne fait pas monter une page dans Google, une meilleure navigation peut diminuer le taux de rebond, augmenter le temps passé sur la page et renforcer la structure interne de vos contenus, ce qui est favorable au référencement.
• Structure claire et hiérarchique : en organisant vos contenus avec des titres bien structurés (H2, H3…) et des ancres, vous facilitez la compréhension de votre page pour les utilisateurs et pour les moteurs de recherche.
• Pages « one-page » plus lisibles : sur les sites vitrines ou les landing pages conçus en une seule page, les menus peuvent renvoyer vers différentes sections de cette même page grâce aux ancres, tout en donnant l’illusion d’une navigation multi-pages.

Comment créer une ancre sur WordPress avec Gutenberg

Étape 1 : identifier la section cible

Avant de créer une ancre, commencez par repérer la section de votre article ou de votre page vers laquelle vous souhaitez renvoyer l’utilisateur. Il s’agit généralement :

• d’un titre de niveau H2 ou H3 ;
• d’un bloc de texte important (paragraphe, liste, tableau) ;
• d’un bloc spécifique créé par un plugin (FAQ, accordéon, témoignage, etc.).

Plus votre article est long, plus il est pertinent de multiplier les ancres sur les parties clés, par exemple une ancre par H2 pour les grandes sections et, si nécessaire, quelques ancres sur des H3 particulièrement importants.

Étape 2 : choisir et nommer l’ancre

Le nom de l’ancre correspond à l’id HTML. Il doit respecter quelques règles simples pour éviter les erreurs :

• pas d’espace : utilisez des tirets pour séparer les mots (section-optimisation-seo) ;
• évitez les accents et les caractères spéciaux : privilégiez les lettres non accentuées et les chiffres ;
• soyez cohérent et descriptif : un nom comme ancre-1 n’est pas parlant, préférez faq-ancre-plugins par exemple ;
• utilisez de préférence des minuscules : ce n’est pas une obligation technique, mais cela améliore la lisibilité et évite les confusions.

Pour rester organisé, vous pouvez calquer le nom de l’ancre sur le titre de la section, en le simplifiant. Par exemple, pour la section « Comment créer une ancre sur WordPress avec Gutenberg », vous pouvez utiliser creer-ancre-wordpress-gutenberg.

Étape 3 : ajouter l’ancre HTML dans Gutenberg

Avec l’éditeur de blocs Gutenberg, vous n’avez pas besoin d’écrire du code HTML manuellement pour créer une ancre. Suivez simplement ces étapes :

1. Sélectionnez le bloc qui servira de point d’ancrage (souvent un titre H2 ou H3, mais cela fonctionne aussi avec d’autres blocs).
2. Dans la colonne de droite, assurez-vous d’être dans l’onglet « Bloc », et non dans l’onglet « Article » ou « Page ».
3. Faites défiler les options jusqu’à la section « Avancé ».
4. Dans le champ « Ancre HTML », saisissez le nom de votre ancre, par exemple creer-ancre-wordpress.
5. Enregistrez ou mettez à jour votre page pour valider la création de l’ancre.

Gutenberg se charge automatiquement d’ajouter l’attribut id au bloc sélectionné. Vous n’avez donc pas besoin d’éditer le code de la page.

Étape 4 : créer le lien vers l’ancre

Une fois l’ancre définie, vous devez créer un lien qui y renvoie. Toujours dans l’éditeur Gutenberg :

1. Sélectionnez le texte du lien (par exemple dans une table des matières en début d’article ou dans un paragraphe d’introduction).
2. Cliquez sur l’icône « Lien » dans la barre d’outils qui apparaît au-dessus du texte sélectionné.
3. Dans le champ de saisie du lien, tapez le nom de votre ancre précédé du symbole #, par exemple #creer-ancre-wordpress.
4. Validez le lien et mettez à jour votre page.

Vous venez de créer un lien d’ancrage interne. Lorsque l’utilisateur cliquera dessus, la page descendra automatiquement jusqu’à la section qui possède l’ancre correspondante.

Exemple concret avec Gutenberg

Imaginons un article structuré avec plusieurs titres H2 :

• Introduction
• Pourquoi utiliser des ancres sur WordPress
• Comment créer une ancre sur WordPress avec Gutenberg
• Comment créer une ancre avec Elementor
• FAQ sur les ancres WordPress

Vous pouvez créer une table des matières en haut de la page avec des liens d’ancrage :

• Pourquoi utiliser des ancres sur WordPress
• Créer une ancre avec Gutenberg
• Créer une ancre avec Elementor
• FAQ sur les ancres WordPress

Pour cela, vous aurez préalablement ajouté, dans le champ « Ancre HTML » de chaque titre concerné, les identifiants : pourquoi-ancres-wordpress, creer-ancre-wordpress-gutenberg, creer-ancre-elementor et faq-ancres-wordpress.

Créer une ancre sur WordPress avec un constructeur de pages

Créer une ancre avec Elementor

Si vous utilisez Elementor, la logique reste la même : vous devez définir un identifiant sur la section ou le widget qui servira de point d’ancrage, puis créer un lien avec #id-de-l-ancre. La procédure type est la suivante :

1. Choisissez la section (ou la colonne, ou le widget) qui sera la cible de votre ancre.
2. Dans le panneau de gauche, ouvrez l’onglet « Avancé ».
3. Dans le champ « ID CSS », saisissez un nom d’ancre sans espace, par exemple section-temoignages.
4. Enregistrez ou mettez à jour la page.

Pour créer un lien vers cette ancre :

1. Sélectionnez le texte ou le bouton qui servira de lien.
2. Dans le champ « Lien », saisissez #section-temoignages.
3. Enregistrez les modifications.

Le fonctionnement est identique à celui de Gutenberg : le # indique au navigateur qu’il s’agit d’un lien interne vers un id HTML présent sur la page.

Créer une ancre avec Divi (et autres page builders)

Avec Divi, la création d’ancres suit le même principe :

• dans les options avancées du module, de la ligne ou de la section, vous disposez généralement d’un champ « ID CSS » ;
• vous y saisissez le nom de votre ancre (par exemple offre-principale) ;
• puis vous créez un lien vers cette ancre en utilisant #offre-principale dans le champ de lien du bouton ou du texte.

La plupart des constructeurs de pages modernes (Beaver Builder, WPBakery, Bricks, etc.) proposent un champ similaire pour définir un id ou un « CSS ID ». L’important est toujours le même : l’id doit être unique sur la page et le lien doit pointer vers #id.

Créer une ancre en HTML classique sur WordPress

Ajouter une ancre directement dans le code HTML

Si vous êtes à l’aise avec le HTML ou si vous travaillez sur un thème personnalisé, vous pouvez créer une ancre manuellement dans l’éditeur de code ou dans un fichier de template. Voici quelques exemples :

• Nos tarifs

• ... contenu du formulaire ...
• pour créer un repère invisible en haut de la page.

Une fois l’ancre en place, le lien correspondant s’écrit ainsi :

• Voir nos tarifs
• Accéder au formulaire de contact
• Retour en haut de la page.

Créer un lien d’ancrage entre deux pages

Les ancres ne sont pas limitées à une seule page. Vous pouvez tout à fait créer un lien depuis une page A qui pointe vers une ancre située sur une page B. La syntaxe est la suivante :

Accéder à la section

Ce type de lien est très utile lorsque vous souhaitez, par exemple, renvoyer depuis la page d’accueil vers une section précise d’une page de services, ou depuis un article de blog vers une partie bien définie d’une page de ressources.

Utiliser des ancres dans les menus WordPress

Créer un élément de menu qui pointe vers une ancre

WordPress permet de créer des éléments de menu qui renvoient vers une ancre interne. C’est particulièrement pratique pour les sites « one-page » où le menu doit amener l’utilisateur à différentes sections de la même page.

Pour configurer cela :

1. Dans le tableau de bord WordPress, allez dans « Apparence > Menus ».
2. Dans la colonne de gauche, cliquez sur « Liens personnalisés ».
3. Dans le champ « URL », saisissez l’adresse complète de la page suivie de #nom-de-l-ancre, par exemple https://votre-domaine.com/#section-services ou https://votre-domaine.com/page-services/#formulaire-devis.
4. Dans le champ « Texte du lien », indiquez le libellé qui s’affichera dans le menu, par exemple « Nos services ».
5. Cliquez sur « Ajouter au menu », puis enregistrez.

Dès que l’utilisateur cliquera sur cet élément de menu, il sera redirigé vers la page concernée, directement à la section qui porte l’ancre définie.

Plugins et tables des matières automatiques

Créer automatiquement des ancres avec un plugin

Si vous rédigez régulièrement des articles longs, vous pouvez gagner du temps en utilisant un plugin de table des matières automatique. Ces extensions se chargent de :

• scanner vos titres (H2, H3, parfois H4) ;
• générer automatiquement des ancres à partir de ces titres ;
• créer une table des matières cliquable au début de l’article, avec des liens vers chaque section.

Un tel plugin est particulièrement utile si vous publiez des guides complets, des tutoriels techniques ou des documentations détaillées. Il améliore la lisibilité de vos contenus et uniformise la gestion des ancres sur l’ensemble de votre site, sans que vous ayez à les créer manuellement à chaque fois.

Bonnes pratiques pour optimiser vos ancres

Utiliser des textes d’ancrage pertinents

Le texte cliquable de vos liens d’ancrage, appelé texte d’ancre, doit décrire clairement la section vers laquelle il renvoie. Évitez les formulations vagues du type « cliquez ici » ou « en savoir plus » isolées de leur contexte. Préférez des expressions explicites comme :

• « Voir comment créer une ancre sur WordPress » ;
• « Accéder au tutoriel Gutenberg pas à pas » ;
• « Découvrir les bonnes pratiques pour les liens internes ».

Des textes d’ancrage précis sont plus utiles pour vos lecteurs et aident aussi les moteurs de recherche à mieux comprendre la structure de votre page.

Créer des liens naturels dans le contenu

Intégrez vos liens d’ancrage directement dans le flux du texte, comme vous le feriez avec des liens internes classiques. Par exemple, dans une introduction, vous pouvez écrire :

« Si vous utilisez l’éditeur de blocs, vous pouvez créer une ancre sur WordPress avec Gutenberg en quelques clics. »

Cette approche est plus agréable pour le lecteur qu’une liste de liens sans contexte. Elle vous permet aussi de placer naturellement des mots-clés pertinents dans vos textes d’ancrage.

Limiter le nombre d’ancres inutiles

Il est inutile de transformer chaque sous-titre ou chaque phrase en ancre. Concentrez-vous sur les sections réellement importantes pour la navigation :

• les grandes parties de votre article (H2) ;
• les sous-parties clés susceptibles d’intérêt spécifique (certains H3) ;
• les blocs stratégiques (formulaire, tarifs, témoignages, appel à l’action).

Un excès de liens et d’ancres peut nuire à la lisibilité et donner l’impression d’un texte « sur-optimisé ». L’objectif reste de faciliter la lecture, pas de surcharger la page.

Assurer l’unicité et la cohérence des id

Rappelez-vous que chaque id HTML doit être unique sur la page. Évitez de réutiliser un même nom d’ancre dans plusieurs sections. Avant de créer une nouvelle ancre, vérifiez que le nom choisi n’a pas déjà été utilisé ailleurs sur la page, notamment si vous travaillez avec des blocs dupliqués ou des modèles réutilisables.

Pour garder une bonne cohérence :

• adoptez une convention de nommage (par exemple, préfixer les ancres de FAQ par faq-, celles de sections principales par section-, etc.) ;
• gardez une trace des ancres principales utilisées sur vos pages stratégiques, surtout si vous les mentionnez depuis d’autres contenus ou depuis vos menus.

Cas d’usage concrets des ancres sur WordPress

Améliorer la structure d’un article de blog long

Pour un article de blog de plusieurs milliers de mots, les ancres sont particulièrement utiles. Vous pouvez, par exemple :

• créer une table des matières cliquable en haut de l’article ;
• relier les différentes parties du texte entre elles avec des liens contextuels ;
• renvoyer vers une FAQ en fin d’article avec un lien du type « Consultez la FAQ sur les ancres WordPress ».

Cette approche facilite la navigation, permet au lecteur de revenir facilement à une section donnée et donne une impression de professionnalisme et de clarté.

Créer des pages de vente et des pages « one-page » efficaces

Sur une page de vente ou un site vitrine conçu sur un modèle « one-page », le menu principal renvoie souvent vers des sections de la même page : présentation, services, témoignages, tarifs, contact, etc. Les ancres rendent cette navigation fluide et intuitive.

Par exemple, vous pouvez définir des ancres comme section-services, section-temoignages, section-tarifs, section-contact, puis créer un menu avec des liens personnalisés pointant vers #section-services, #section-temoignages, etc. L’utilisateur a ainsi l’impression de changer de page, alors qu’il reste sur la même URL.

Faciliter l’accès à une FAQ ou à des conditions générales

Les pages de type FAQ ou conditions générales de vente sont souvent longues et denses. En y ajoutant des ancres, vous permettez à vos visiteurs d’accéder directement à la question ou à la clause qui les intéresse.

Vous pouvez par exemple :

• créer une liste de questions au début de la page ;
• associer à chaque question un lien vers une ancre située au niveau de la réponse ;
• ajouter, sous chaque réponse, un lien « Retour au sommaire » pointant vers une ancre située en haut de la page.

FAQ sur les ancres WordPress

Les ancres sont-elles bonnes pour le SEO ?

Les ancres, en elles-mêmes, ne font pas grimper une page dans les résultats de recherche. En revanche, elles contribuent à améliorer l’expérience utilisateur et la structure interne de vos contenus, ce qui peut avoir un impact positif indirect sur le référencement : meilleure lisibilité, temps passé sur la page plus élevé, navigation interne plus claire.

Peut-on utiliser des majuscules dans le nom d’une ancre ?

Techniquement, les majuscules sont autorisées dans les id HTML. Cependant, par convention, on privilégie généralement les minuscules et les tirets pour assurer une meilleure lisibilité et éviter toute confusion lorsqu’on tape ou partage l’URL contenant l’ancre.

Que se passe-t-il si deux éléments ont le même id ?

Si deux éléments sur la même page ont exactement le même id, le navigateur risque de ne pas se comporter comme prévu lorsque l’on clique sur un lien d’ancrage. Il s’arrêtera généralement sur le premier élément trouvé, ce qui peut désorienter vos visiteurs. C’est pourquoi il est important de respecter l’unicité des id.

Comment tester rapidement si une ancre fonctionne ?

Après avoir créé votre ancre et le lien correspondant, mettez à jour votre page, affichez-la côté visiteur, puis cliquez sur le lien d’ancrage. La page doit défiler automatiquement jusqu’à la section cible. Vous pouvez aussi copier l’URL complète avec le #nom-de-l-ancre, la coller dans un nouvel onglet et vérifier que vous arrivez au bon endroit.

Faut-il obligatoirement utiliser Gutenberg pour créer des ancres ?

Non, vous pouvez créer des ancres avec Gutenberg, avec un constructeur de pages, directement dans le code HTML ou grâce à des plugins spécialisés. L’essentiel est toujours le même : associer un id unique à un élément, puis créer un lien qui pointe vers #id.

Conclusion

Créer une ancre sur WordPress est une compétence simple à acquérir, mais extrêmement utile pour améliorer la navigation, l’expérience utilisateur et la lisibilité de vos contenus. Que vous utilisiez l’éditeur Gutenberg, un page builder comme Elementor ou du HTML classique, le principe reste identique : définir un point d’ancrage unique, puis créer un lien qui y renvoie.

En appliquant les bonnes pratiques présentées dans ce guide — noms d’ancres clairs, structure logique, textes d’ancrage pertinents et utilisation raisonnée des liens — vous pourrez concevoir des pages mieux organisées, plus agréables à parcourir et plus faciles à comprendre, aussi bien pour vos visiteurs que pour les moteurs de recherche.