it-swarm.com.de

Anchor-Tag innerhalb von <h1> oder <h1> innerhalb von Anchor-Tag: Was ist besser?

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?

52
Sangram

Wenn Sie HTML5 verwenden, wähle einfach einen aus; Sie sind gleichwertig.
HTML5 erlaubt Links auf Blockebene , aber in Ihrem Fall gibt es keinen besonderen Grund, dies zu tun, da es nur ein Element auf Blockebene gibt. Persönlich würde ich es hier nicht tun, da das <h1> -Tag an der Außenseite das Scannen im Quellcode erleichtern würde.

Alles andere (XHTML, HTML4 usw.) und das zweite ist einfach falsch. Es wäre kein gültiger Code, und in gewisser Hinsicht ist das schlecht für Ihre Suchoptimierung.

56
Su'

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.).

11
John Conde

Beide sind in HTML5 korrekt , HTML erlaubt Blockelemente 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:

  • Wenn Sie den Header um den Anker wickeln und einen großen Anker erstellen, kann nur auf den Text geklickt werden.
  • Wenn Sie den Anker um den Header wickeln, kann auf die gesamte Zeile geklickt werden.

Ich habe dir ein Beispiel auf jsFiddle.net gemacht

6
Martijn

Ich stelle fest, dass in Fall 2 die href -Einfügung häufig nicht mit dem Rest meiner Seite übereinstimmt. Aber so könnte ich meine Ränder in meinem .css einstellen. Daher würde ich Fall 1 bevorzugen.

4
Guy Thomas

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

<h1 itemprop="name"><a href="http://goldenage.com/maths.html"
itemprop="url">Mathematics in The Muslim Golden Age</a></h1>

im Wettbewerb mit

<a href="http://goldenage.com/maths.html" itemprop="url"><h1
itemprop="name">Mathematics in The Muslim Golden Age</h1></a>

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

1

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 für die Verknüpfung gut, wenn eines der beiden Verknüpfungskonstrukte vorhanden ist. 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:.

Diese Verwendung wäre in Ordnung für uns (Google) - wir würden den Link trotzdem aufnehmen und könnten Ihren Text als Anker damit verknüpfen. Wir sind ziemlich flexibel beim Parsen von HTML, sodass Sie dies wahrscheinlich sogar mit HTML4 verwenden können. Das heißt, je klarer Sie Ihren Ankertext gestalten, desto einfacher ist es für uns, den Kontext des Links zu verstehen. Daher würde ich nicht unbedingt immer einen ganzen Absatz als Anker für alle Ihre internen Links verwenden.

TL; DR Verwenden Sie für SEO keinen Link auf Blockebene.

0
Adders

<h1> <a href=""> xyz </a> </h1> Dieses Beispiel ist korrekt.

0
rakonda