Wie Googlebot mit unendlichem Scrollen und Paginierung in JavaScript umgeht

Googlebot handhabt unendliches Scrollen und Paginierung, indem es das Nutzerverhalten durch einen modernen Chromium-Renderer simuliert. Wenn Ihre Website Inhalte dynamisch über Skripte lädt, führt der Crawler das JavaScript aus, um das Document Object Model (DOM) aufzubauen. Dieser Prozess ermöglicht es Google, den Inhalt so zu sehen, wie ein Mensch es tun würde, vorausgesetzt, die Implementierung folgt den Standard-Webmustern. Ohne diese Muster überspringt der Crawler möglicherweise wichtige Daten, sodass Ihre Inhalte in den Suchergebnissen unsichtbar bleiben.

Wie entdeckt Google Inhalte beim unendlichen Scrollen?

Die Entdeckung hängt vom Vorhandensein von Anker-Tags ab, denen Googlebot folgen kann. Bei einer Einrichtung mit unendlichem Scrollen lösen Entwickler das Laden von Inhalten oft basierend auf der Scroll-Position aus, was ein passives Ereignis ist. Da Googlebot nicht immer tief in eine Seite hineinscrollt, löst es möglicherweise nie die Ereignisse aus, die zum Laden Ihrer Inhalte erforderlich sind. Wenn sich der Inhalt nicht in der anfänglichen HTML-Antwort befindet oder über Standard-href-Attribute verlinkt ist, geht der Crawler davon aus, dass die Seite frühzeitig endet.

Wie Googlebot mit unendlichem Scrollen und Paginierung in JavaScript umgeht

Um die Sichtbarkeit zu gewährleisten, sollte idealerweise jedes Element innerhalb des unendlichen Scrollens über eine entsprechende eindeutige URL verfügen. Dies ermöglicht dem Crawler, den Inhalt direkt zu erreichen, anstatt sich auf den Scroll-Auslöser zu verlassen. Wenn Ihre Website anstelle des automatisierten Scrollens eine „Mehr laden“-Schaltfläche verwendet, stellen Sie sicher, dass es sich bei der Schaltfläche um ein Standard-Anker-Tag mit einer gültigen href handelt. Dies gibt dem Crawler einen klaren Weg vor, dem er folgen kann, selbst wenn die eigentliche Inhaltsbereitstellung asynchron erfolgt.

Was sind die häufigsten Fallstricke bei der Paginierung?

Der häufigste Fehler bei der Paginierung ist das Unterlassen der Aktualisierung der URL, wenn ein Benutzer von einer Seite zur nächsten blättert. Wenn die URL statisch bleibt, während sich der Inhalt ändert, behandelt Googlebot die gesamte Sequenz als eine einzige Seite. Dies erzeugt einen Indexierungsengpass, bei dem nur der erste Satz von Elementen effektiv verarbeitet wird, während der Rest im Suchindex verborgen bleibt.

Ein weiteres Problem ist die Verwendung nicht standardmäßiger Interaktionsmuster. Die Verwendung von Event-Listenern auf nicht anklickbaren Elementen zum Laden von Seiten stellt eine Barriere für den Crawler dar. Wenn Inhalte nur über eine JavaScript-Funktion zugänglich sind, die an ein div oder span angehängt ist, kann Googlebot diese nicht programmatisch „anklicken“, um zu sehen, was dahinter liegt. Verwenden Sie für die Navigation stets semantische HTML-Elemente.

Wie Googlebot mit unendlichem Scrollen und Paginierung in JavaScript umgeht — 2
  • Stellen Sie sicher, dass jedes paginierte Ergebnis über eine eindeutige URL verfügt, die über Standard-HTML-Anker-Tags zugänglich ist.
  • Implementieren Sie die History API, um die Browser-URL zu aktualisieren, während sich der Benutzer durch die Inhalte bewegt.
  • Vermeiden Sie die Verwendung versteckter Auslöser-Schaltflächen, die bestimmte Benutzerinteraktionen wie Mausbewegungen erfordern.
  • Stellen Sie servergerenderte Inhalte für die erste Seite bereit, um eine sofortige Entdeckung zu garantieren.

Wie rendert Googlebot JavaScript-Inhalte?

Google verwendet einen Indexierungsprozess in zwei Wellen. Zunächst ruft es das anfängliche HTML ab und indiziert den Text. Wenn die Seite JavaScript enthält, stellt es die URL zum Rendern in die Warteschlange. Während dieser zweiten Welle führt die Chromium-Engine die Skripte aus, um die Seite mit dynamischen Inhalten zu füllen. Dieser Prozess verbraucht Ressourcen, weshalb Ihre Website auf Geschwindigkeit und Effizienz optimiert sein muss.

