John Mueller von Google schlägt vor, JavaScript-Code unter dem HTML-Header-Tag zu platzieren, um sicherzustellen, dass Such-Crawler Ihre Website vollständig verstehen können.
Mueller teilt diesen Rat in einem Reddit-Thread, in dem ein Benutzer fragt, ob die Platzierung von HTML-Code SEO-Probleme verursachen könnte.
Die Antwort ist ja; Die Platzierung von HTML-Code könnte sich negativ auf Ihre SEO-Bemühungen auswirken, wenn er nicht oben auf der Seite erscheint.
Genauer gesagt ist es wichtig, dass der
-Abschnitt des HTML-Dokuments oben auf der Seite bleibt. Dieser Abschnitt sollte die Informationen enthalten, die Google benötigt, um Ihre Website richtig zu lesen.Jeglicher JavaScript-Code sollte unter den HTML-Headern platziert werden.
Um sicherzustellen, dass das JavaScript den Abschnitt
nicht stört, empfiehlt Mueller die Verwendung des Rendering-Tools in der Search Console:„Die HTML-Header (
) sollten ziemlich oben sein. Ich würde jedes JS unter die HTML-Header verschieben und mit dem Rendering-Tool in der Suchkonsole überprüfen, ob das JS den -Abschnitt nicht durcheinander bringt.“
In Bezug auf den Hauptinhalt sagt Mueller, dass seine Platzierung weniger wichtig ist, obwohl es entscheidend ist, dass der Abschnitt
sauber und gut organisiert ist, damit der Googlebot ihn richtig verstehen kann.Müller fährt fort:
„Für den Inhalt spielt es keine so große Rolle, aber da das Head-Zeug für maschinenlesbare Informationen bestimmt ist, die sich nachweislich in einem bestimmten Teil der Seite befinden, muss es oben wirklich sauber sein.
Nieder mit JavaScript! (im
)“
Warum ist die Platzierung von JavaScript für SEO wichtig?
Beim Entwerfen einer Website ist es am besten, JavaScript-Code am Ende des HTML-Dokuments in der Nähe des schließenden -Tags einzufügen.
Das liegt daran, dass JavaScript das Rendern einer Webseite beim Laden verzögern kann, was zu einer schlechten Benutzererfahrung führt.
Indem das JavaScript unten auf der Seite platziert wird, kann der HTML-Code zuerst gerendert werden, sodass der Benutzer den Inhalt anzeigen kann, während das JavaScript im Hintergrund geladen wird.
Darüber hinaus können Sie verhindern, dass externe JavaScript-Dateien die Wiedergabe der Seite blockieren, indem Sie die Attribute async oder defer verwenden.
Quelle: Reddit
Ausgewähltes Bild: StockEU/Shutterstock
