L'ancre et les moteurs de recherche

Les ancres bénéfiques pour le référencement.

J'ai toujours voulu y croire. Il se trouve qu'en préparant un billet sur la composition d'un article en HTML5 la question est revenue me tarauder l'esprit.

Dans ce billet en gestation je me souciais, non pour des questions de référencement, mais simplement pour des questions de structure sémantique du code HTML5, de la meilleure manière d'écrire le code d'une ancre. Pas son contenu textuel, non : son code.

• • • Le code des ancres et le comportement des moteurs de recherche. Lequel choisir ?

Utilisation des ancres internes et le référencement

D'aucuns mettent en évidence l'intérêt des ancres pour le référencement. Google a fait apparaître l'année dernière sur ses pages de résultats de recherche des descriptions incluant des liens directs vers des paragraphes disposant d'un ancre. L'intérêt est donc grand pour les référenceurs qui y voient la possibilité d'optimiser la page sur des mots clés de première importance. C'était le point #1.

Coder l'ancre d'une page

Point #2. Vous le savez il y a manière et manière de coder une ancre. Sur ce blog j'utilise les 2 :
Mais laquelle est la bonne pour le référencement car elles le sont toutes les 2 du point de vue du code ?

L'ancre avec la balise a

On peut par exemple placer une balise a avec une id — l'id, au demeurant, pouvant recevoir un mot-clé — de telle manière :


<h1>Sommaire</h1>
<p><a href="#section1">Introduction</a><br />
<a href="#section2">Un peu d'histoire</a><br />
<a href="#section2.1">Notes de l'histoire</a></p>
<h2><a id="section1">Introduction</a></h2>
...blah blah blah de la section 1...
<h2><a id="section2">Un peu d'histoire</a></h2>
...blah blah blah de la section 2...
<h3><a id="section2.1">Notes de l'histoire</a></h3>
...blah blah blah de la section 2.1...

L'autre manière que je trouve plus élégante est de placer l'attribut ID sur le titre même :

L'ancre avec l'ID sur la balise d'en-tête


<h1>Sommaire</h1>
<p><a href="#section1">Introduction</a><br />
<a href="#section2">Un peu d'histoire</a><br />
<a href="#section2.1">Notes de l'histoire</a></p>
<h2 id="section1">Introduction</h2>
...blah blah blah de la section 1...
<h2 id="section2">Un peu d'histoire</h2>
...blah blah blah de la section 2...
<h3 id="section2.1">Notes de l'histoire</h3>
...blah blah blah de la section 2.1...

Oui mais voilà : laquelle choisir pour garantir que l'ancre dans les 2 cas ait le même impact en terme de référencement ? Notez que dans les 2 cas j'ai bien sûr vérifié que les robots suivent bien les liens vers les ancres.

Avez-vous un avis sur la question ?
Voulez-vous le faire partager ?

C'est à vous : la boîte à commentaires est en dessous.


HTLML 5 et CSS 3 blog


Commentaires :

Victor||#1
Victor
Très bonne question mais je n'en ai aucune idée. Voila un commentaire qui va faire avancer le schmilblick. :D
Gnomecorp||#2
Gnomecorp
Moi je ne vois aucune différence entre les deux codages proposées ci-dessus, mais je n'utilise que la première, un lien étant pour moi associé à la balise .
Les commentaires pour cet article peuvent être suivis via ce fil.


C'est pour un commentaire ?

Les champs signalés par la cloche doivent être remplis.




Si vous voulez mettre du code dans votre commentaire, ne mettez pas de crochets, sinon, la balise sera interprétée.

Je sens que je vais dire quelque chose...



math captcha