Umgang mit JavaScript-gerendertem Content für die Googlebot-Indexierung

Googlebot indexiert JavaScript-Inhalte, indem er zuerst das rohe HTML crawlt und die Seite dann über seinen Rendering-Dienst verarbeitet. Dieser Prozess umfasst die Ausführung des JavaScripts zur Generierung des finalen Document Object Models, sodass Google den Content so sehen kann, wie ein Nutzer ihn in einem Browser erlebt. Während moderne Suchmaschinen immer besser darin geworden sind, mit dynamischem Content umzugehen, können technische Lücken während der Rendering-Phase zu Verzögerungen oder verpassten Indexierungschancen für Ihre Seiten führen.

Wie verarbeitet Google JavaScript?

Der Indexierungsprozess ist in zwei unterschiedliche Wellen unterteilt. In der ersten Welle crawlt Googlebot die anfängliche HTML-Antwort. Wenn der Content in der rohen Quelle fehlt – wie zum Beispiel, wenn eine Website vollständig auf clientseitiges Rendering setzt –, wird die Seite in eine Warteschlange für die zweite Welle eingereiht. Während der zweiten Welle führt der Rendering-Dienst den JavaScript-Code aus, rendert die Seite und extrahiert den Content für die finale Indexierung.

Umgang mit JavaScript-gerendertem Content für die Googlebot-Indexierung

Da der Rendering-Dienst ein rechenintensiver Vorgang ist, erfolgt er oft mit einer Verzögerung. Das bedeutet, dass kritischer Content – wie Produktbeschreibungen oder Artikeltexte – möglicherweise nicht sofort indexiert wird, wenn er erst nach dem initialen Laden der Seite via JavaScript eingefügt wird. Dieses Verständnis der Latenz ist unerlässlich für Teams, die große E-Commerce-Plattformen oder Nachrichten-Websites verwalten, bei denen die Indexierungsgeschwindigkeit ein wesentlicher Faktor ist.

Was sind die häufigsten Indexierungsherausforderungen?

Die starke Abhängigkeit von clientseitigem Rendering birgt spezifische Risiken. Wenn der Rendering-Dienst Ihre Skripte nicht korrekt ausführt oder der Prozess zu lange dauert, wird Ihr Content möglicherweise überhaupt nicht indexiert. Wir sehen diese Probleme häufig in komplexen Anwendungen, bei denen moderne Frameworks tiefe Abhängigkeitsketten erzeugen.

  • Netzfehler, die das Laden wesentlicher externer JavaScript-Dateien verhindern, die für die Content-Anzeige erforderlich sind.
  • Das Blockieren kritischer Skripte über die robots.txt-Datei, was den Renderer daran hindert, auf die notwendigen Ressourcen zuzugreifen.
  • Übermäßige Ressourcennutzung, die dazu führt, dass der Renderer ein Zeitlimit überschreitet, bevor die Seite vollständig verarbeitet ist.
  • Browserspezifische API-Abhängigkeiten, die von der von Googlebot verwendeten Headless-Engine nicht unterstützt werden.

