Anker in Headern oder umgekehrt - gibt es einen Unterschied in Bezug auf SEO? [geschlossen]

86

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?

— Frederik Wordenskjold
quelle

3

Diese Frage auf Pro Webmasters ist, was Sie suchen

— John Conde

Mögliches Duplikat davon ist korrekter: <h1> <a> ... </a> </ h1> ODER <a> <h1> ... </ h1> </a>

— mhrabiee

2

Ich stimme dafür, diese Frage zu schließen, da nicht programmierte SEO-Fragen hier nicht mehr zum Thema gehören und bei Webmasters gestellt werden sollten, obwohl dies zum Zeitpunkt der Frage thematisch war . Speziell das zuvor verknüpfte Anchor-Tag in <h1> oder <h1> innerhalb des Anker-Tags: Was ist besser? beantwortet diese Frage dort.

— dbc

77

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

— animuson
quelle

8

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:

<!DOCTYPE HTML>

Der Doctype 4.01 lautet:

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

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.

— MGZero
quelle

-2

Erstens ist man am besten für die SEO da Google Index das sehr einfach.

— themarketingboy
quelle