Ich habe versucht, <h1>
Tags in meinem Blog für den Post-Titel zu verwenden, und bin auf ein Problem gestoßen. Titel ist verlinkt.
Fall 1:
<h1> <a href=""> xyz </a> </h1>
Fall 2:
<a href=""> <h1> xyz</h1> </a>
Welches ist in Bezug auf SEO besser?
Sie sind die gleichen, was SEO betrifft. (Normalerweise enthalten Block-Level-Elemente Inline-Elemente und nicht umgekehrt. Sie sollten also das erste Beispiel verwenden, dies hat jedoch keine Auswirkungen auf die SEO.)
quelle
<a><h1></h1></a>
. Ansonsten verwenden Sie das traditionelle Muster von<h1><a></a></h1>
. Google achtet gleichermaßen auf beide Methoden, aber einige Browser spielen möglicherweise nicht gut mit dem nicht standardmäßigen Muster zusammen, WENN Sie nicht den richtigen Doctype (HTML5) haben.Sie sind beide korrekt in HTML5 , HTML erlaubt Block-Elemente in Inline-Elementen. Dies hat auch keine Auswirkung auf die Suchmaschinenoptimierung. In beiden Fällen wird der Text in die Überschrift eingeschlossen, sodass der Wert unverändert bleibt.
Es ist keine Wahl der Gültigkeit, sondern eine Präferenz in der Benutzeroberfläche:
Ich habe dir ein Beispiel auf jsFiddle.net gemacht
quelle
Ich stelle fest, dass bei Fall 2 die
href
Einfügung häufig nicht mit dem Rest meiner Seite übereinstimmt. Aber auf diese Weise könnte ich meine Margen in meine festlegen.css
. Daher würde ich Fall 1 bevorzugen.quelle
Was hier gesagt wird, ist aufschlussreich, ich danke Ihnen allen. Nehmen wir es noch einmal auf: Hinzufügen von Mikrodaten und dergleichen in die Gleichung.
Sagen wir, wir haben
im Wettbewerb mit
Für mich ist Beispiel 2 "unabhängig von der Leistung" sinnvoller. Weil der Link niemals Teil des Namens ist. Der Unterschied läuft auf den Unterschied zwischen innerHTML und textContent, DOMwise, hinaus. Betrachtet man es mit innerHTML, so steht der Anker im Weg. Wenn textContent der richtige Weg wäre, würden Tags entfernt. Das wirft auch die Frage auf: innerHTML oder textContent.
Unter Berücksichtigung der Mikrodaten würde ich sagen, dass der Anker auf der Außenseite reiner ist.
basierend auf: http://thenewcode.com/617/How-To-Add-Microdata-To-Your-Blog
quelle
<h1> <a href=""> xyz </a> </h1>
Dieses Beispiel ist richtig.quelle
Block Level Links sollten aus SEO-Gründen vermieden werden - aus dem Maul des Pferdes: https://www.seroundtable.com/block-level-links-google-seo-16369.html
Update: Imbiss vom Link ...
Wie andere gesagt haben, ist es in Ordnung, eines der beiden Verknüpfungskonstrukte zu haben. Für SEO-Zwecke sollten Sie jedoch den Ankertext sauber halten, damit Google den Anker besser interpretieren und die entsprechende Relevanz zuweisen kann.
John Mueller (Webmaster Trends Analyst bei Google) fährt fort:
TL; DR Verwenden Sie für SEO keinen Link auf Blockebene.
quelle
Wenn der Zweck darin besteht, zusätzliche anklickbare Elemente im Link zu haben (wie ein Bild usw.) und dennoch mit HTML <5 zu validieren, können Sie dies mit Javascript auf beide Arten tun:
sonst einfach:
hinzufügen
cursor:pointer
zu CSS-Mutterelement der Trick komplett.quelle