Ancrages dans les en-têtes, ou vice versa - y a-t-il une différence par rapport au référencement? [fermé]


86

Je tombe toujours sur cette (question assez simple) lors de la création par exemple de blogs Wordpress. Dois-je envelopper le titre, qui devrait également être un lien, dans un <a>élément d' ancrage , ou devrait-il être l'inverse. Et pourquoi?

(1) :

<a href="foo">
    <h1>bar</h1>
</a>

(2) :

<h1>
    <a href="foo">bar</a>
</h1>

Je finis toujours par faire (1) , car cela me semble plus logique, que le titre soit enveloppé dans un lien.

Cela fait-il une différence dans le référencement, par exemple? Reflétera-t-il le classement SEO?


3
Cette question sur Pro Webmasters est ce que vous recherchez
John Conde


2
Je vote pour fermer cette question car, bien que cela soit sur le sujet lorsqu'on lui a posé la question, les questions de référencement non liées à la programmation ne le sont plus ici et devraient être posées aux Webmasters . Plus précisément la balise d'ancrage précédemment liée à l'intérieur de <h1> ou <h1> à l'intérieur de la balise d'ancrage: qu'est-ce qui est mieux? répond à cette question là.
dbc

Réponses:


78

Avant HTML5:
L'ancre doit être à l'intérieur de l'en-tête, vous ne pouvez pas placer un élément de niveau bloc dans une ancre, et la plupart des navigateurs ne le rendront pas de manière fiable à 100% si vous le faites.

En HTML5:
peu importe, utilisez celui qui a le plus de sens sémantique . Probablement le premier.

N'oubliez pas que si votre document utilise des DTD HTML4, il ne sera pas validé et risque de ne pas s'afficher correctement car il utilise les anciennes règles où une ancre ne peut pas contenir d'élément de niveau bloc. N'utilisez que la première option en HTML5. XHTML est équivalent à HTML4, je ne suis pas sûr à 100% de XHTML1.1 (essayez-le et voyez s'il valide).


8

Si vous utilisez une DTD HTML 4.01 (pas sûr de la transition, mais certainement de la stricte), alors l'élément d'ancrage doit apparaître à l'intérieur de l'élément d'en-tête. Vérifiez votre doctype si vous ne savez pas quelle DTD vous utilisez (en supposant que vous en ayez une, dont vous avez besoin pour que votre code soit considéré comme valide). Le doctype HTML5 ressemble à ceci:

<!DOCTYPE HTML>

Le doctype 4.01 est:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

Je suggérerais également de vous familiariser avec la DTD elle-même si vous allez travailler avec 4.01, elle répondra à tous ces types de questions.


En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.