Ich stolpere immer über diese (ziemlich einfache Frage), wenn ich zB Wordpress-Blogs mache. Sollte ich die Überschrift, die auch ein Link sein sollte, in ein Ankerelement einwickeln <a>oder sollte es umgekehrt sein? Und warum?
(1) :
<a href="foo">
<h1>bar</h1>
</a>
(2) :
<h1>
<a href="foo">bar</a>
</h1>
Am Ende mache ich immer (1) , da es mir nur logischer erscheint, dass die Überschrift in einen Link eingeschlossen ist.
Macht es einen Unterschied in zB SEO? Wird es das SEO-Ranking widerspiegeln?
Antworten:
Vor HTML5:
Der Anker muss sich in der Kopfzeile befinden. Sie können kein Element auf Blockebene in einen Anker einfügen, und die meisten Browser rendern es in diesem Fall nicht zu 100% zuverlässig.
In HTML5:
Es spielt keine Rolle, verwenden Sie das, was am semantischsten ist. Wahrscheinlich der erste.
Denken Sie daran, dass Ihr Dokument, wenn es HTML4-DTDs verwendet, nicht validiert und möglicherweise nicht korrekt gerendert wird, da es die alten Regeln verwendet, bei denen ein Anker kein Element auf Blockebene enthalten kann. Verwenden Sie nur die erste Option in HTML5. XHTML entspricht HTML4, ich bin mir jedoch nicht 100% sicher, was XHTML1.1 betrifft (probieren Sie es aus und prüfen Sie, ob es validiert ist).
quelle
Wenn Sie eine HTML 4.01-DTD verwenden (nicht sicher über den Übergang, aber definitiv über den strengen), muss das Ankerelement im Header-Element erscheinen. Überprüfen Sie Ihren Doctype, wenn Sie nicht wissen, welche DTD Sie verwenden (vorausgesetzt, Sie haben eine, die Sie benötigen, damit Ihr Code als gültig angesehen wird). Der HTML5-Doctype sieht folgendermaßen aus:
Der Doctype 4.01 lautet:
Ich würde auch vorschlagen, sich mit der DTD selbst vertraut zu machen, wenn Sie mit 4.01 arbeiten. Sie beantwortet alle diese Arten von Fragen.
quelle
Erstens ist man am besten für die SEO da Google Index das sehr einfach.
quelle