HTML anchor link : définition et utilisation

Kelly Lyons

mars 06, 20236 min de lecture
HTML anchor link

TABLE DES MATIÈRES

Dans le code HTML, vous utilisez généralement des balises d’ancrage (ou balises <a>) pour créer des hyperliens. Les balises d’ancrage modifiées avec l’attribut « href » créent des liens cliquables qui réorientent l’internaute vers d’autres pages de votre site ou vers d’autres sites web.

Vous pouvez également utiliser la balise d’ancrage pour créer des liens d’ancrage (HTML anchor link). Les liens d’ancrage (ou liens de « saut ») renvoient à différentes sections d’une même page web. 

Lorsque vous créez des liens textuels avec la balise <a>, vous devez utiliser une sorte de texte d’ancrage. Le texte d’ancrage est la partie du lien qui est cliquable. Google utilise ce texte pour en savoir plus sur le lien et le contenu vers lequel il renvoie.

Les liens d’ancrage (HTML anchor link) sont-ils un atout pour l’expérience utilisateur ?

Ils peuvent certainement contribuer à l’améliorer. Les internautes les utilisent pour naviguer sur une page web et ils peuvent offrir une bonne expérience de navigation.

Les liens d’ancrage sont couramment utilisés dans les tables des matières des pages longues et/ou visuellement denses. Lorsque le lecteur arrive sur une page, il veut savoir instantanément si les informations qu’elle contient sont utiles ou pertinentes pour sa recherche. 

Une table des matières comprenant des liens d’ancrage clairs et cliquables résume votre page et permet aux lecteurs de « sauter » à la section qui les intéresse le plus.

Les liens d’ancrage sont-ils un atout pour le référencement ?

Les liens d’ancrage (HTML anchor link) n’ont pas en eux-mêmes un impact significatif sur votre positionnement dans Google. Mais ils contribuent à améliorer l’expérience utilisateur et à produire des « featured snippets », ou extraits vedettes, qui renforcent votre positionnement au fil du temps.

En 2021, Google a lancé sa mise à jour de l’algorithme Core Web Vitals, qui met l’accent sur l’expérience utilisateur dans le classement d’un site web. Les principaux domaines d’intérêt de cette mise à jour incluent l’interactivité des utilisateurs, ce qui signifie que Google accorde désormais une plus grande attention à la manière dont les utilisateurs interagissent avec vos pages web, et notamment à la durée de leur visite.

Si un utilisateur n’est pas en mesure de déterminer rapidement le sujet de votre page web, il est fort probable qu’il sortira de votre site dans la foulée, ce qui augmentera votre taux de rebond. 

Google a également fait remarquer, il y a plusieurs années, que les liens de saut de votre page web pourraient devenir des extraits vedettes dans leurs SERP. Lorsque cela se produit, les utilisateurs verront une liste de liens d'ancrage dans les extraits, ce qui peut contribuer à signaler que votre page est utile et pertinente par rapport à leur intention de recherche. 

Dans l’exemple suivant, nous voyons une liste de liens d’ancrage (au format liste) tirée d’une page web et convertie en extrait vedette :

HTML anchor link

Si vous créez des liens d’ancrage, Google peut également les inclure dans la présentation de votre page sur la SERP. Dans l’exemple suivant, Google inclut un lien d’ancrage vers « Conseils nutritionnels » sur une page consacrée aux acides gras trans, afin que les utilisateurs puissent accéder directement à cette section de la page à partir de la SERP :

HTML anchor link

Ainsi, bien que vous ne soyez pas pénalisé si vous ne les utilisez pas, il peut être utile, lorsque c'est pertinent, d’inclure des liens d’ancrage sur votre page web. Utilisez-les pour renseigner Google sur le contenu de votre page et aider les internautes à trouver les sections de la page qu’ils souhaitent lire, et à y accéder. 

Comment créer un lien d’ancrage 

Pour ajouter un HTML anchor link, vous devez suivre deux étapes :

1. Attribuer l’attribut ID avec la balise <a>

Nous pouvons attacher un ID à un titre avec la balise <a> selon un processus similaire à celui utilisé pour créer des hyperliens. 