Wenn Ihr JavaScript-Paket zu groß ist oder Fehler enthält, die die Ausführung stoppen, schlägt die Rendering-Phase fehl. Dies bedeutet, dass Googlebot nur die Hülle Ihrer Seite ohne die relevanten Inhalte indiziert. Das Testen Ihrer Seiten über das URL-Prüftool in der Search Console ist der beste Weg, um zu überprüfen, ob das gerenderte HTML Ihren Erwartungen entspricht.

Die Google Suche sieht diesen Inhalt zusammen mit dem Inhalt im HTML einer Website.

Google Search Central

Wie Alien Road das anwendet

Bei Alien Road verwalten wir das technische SEO für Kunden, indem wir die Interaktion zwischen ihren JavaScript-Frameworks und dem Crawler von Google auditieren. Wir beginnen damit, JavaScript im Browser zu deaktivieren, um zu sehen, was der Crawler anfangs erhält. Wenn der Inhalt verschwindet, schlagen wir eine Hybridstrategie vor. Beispielsweise könnte ein Einzelhandelskunde mit einem riesigen Produktkatalog serverbasiertes Rendering für die ersten 20 Artikel verwenden und den Rest per Lazy-Loading laden.

Wir führen auch regelmäßige Crawl-Simulationen durch, um Rendering-Fehler zu überprüfen. Indem wir identifizieren, wo der Browser hängen bleibt oder wo Skripte nicht ausgeführt werden, helfen wir unseren Kunden, die Zeit zu minimieren, die Google benötigt, um ihre Aktualisierungen zu sehen. Unser Ansatz besteht darin, sicherzustellen, dass der Inhalt immer zugänglich ist, unabhängig davon, ob der Crawler ein Scroll-Ereignis oder einen Klick auf eine Schaltfläche erfolgreich auslöst.

Sollten Sie unendliches Scrollen oder nummerierte Seiten wählen?

Die Wahl zwischen diesen Formaten erfordert ein Gleichgewicht zwischen Nutzerpräferenz und Crawlbarkeit. Nummerierte Paginierung ist die zuverlässigste Methode für SEO, da jede Seite ein eigener, statischer Link ist. Diese Struktur lässt sich von Google leicht abbilden und indizieren, was sie ideal für E-Commerce-Websites oder große Archive macht, bei denen einzelne Artikel schnell gefunden werden müssen.

Unendliches Scrollen bietet ein flüssiges Erlebnis für Social Feeds oder Bildgalerien, bei denen Benutzer ohne Unterbrechung weitererkunden möchten. Es erfordert jedoch die Implementierung eines „prev/next“-Meta-Tags oder einer „Alle anzeigen“-Seite, um Crawler zu unterstützen. Ohne diese riskieren Sie, die Sichtbarkeit für Inhalte zu verlieren, die tief im Feed vergraben sind.

  • Verwenden Sie nummerierte Paginierung für große Produktkataloge oder Dokumentationssätze.
  • Verwenden Sie unendliches Scrollen für medienlastige Feeds mit hohem Engagement.
  • Stellen Sie bei der Verwendung von unendlichem Scrollen immer eine „Alle anzeigen“-Seite bereit, um die Indizierung zu vereinfachen.
  • Testen Sie das Rendering regelmäßig mit Entwicklertools, um skript basierte Fehler abzufangen.

Nächste Schritte für Ihr technisches Audit

Beginnen Sie diese Woche mit der Überprüfung des JavaScript-Ladeverhaltens Ihrer Website. Öffnen Sie Ihre Seite in einem Browser, deaktivieren Sie JavaScript und aktualisieren Sie sie. Wenn die wichtigsten Inhalte, die Sie indiziert haben möchten, fehlen, haben Sie eine Grundlage für sofortige Verbesserungen. Stellen Sie sicher, dass alle Ihre paginierten Links im Quellcode als Standard-HTML-Anker vorhanden sind.

Sobald Sie die Links überprüft haben, verwenden Sie das URL-Prüftool für eine Stichprobe Ihrer paginierten Seiten. Vergleichen Sie die Ausgabe „Gecrawlte Seite anzeigen“ mit Ihrer Live-Website. Wenn Sie Abweichungen feststellen, überprüfen Sie Ihre Konsole auf JavaScript-Fehler, die den Rendering-Prozess blockieren könnten. Die Behebung dieser Lücken stellt sicher, dass Ihre Inhalte für Suchmaschinen jederzeit verfügbar bleiben.

Teilen