Darüber hinaus treten Probleme auf, wenn URL-Fragmente für die Navigation verwendet werden. Googlebot ignoriert URL-Fragmente, was bedeutet, dass der Crawler die Basis-URL als die einzige indexierbare Entität behandelt, wenn sich Ihr Content basierend auf einem Hash ändert (z. B. example.com/#/page-1). Standardmäßige Anker-Tags, die auf unterschiedliche, crawlbare URLs verweisen, bleiben die beste Praxis, um sicherzustellen, dass jede Seite entdeckt wird.

Umgang mit JavaScript-gerendertem Content für die Googlebot-Indexierung — 2

Wie können Sie Ihren Rendering-Status überprüfen?

Der effektivste Weg zu überprüfen, ob Google Ihren Content sieht, ist die Verwendung des URL-Prüfungstools in der Search Console. Durch das Anfordern eines Live-Tests können Sie das gerenderte HTML und einen Screenshot davon anzeigen, wie Googlebot Ihre Seite wahrnimmt. Dies hilft herauszufinden, ob Elemente aufgrund von Fehlern bei der Skriptausführung oder Styling-Problemen fehlen.

Achten Sie beim Überprüfen der gerenderten Ausgabe genau auf den Unterschied zwischen rohem HTML und der gerenderten Ausgabe. Wenn Ihre Überschriften, der Haupttext oder interne Links in der gerenderten Version fehlen, haben Sie einen klaren Hinweis darauf, dass Ihr JavaScript nicht so ausgeführt wird, dass die Suchmaschine es verwerten kann. Nutzen Sie diese Erkenntnisse, um Ihrem Entwicklungsteam spezifische technische Anforderungen mitzuteilen.

Der Code sollte sich als gültiger JSON-LD-Block innerhalb des Head- oder Body-Bereichs des AMP-HTML-Dokuments befinden.

Google Search Central

Wie Alien Road vorgeht

Bei Alien Road befolgen wir einen strengen technischen Auditprozess für Websites, die rechenintensive JavaScript-Frameworks nutzen. Wir analysieren zuerst den Quellcode, um festzustellen, wie viel von der Seite in der initialen HTML-Anfrage verfügbar ist. Für dynamische Anwendungen empfehlen wir server-seitiges Rendering oder Pre-Rendering-Lösungen, um die Abhängigkeit vom Rendering-Prozess der zweiten Welle zu minimieren.

  • Durchführung einer vergleichenden Analyse zwischen rohem HTML-Quellcode und gerendertem DOM-Content, um Lücken zu identifizieren.
  • Prüfung von Logfiles, um sicherzustellen, dass Googlebot beim Abrufen von Skriptressourcen nicht auf 404- oder 5xx-Fehler stößt.
  • Optimierung des kritischen Rendering-Pfads, um sicherzustellen, dass wesentliche Seitenelemente in der Headless-Umgebung schnell erscheinen.
  • Implementierung strukturierter Daten direkt im statischen HTML, um sicherzustellen, dass der Kontext auch dann verfügbar ist, wenn sich das Rendering verzögert.

In einer typischen Kundenbeziehung stellen wir fest, dass das Verschieben von nur wenigen Kernkomponenten von der dynamischen Injektion zum statischen HTML die Häufigkeit, mit der Googlebot den Seitencontent aktualisiert, signifikant verbessert. Es geht hierbei nicht darum, JavaScript zu entfernen, sondern sicherzustellen, dass die Fundamentschichten Ihrer Website klare, lesbare Informationen liefern, ohne dass die Engine komplexe Skripte unnötig ausführen muss.

Warum sollten Sie zu server-seitigem Rendering übergehen?

Server-seitiges Rendering (SSR) liefert eine vollständig gefüllte HTML-Datei an den Browser und den Crawler. Indem Sie den Content auf dem Server generieren, bevor er den Client erreicht, entfällt die Abhängigkeit vom Browser des Besuchers oder Crawlers zum Aufbau der Seite. Dieser Ansatz garantiert, dass die Suchmaschine den vollständigen Textcontent in der ersten Crawling-Welle erhält.

Obwohl SSR mehr Ersteinrichtung und Serverressourcen erfordert, sind die langfristigen Gewinne für die Sichtbarkeit in der Suche erheblich. Es verringert das Risiko eines Indexierungsfehlers, der durch unerwartete Skriptfehler oder Rendering-Zeitüberschreitungen verursacht wird. Für geschäftskritische Seiten, bei denen jedes Stück Content indexiert werden muss, um organischen Traffic zu generieren, ist SSR die zuverlässigste technische Konfiguration.

Worauf sollten Sie diese Woche Priorität legen?

Beginnen Sie damit, Ihre fünf wichtigsten Seiten im URL-Prüfungstool der Google Search Console zu überprüfen. Überprüfen Sie die gerenderte HTML-Ausgabe, um sicherzustellen, dass Ihre Hauptüberschriften, der Hauptcontent und interne Links korrekt angezeigt werden. Wenn Sie Abweichungen feststellen, passen Sie Ihre Rendering-Strategie an oder vereinfachen Sie Ihre JavaScript-Implementierung, um sicherzustellen, dass die Engine einen klaren Zugriff auf Ihre Informationen hat.

Überprüfen Sie als Nächstes Ihre robots.txt-Datei, um sicherzustellen, dass keine kritischen JavaScript-Dateien blockiert sind. Wenn Ihre Hauptanwendungs-Bundles vor dem Crawler verborgen sind, wird Googlebot niemals in der Lage sein, die Logik auszuführen, die zum Aufbau Ihrer Seiten erforderlich ist. Sobald Sie diese Hürden beseitigt haben, überwachen Sie Ihre indexierte Abdeckung in der Search Console für die nächsten vierzehn Tage, um Verbesserungen bei der Content-Entdeckung zu beobachten.

Teilen