Supposons que nous ayons créé une page web sur les solutions de référencement et que nous souhaitions ajouter un lien vers une section sur le SEO local. Nous créons un titre de deuxième niveau pour la section, puis nous ajoutons un lien d’ancrage avec la balise <a> :

<Anchor Text/><a id="localSEO"><h2>SEO local</h2></a>

Nous pouvons également inclure l’ID d’ancrage dans la balise de titre :

<Anchor Text/><h2 id="Local-SEO">Section name</h2>

Pour ajouter un ID d’ancrage à une image, incluez-le dans la balise d’image HTML en tant qu’attribut :

<Anchor Text/><img id="anchor-name"src="/images/localseo.jpeg"/>

2. Ajouter l’attribut d’ID à un lien HTML

Pour créer le lien d’ancrage, vous utiliserez l’attribut href. Toutefois, au lieu d’ajouter un lien vers une page web, vous utiliserez l’ID d’ancrage avec le signe dièse (#) :

<Anchor Text/><a href="#localSEO">Local SEO Section</a>

Lorsque l’utilisateur clique sur le lien ci-dessus, il « saute » au titre de deuxième niveau avec l’ID "localSEO".

Meilleures pratiques pour les liens d'ancrage

Vous pouvez ajouter des liens d’ancrage à n’importe quel texte de votre page. Cependant, il est conseillé d’attacher des liens d’ancrage aux titres et aux sous-titres. Les deux conviennent bien pour résumer le contenu de votre page, que ce soit pour les internautes ou pour les crawlers des moteurs de recherche.

Lorsque vous ajoutez des liens d’ancrage à vos titres, le texte du titre fait office de texte d’ancrage du lien. Il importe donc de choisir des titres et des sous-titres pertinents, riches en mots-clés, qui indiquent aux internautes et aux moteurs de recherche le contenu de chaque section.

Efforcez-vous de choisir une expression clé pour vos liens d’ancrage. Les liens à mot unique peuvent parfois prêter à confusion et ne donnent pas à Google beaucoup d’informations sur le lien ou la page vers lesquels ils renvoient. 

Utilisez des mots descriptifs qui donnent aux lecteurs une idée de ce qui les attend une fois qu’ils auront cliqué sur le lien. Si votre lien d’ancrage s’intitule « SEO local », par exemple, les internautes s’attendront à accéder à la partie de la page contenant des informations sur le référencement local. 

Vous pouvez utiliser l’outil Topic Research pour rechercher des titres potentiels convenant au contenu de votre page web. Commencez par le mot-clé que vous désirez cibler et sélectionnez un domaine cible. 

Si vous souhaitez créer un contenu destiné aux lecteurs d’une zone de service ou d’un pays différent du vôtre, utilisez la fonction de localisation pour définir le pays, la région, la ville et la langue cibles : 

HTML anchor link

L’outil renvoie des sous-thèmes pertinents et une liste de mots-clés associés pour chaque sujet :

Vous pouvez cliquer sur chaque page pour lire des articles sur chaque sujet, ce qui vous permettra de mieux comprendre comment les autres articles sur le classement structurent leurs titres et leurs en-têtes.

SEO Content Template peut également vous aider à choisir des titres pour votre contenu. L’outil analyse les 10 premiers articles classés pour vos mots-clés, puis crée un modèle de recommandations que vous pouvez utiliser pour créer votre propre contenu.

Le modèle comprend des suggestions concernant la lisibilité, la longueur du texte, les backlinks et les titres :

HTML anchor link

Principaux points à retenir

  • Les liens d’ancrage structurés (HTML anchor link) offrent une meilleure expérience utilisateur et peuvent vous aider à obtenir des « featured snippets », ou extraits vedettes.
  • Créez des titres et en-têtes pertinents, enrichis en mots-clés, afin que les lecteurs et les moteurs de recherche puissent comprendre facilement la structure de vos pages web.
  • Les outils de marketing de contenu vous aident à élaborer un contenu facile à lire et adapté au référencement. 
Partager
Author Photo
Writer, editor, SEO strategist, and supporter of the Oxford comma. There‘s little I enjoy more than lounging on my couch playing video games and snuggling with my dog.
En savoir plus