Die Indexierung von Seiten mit JavaScript erfordert ein klares Verständnis davon, wie Suchmaschinen-Crawler Code interpretieren und ausführen, um Inhalte offenzulegen. Yandex verwendet einen spezifischen Rendering-Prozess, der es seinem Bot ermöglicht, das zu sehen, was ein Benutzer sieht, aber dieser Prozess hängt von der Verfügbarkeit von Ressourcen und der Geschwindigkeit der Skriptausführung ab. Für Websites, die stark auf dynamische Elemente angewiesen sind, stellt die Bereitstellung einer vorgerenderten oder serverseitigen Version sicher, dass Suchbots alle Seiten korrekt finden und ranken können.
Wie verarbeitet der Yandex-Crawler JavaScript?
Der Yandex-Suchbot sieht JavaScript-Inhalte beim ersten Besuch nicht auf die gleiche Weise wie statisches HTML. Stattdessen erfolgt der Prozess in zwei verschiedenen Phasen. Zuerst lädt der Crawler die ursprüngliche HTML-Datei herunter und identifiziert alle Links und Metadaten im Quellcode. Diese Phase ist schnell und ermöglicht es dem Bot, die Struktur der Website abzubilden, ohne viel Rechenleistung zu verbrauchen.
Die zweite Phase umfasst die Rendering-Engine. Diese Engine basiert auf einer modernen Chromium-Version und führt die Skripte aus, um das Document Object Model (DOM) aufzubauen. Sobald die Skripte ausgeführt werden, kann der Bot die Inhalte sehen, die zuvor verborgen oder dynamisch generiert wurden. Da das Rendering jedoch rechenintensiv ist, gibt es oft eine Verzögerung zwischen dem ersten Crawl und der endgültigen Indexierung der skriptgenerierten Inhalte.
Wir sehen oft Websites, bei denen die wertvollsten Inhalte hinter einem Klick oder einem Skript verborgen sind, das der Bot nie auslöst. Sicherzustellen, dass das ursprüngliche HTML die Kernbotschaft enthält, ist der zuverlässigste Weg, um die Suchpräsenz aufrechtzuerhalten.
Alien Road SEO-Team
Was sind die häufigsten Risiken des clientseitigen Renderings?
Client-Side Rendering (CSR) bürdet die Last der Inhaltserstellung dem Browser oder dem Crawler auf. Wenn ein Skript zu lange zum Laden braucht oder auf einen Fehler stößt, sieht der Crawler möglicherweise eine leere Seite. Dies führt oft zu einem ‘Soft 404’-Fehler, bei dem der Bot denkt, die Seite habe keinen Inhalt, selbst wenn sie für einen menschlichen Benutzer in Ordnung aussieht. Sich ausschließlich auf CSR zu verlassen, kann auch zu einer langsameren Entdeckung neuer Links führen, wenn diese Links erst nach der Skriptausführung generiert werden.
Timeout-Probleme sind ein weiteres großes Anliegen. Suchbots haben nur begrenzt Zeit, um darauf zu warten, dass eine Seite das Rendering abschließt. Wenn Ihr JavaScript-Framework mehrere API-Aufrufe erfordert, bevor der Haupttext angezeigt wird, könnte der Bot ein Timeout erleiden und zur nächsten URL übergehen. Dies führt zu einer teilweisen Indexierung, bei der nur die Kopf- und Fußzeile in der Suchdatenbank gespeichert werden.
- Leeres ursprüngliches HTML verursacht Indexierungsverzögerungen.
- Interne Links, die in JavaScript-Funktionen verborgen sind, denen Bots nicht folgen können.
- Erhöhte Serverlast während der Rendering-Phase.
- Abhängigkeiten von externen Skripten, die durch robots.txt blockiert werden könnten.
Wie überprüfe ich, ob Ihre JavaScript-Inhalte indexiert sind?
Der zuverlässigste Weg, um zu überprüfen, was Yandex sieht, ist die Yandex Webmaster-Oberfläche. Insbesondere das Tool ‘URL prüfen’ bietet einen Schnappschuss davon, wie der Bot die Seite interpretiert. Wenn Sie diese Prüfung durchführen, suchen Sie nach dem Tab ‘Gerenderte Seite’, um den endgültigen visuellen Zustand zu sehen. Wenn der Text, den Sie in den Suchergebnissen erwarten, in dieser Ansicht fehlt, schlägt Ihr JavaScript wahrscheinlich fehl oder läuft in ein Timeout.
Sie können auch die Funktion ‘URL-Inspektion’ verwenden, um die reine Textversion des Index zu sehen. Dies zeigt, ob der Bot die Inhalte Ihrer Skripte erfolgreich geparst hat. Wenn die Textversion nur Navigationsmenüs und keinen Hauptinhalt anzeigt, müssen Sie Ihre Rendering-Strategie anpassen. Die wöchentliche Überwachung dieser Tools hilft dabei, Rendering-Fehler zu erkennen, bevor sie Ihren Traffic beeinträchtigen.
Wie Alien Road JavaScript-Indexierung anwendet
In einem typischen Engagement beginnt unser Team mit einer technischen Discovery-Phase, um abzubilden, wie Inhalte an den Benutzer geliefert werden. Bei einem Shopify-Shop, der Haushaltswaren verkauft, könnten wir beispielsweise feststellen, dass Produktbeschreibungen über ein separates Skript geladen werden. Alien Road implementiert dann Server-Side Rendering (SSR) oder Pre-Rendering, um sicherzustellen, dass der primäre Inhalt im ersten Byte der HTML-Antwort verfügbar ist.
Wir verwenden einen schrittweisen Prozess, um Kunden von reinen Client-Side-Setups auf Hybridmodelle umzustellen. Dies beinhaltet die Identifizierung, welche Skripte für SEO unerlässlich sind und welche rein dekorativ sind. Indem wir die Ausführung von inhaltsrelevanten Skripten priorisieren und andere zurückstellen, helfen wir dem Yandex-Bot, die Seite innerhalb des 2,5-Sekunden-LCP-Schwellenwerts zu verarbeiten. Dieser Ansatz stellt sicher, dass die Suchsichtbarkeit stabil bleibt, selbst wenn die Website komplexer wird.
- Audit: Identifizierung von Inhalten, die eine JavaScript-Ausführung erfordern.
- Implementierung: Einrichtung von SSR für kritische Landingpages.
- Optimierung: Reduzierung der Größe von JavaScript-Bundles zur Beschleunigung des Renderings.
- Validierung: Verwendung von Yandex Webmaster-Tools zur Bestätigung der erfolgreichen Indexierung.
Verwaltung von URL-Parametern in dynamischen Umgebungen
JavaScript-Frameworks erstellen oft dynamische URLs, indem sie Parameter für Filterung oder Sitzungsverfolgung anhängen. Wie in der Dokumentation für die clean-param-Direktive erörtert, können diese Parameter zu Problemen mit doppeltem Inhalt führen. Wenn Ihre Skripte URLs wie ‘example.com/products?sessionid=123’ generieren, könnte der Crawler sein Budget für Tausende identischer Seiten verschwenden. Die Verwendung der clean-param-Direktive in Ihrer robots.txt-Datei teilt dem Bot mit, welche Teile der URL ignoriert werden sollen.
Dies ist besonders wichtig für E-Commerce-Websites, auf denen Benutzer Artikel mithilfe von JavaScript nach Preis oder Größe filtern. Darüber hinaus ist es ein wesentlicher Bestandteil der Aufrechterhaltung der Crawl-Effizienz, sicherzustellen, dass Ihre Skripte keine Endlosschleifen von parameterreichen URLs erzeugen. Eine saubere URL-Struktur ermöglicht es der Rendering-Engine, ihre Ressourcen auf einzigartige Inhalte zu konzentrieren, anstatt redundante Skriptlogik zu verarbeiten.
Technisches SEO geht nicht nur um Tags; es geht darum sicherzustellen, dass die Infrastruktur die Nachricht nicht blockiert. Wenn der Bot das Skript nicht innerhalb weniger Sekunden rendern kann, existiert dieser Inhalt für den Index im Wesentlichen nicht.
Alien Road SEO-Team
Vermeidung von Syntaxfehlern in skriptgenerierten Inhalten
So wie RSS-Feeds aufgrund kleiner Syntaxfehler wie einem fehlenden Anführungszeichen oder einem falsch geschlossenen CDATA-Abschnitt fehlschlagen, stoppt die JavaScript-Ausführung, wenn sie auf fehlerhaften Code stößt. Wenn Ihre Website Inhalte über JSON- oder AJAX-Aufrufe generiert, kann ein einzelnes falsches Zeichen den gesamten Rendering-Prozess unterbrechen. Die Rendering-Engine von Yandex erwartet gültigen, standardkonformen Code, um die Seite korrekt aufzubauen.
Darüber hinaus müssen Sie sicherstellen, dass alle externen Datenquellen zugänglich sind. Wenn Ihr JavaScript Inhalte von einer Drittanbieter-API abruft, die durch Ihre Firewall oder robots.txt blockiert wird, sieht der Yandex-Bot eine unvollständige Seite. Behandeln Sie Ihre Skripte mit der gleichen Präzision wie einen maschinenlesbaren Feed. Regelmäßige Tests Ihrer Skriptausgaben helfen dabei, plötzliche Einbrüche bei indexierten Seiten aufgrund stiller Codefehler zu verhindern.
Sofortige Schritte für Ihre Seitenstruktur
Beginnen Sie diese Woche damit, Ihre wichtigsten Seiten mit dem Yandex Webmaster-Tool ‘URL prüfen’ zu prüfen. Identifizieren Sie, ob Kerntext in der gerenderten Version fehlt. Wenn Sie Lücken finden, ziehen Sie die Implementierung einer dynamischen Rendering-Lösung in Betracht, bei der Sie Suchbots eine statische Version der Seite bereitstellen, während Sie das reichhaltige interaktive Erlebnis für menschliche Benutzer beibehalten.
Überprüfen Sie Ihre robots.txt-Datei, um sicherzustellen, dass Sie nicht versehentlich die für das Rendering erforderlichen Skripte oder CSS-Dateien blockieren. Eine einfache Regel, die den Bot daran hindert, auf einen ‘/js/’-Ordner zuzugreifen, kann den Inhalt Ihrer gesamten Website vor der Suchmaschine verbergen. Indem Sie einen klaren Pfad für den Crawler bereitstellen und eine gültige Skriptausführung sicherstellen, behalten Sie eine starke Präsenz in den Suchergebnissen bei, egal wie komplex Ihre Technologie wird.