Ancre de lien : créer un lien vers une section en HTML et dans votre CMS, et ce que cela apporte au SEO

Une ancre de lien, aussi appelée lien d'ancrage ou lien interne de page, est l'une des plus anciennes fonctions du HTML et l'une des plus utiles sur les contenus longs. Elle permet au lecteur d'aller directement à la réponse qu'il cherche au lieu de faire défiler la page. Google considère les liens comme un signal central des relations entre pages, et ses bonnes pratiques sur les liens rappellent qu'un lien doit être un véritable élément a avec un href. Ce guide montre comment créer une ancre de lien en HTML et dans les principaux CMS, ce qu'elle apporte au SEO et aux réponses des IA, et son lien avec le texte d'ancre.

Qu'est-ce qu'une ancre de lien ?

Une ancre de lien est un lien hypertexte dont la destination est un emplacement à l'intérieur d'une page. L'URL se termine par un dièse suivi d'un identifiant, appelé fragment : exemple.com/guide#etape-3. Au clic, le navigateur charge la page (ou y reste) et fait défiler jusqu'à l'élément dont l'id est etape-3.

Trois usages reviennent souvent :

• Navigation dans la page : une table des matières en haut d'un article, ou un lien « retour en haut ».
• Liens profonds depuis une autre page : renvoyer d'un article vers une section précise d'un autre, par exemple une définition dans un glossaire.
• Partage d'un passage précis : envoyer un collègue directement au paragraphe qui répond à sa question.

Les moteurs de recherche considèrent exemple.com/guide et exemple.com/guide#etape-3 comme la même page. Le fragment ne crée jamais de nouvelle URL à indexer : une ancre de lien ne peut donc pas provoquer de contenu dupliqué.

Comment créer une ancre de lien en HTML ?

Deux morceaux de code suffisent : un id sur la destination et un lien qui pointe vers lui.

1. Ajouter un id à la cible : <h2 id="tarifs">Tarifs</h2>. Utilisez des minuscules, des chiffres et des tirets, sans espace ni accent, et gardez chaque id unique dans la page.
2. Le lier dans la même page : <a href="#tarifs">Voir les tarifs</a>.
3. Le lier depuis une autre page : <a href="/guide#tarifs">Section tarifs du guide</a>.
4. Tester : cliquez sur le lien, vérifiez que le titre apparaît en haut de l'écran et qu'il n'est pas masqué par un en-tête fixe (la propriété CSS scroll-margin-top corrige ce défaut).

L'ancienne méthode, <a name="tarifs"></a>, fonctionne encore dans les navigateurs mais elle est obsolète en HTML5. Placez l'id sur le titre lui-même. Une fonction voisine, les fragments de texte, permet à un lien de surligner un passage sans aucun id, avec la syntaxe #:~:text=, comme le documente MDN. Google utilise ce mécanisme quand il fait défiler les visiteurs jusqu'au passage cité dans certains extraits optimisés.

Comment ajouter une ancre de lien dans WordPress, Shopify, Webflow ou Wix ?

Chaque grand CMS permet de définir un id sans toucher au thème. Seul le nom du champ change d'un outil à l'autre.

Si votre CMS génère les id tout seul, vérifiez-les : certains reprennent le texte complet du titre, ce qui produit des fragments longs et instables qui cassent dès que vous modifiez le titre.

Les ancres de lien aident-elles le SEO ?

L'ancre de lien sert d'abord le confort de lecture. Sa valeur SEO est indirecte, mais réelle sur les contenus longs :

• Liens « Accéder à » dans les résultats : sur les pages longues et bien structurées, Google affiche parfois des liens vers des sections sous le résultat, ce qui peut augmenter la visibilité et les clics. Google décide seul de leur affichage.
• Meilleure identification des passages : des titres clairs avec des id aident les moteurs et les assistants IA à repérer une réponse précise dans une page longue, la même logique que celle des extraits optimisés.
• Engagement : une table des matières permet au lecteur d'atteindre la partie utile, au lieu de partir la chercher ailleurs.
• Accessibilité : les liens d'évitement et la navigation interne aident les personnes qui naviguent au clavier ou avec un lecteur d'écran, un principe repris par les règles d'accessibilité du W3C.
• Liens internes précis : pointer vers #definition dans un autre article envoie le lecteur au passage exact, ce qui renforce votre maillage interne.

Ce que les ancres de lien ne font pas : elles ne transmettent pas d'autorité supplémentaire, puisqu'un lien vers page#section compte comme un lien vers la page, et elles ne remplacent pas un bon contenu. Un avertissement technique vient directement des bases du SEO JavaScript de Google : n'utilisez pas les fragments pour charger un contenu différent, car Googlebot ne peut pas résoudre ces URL de façon fiable. Réservez les fragments au défilement dans un contenu déjà présent sur la page.

Quelle différence entre une ancre de lien et un texte d'ancre ?

Les deux notions sont proches et souvent confondues. L'ancre de lien concerne la destination du lien (une section). Le texte d'ancre concerne ce que dit le lien (les mots cliquables). Notre fiche du glossaire sur le texte d'ancre traite ce second sujet en détail.

Quelles bonnes pratiques pour les ancres de lien et leur texte ?

Chaque ancre de lien a aussi un texte d'ancre : les deux séries de règles s'appliquent ensemble.

• Des id courts et lisibles : #tarifs, #installation, plutôt que #section-1 ou un fragment de 12 mots.
• Un texte de lien descriptif : Google recommande un texte descriptif, assez concis et pertinent, et déconseille les formules génériques comme « cliquez ici ».
• Une table des matières sur les pages longues : au-delà d'environ 1500 mots, listez les sections H2 en haut de page, chacune liée à son id.
• Des titres en questions : des titres formulés comme les questions des internautes rendent les liens de section plus utiles et plus faciles à citer.
• Des id stables : ne changez pas un id après publication si d'autres pages ou sites pointent vers lui.
• Une structure vérifiée : un analyseur de structure des titres montre si vos niveaux H2 et H3 sont propres avant d'ajouter des ancres.

Quelles erreurs éviter ?

• Des id en double : deux éléments avec le même id font sauter le lien vers le premier seulement.
• Des cibles masquées : un titre placé dans un onglet ou un accordéon fermé peut être inaccessible au lien.
• Un en-tête fixe qui couvre le titre : ajoutez scroll-margin-top en CSS.
• Une navigation par fragments : les applications monopage qui changent de contenu avec des URL en #/page sont difficiles à explorer pour Google.
• Un texte d'ancre suroptimisé : répéter le même mot-clé exact dans chaque lien passe pour de la manipulation.

Conclusion

Une ancre de lien envoie le lecteur vers une section précise d'une page grâce à un fragment #id. Vous la créez en ajoutant un id au titre puis en le liant, en HTML ou dans les réglages de votre CMS. Ses bénéfices SEO sont indirects mais concrets sur les contenus longs : tables des matières, liens de section possibles dans Google, passages plus clairs pour les réponses des IA et liens internes plus précis, à condition que le texte d'ancre reste descriptif. Si vous préférez ne pas structurer chaque article à la main, Sorank, notre logiciel SEO et GEO en autopilote, rédige des articles structurés avec des titres en questions et des liens internes, puis les publie sur votre CMS : découvrez le générateur d'articles de blog par IA et testez-le avec 3 jours offerts.