Die meisten modernen Websites enthalten JavaScript, was sie dynamisch und interaktiv macht. Obwohl Suchmaschinen-Bots ziemlich intelligent sind, zeigen sie möglicherweise immer noch nicht viel von JavaScript-Inhalten an, was sich auf das Seitenranking auswirkt.
Der JavaScript-Inhalt hängt stark davon ab, wie Ihre Website den Code rendert.
Beispielsweise enthält der Server in der serverseitigen Darstellung den Inhalt der Website. Auf Anfrage erhält der Browser das vollständige HTML.
Beim clientseitigen Rendering wird das JavaScript jedoch vom Browser mithilfe des DOM gerendert.
Die dritte Rendering-Option ist das dynamische Rendering, bei dem clientseitig gerenderter Inhalt an den Browser geht, während serverseitig gerenderter Inhalt an Suchmaschinen geht.
Rendering-Techniken wirken sich auf die Art und Weise aus, wie JS gerendert wird, und damit auf das Seitenranking.
Um sicherzustellen, dass der gesamte JS-Code auf Ihrer Website gerendert wird, müssen Sie die richtigen JavaScript-SEO-Praktiken befolgen. Aber zuerst wollen wir verstehen, was JavaScript SEO ist.
Was ist JavaScript-SEO?
JavaScript SEO macht es Suchmaschinen leicht, den JavaScript-Code (dynamischen Inhalt) einer Website (oder Webseite) zu crawlen und zu indizieren. Google oder jede andere Suchmaschine verarbeitet JavaScript in drei Phasen, nämlich Crawlen, Rendern und Indizieren. Damit Google all dies tun kann, muss der JavaScript-Inhalt SEO-freundlich sein, d. h. sichtbar und verfügbar sein.
Wie Google JavaScript-Inhalte auf einer Seite verarbeitet
Dies sind die Schritte, die der Googlebot ausführt, um JavaScript zu verarbeiten:
- Ruft eine Ablaufverfolgungswarteschlangen-URL über die HTTP-Anforderung ab
- Überprüft die robots.txt-Datei auf URLs, die die Website nicht crawlen lässt
- Überspringt „unzulässige“ URLs, analysiert die Antwort auf andere URLs und fügt sie der Crawl-Warteschlange hinzu
- Stellt Seiten zum Rendern in die Warteschlange, mit Ausnahme derjenigen, die für die Indexierung markiert sind
- Chromium rendert die Seite, führt JavaScript aus und indiziert die Seite
- Analysieren Sie das gerenderte HTML erneut auf Links
- Warteschlangen-URLs zum Crawlen
Wann indiziert Google keine JavaScript-Inhalte?
Google kann JavaScript indizieren, wenn es korrekt implementiert ist. Wenn beispielsweise einige Ihrer JS- und CSS-Dateien ausgeblendet sind, kann Google die Website möglicherweise nicht korrekt crawlen. Wenn Sie Links im Roh-HTML haben, die im gerenderten HTML nicht vorhanden sind, kann Google ebenfalls verhindern, dass diese Links gecrawlt oder indexiert werden.
Auch wenn JavaScript nicht direkt in das HTML eingebettet ist, muss Google die Datei zur Ausführung herunterladen. Außerdem haben Suchmaschinen möglicherweise eine zwischengespeicherte Version einer Webseite (für eine bessere Leistung) und das JavaScript auf der Seite ist möglicherweise nicht damit synchronisiert.
Da jeder Teil des JavaScript-Codes gelesen werden muss, kann die übermäßige Verwendung von JavaScript die Seitengeschwindigkeit verlangsamen oder Zeitüberschreitungsfehler verursachen.
Warum ist JavaScript-SEO wichtig?
JavaScript-SEO ist wichtig, da es viele On-Page-Elemente und Ranking-Faktoren beeinflusst, die Google (oder Suchmaschinen) für SEO scannen:
Element auf der Seite
Mögliches SEO-Problem
Mögliche SEO-Lösung
gerenderten Inhalt
Suchmaschinen (wie Google) können Ihre Seite nicht anzeigen, wenn ihre Ressourcen in der robots.txt-Datei Ihrer Website gesperrt sind. Außerdem kann Google JS- und CSS-Dateien, die gesperrt oder ausgeblendet sind, nicht indizieren oder rendern.
Reduzieren Sie JavaScript im Kerninhalt der Seite. Folgen Sie alternativen Ansätzen für das clientseitige Rendering, wie z. B. serverseitiges Rendering, dynamisches Rendering, Hybrid-Rendering (Mischung von Client- und Serverseite).
Verknüpfungen
Wenn einige Links intern sind oder JavaScript die Links zu einer URL generiert, wenn der Nutzer darauf klickt, kann Google diese Links nicht erkennen.
Verwenden Sie Ankerlinks mit dem href-Attribut, beschreibende Ankertexte für die Links. Pseudolinks als Tags
und sie werden nicht verfolgt
Metadaten
Wenn die Website keine Node.js-Pakete wie vue-meta verwendet, können Suchmaschinen die gleichen oder schlimmeren, keine Metadaten für jede Ansicht oder Seite crawlen.
Verwenden Sie Node.js-Pakete wie „react-helmet“, „vue-meta“ und „react-meta-tags“.
Faul geladene Bilder
Der Suchmaschinen-Crawler selektiert keine Inhalte, die für Lazy Loading markiert sind. Der Inhalt kann von der Suchmaschine nicht gescrollt werden und daher wird ein Teil des Inhalts möglicherweise nie angezeigt.
Verwenden Sie die IntersectionObserver-API, die die Sichtbarkeit und Position von DOM-Elementen versteht, sobald sie verfügbar sind. Sie können auch die native Lazy-Loading-Funktion des Browsers (Chrome) verwenden.
Seitenladezeiten
Das Laden einer Seite mit vielen JavaScript-Inhalten kann einige Zeit in Anspruch nehmen, was sich auf Ihr Suchranking auswirken kann.
Fügen Sie kritischen JS-Code inline hinzu und verschieben Sie nicht kritischen JS-Code, bis der Hauptinhalt gerendert ist, wodurch der JS-Code insgesamt reduziert wird.
Best Practices für JavaScript-SEO
Indem wir einige der Best Practices befolgen, können wir dafür sorgen, dass Suchmaschinen Seiten besser crawlen und anzeigen:
Fügen Sie Links und Bilder gemäß definierten Webstandards hinzu
Fügen Sie alle Links mit ahreftag anstelle von onclick, #pageurl oder window.location.href=’/page-url hinzu. Google kann die Links leicht crawlen und ihnen folgen.
Willkommen in der Geek-Welt
Fügen Sie auf die gleiche Weise Bilder mit dem Tag img src und nicht mit dem Tag img data-src hinzu:
Bevorzugen Sie serverseitiges Rendern
Stellen Sie sicher, dass der Inhalt Ihrer Website unabhängig vom Browser des Benutzers auf dem Server verfügbar ist.
Stellen Sie sicher, dass Ihr gerenderter HTML-Code alle wichtigen Inhalte enthält, die Sie anzeigen möchten
Das gerenderte HTML muss den richtigen Titel, Meta-Roboter, Meta-Beschreibungen, Bilder, strukturierte Daten und kanonische Tags aufweisen.
Machen Sie Ihre JavaScript-Website SEO-freundlich
Um die Implementierung von JavaScript SEO auf Ihrer Webseite zu testen, können Sie die folgenden Schritte ausführen:
- Wissen, wie viel JavaScript Ihre Website verwendet: Dazu können Sie JavaScript einfach in Ihrem Browser deaktivieren. Wenn Sie nicht viel Inhalt sehen, bedeutet dies, dass Ihre Website stark auf JavaScript angewiesen ist.
- Überprüfen Sie, ob der Googlebot alle relevanten Inhalte und Tags erhält: Sie können das Testtool für Rich-Suchergebnisse verwenden, um zu überprüfen, wie der Googlebot rohes HTML zum Rendern von Inhalten verwendet.
- Sie können auch Chrome-Erweiterungen verwenden, um zu verstehen, wie JavaScript die Seite ändert, und die HTML-Quelle und das Rendering zu vergleichen.
- Sie können die wichtigen Tags (Titel, Meta-Beschreibung usw.) im gerenderten HTML mithilfe der .
Fazit
In diesem Artikel haben wir gelernt, wie JavaScript die Verwaltung von SEO etwas komplex machen kann, und Ansätze zur Lösung potenzieller Probleme, die durch das Hinzufügen von viel JavaScript zu Ihrem Code verursacht werden.
Wir haben uns auch einige Best Practices und Tools angesehen, um Ihre JavaScript-Website SEO-freundlich zu gestalten. Andere großartige Tools, die Google helfen, Ihre dynamischen Inhalte zu erkennen und zu crawlen, sind Prerender und .
Sie können sich auch einige der besten Möglichkeiten ansehen, um die Ladezeit von Websites zu verkürzen.
Hat Ihnen der Artikel gefallen? Wie wäre es mit der Welt zu teilen?
Shogun-Veröffentlichungsplan: Wann kommt Episode 3? |…
USB-C-Kopfhörer werden von meinem Google Pixel 7 nicht erkannt
Final Fantasy VII Rebirth – Glücksstatistiken erklärt
Final Fantasy VII Rebirth – Mythril-Golem-Boss-Kampfführer
Final Fantasy VII Rebirth – Cosmo Canyon Chocobos Guide
Final Fantasy VII Rebirth – Gongaga Chocobo Guide
Final Fantasy VII Rebirth – Junon Chocobo Guide
Netflix-Geheimcodes: Versteckte Kategorien freischalten
Wie stellt man ein Dual-WhatsApp-Backup wieder her?
Wie kann man die neuesten Follower einer Person auf Instagram sehen?
