Quelltext einer Website für verschiedene User Agents vergleichen

Google verarbeitet eine Seite in zwei Schritten: Zuerst lädt der Googlebot das HTML so, wie der Server es ausliefert. Danach rendert Google die Seite mit einer aktuellen Chrome-Version und führt dabei JavaScript aus. In den Index kommt die gerenderte Fassung. Das Rendern passiert teils mit Verzögerung.

Statischer Abruf:
Der Quelltext, wie ihn der Server sendet. Er enthält nur die Inhalte, Links und Meta-Tags, die ohne JavaScript im HTML stehen.

Gerenderter Abruf:
Die Seite, nachdem ein Browser JavaScript ausgeführt und nachgeladene Inhalte eingebaut hat. So sieht sie auch für Besucher aus.

In der Google Search Console zeigt das URL-Prüftool unter „Gecrawlte Seite ansehen“ den gerenderten HTML-Code einer URL. Es hat 2019 die frühere Funktion „Abruf wie durch Google“ (Fetch & Render) ersetzt.

Mit dem SEORCH Quelltext-Vergleich vergleichst du beide Fassungen für verschiedene Bots und Browser direkt miteinander, auch für Seiten, die nicht zu deiner Search Console gehören.

Wenn sich der Quellcode zwischen der statischen und der gerenderten Version unterscheidet, kann dies auf ein potenzielles Problem bei der Verarbeitung und Darstellung der Webseite durch den Googlebot hinweisen. Hier sind einige Beispiele, die zu solchen Unterschieden führen könnten:

1. JavaScript-Ausführung:
   Beim Rendern wird ein Headless-Browser verwendet, der JavaScript ausführen und dynamische Inhalte verarbeiten kann. Wenn deine Seite zum Generieren oder Ändern ihres Inhalts stark auf JavaScript angewiesen ist, kann die gerenderte Version von der statischen Version abweichen, da beim statischen Abruf kein JavaScript ausgeführt wird.
2. AJAX-Aufrufe:
   Wenn deine Webseite nach dem ersten Laden der Seite AJAX-Aufrufe durchführt, um zusätzliche Inhalte oder Daten abzurufen, enthält die vom Googlebot abgerufene statische Version nicht die Ergebnisse dieser AJAX-Aufrufe. Beim Rendern wird das JavaScript dagegen ausgeführt und die Seite so dargestellt, wie sie aussieht, nachdem die AJAX-Aufrufe abgeschlossen sind. Dies kann zu Unterschieden zwischen der statischen und der gerenderten Version führen.
3. Dynamische Inhaltsgenerierung:
   Wenn deine Seite Inhalte dynamisch basierend auf Benutzerinteraktionen oder serverseitiger Logik generiert, erfasst die vom Googlebot abgerufene statische Version nur den Anfangszustand der Seite. Die gerenderte Version zeigt dagegen den dynamischen Inhalt so, wie er erscheint, nachdem die gesamte Verarbeitung abgeschlossen ist.

Googlebot rendert Seiten mit einer aktuellen Chrome-Version und kann JavaScript-gesteuerte Websites daher grundsätzlich verstehen und darstellen. Das Rendern kostet aber Ressourcen und passiert teils mit Verzögerung.
Deshalb wird empfohlen, sicherzustellen, dass kritische Inhalte im statischen HTML verfügbar sind und nicht ausschließlich auf die JavaScript-Ausführung angewiesen sind, um eine optimale Indexierung und Zugänglichkeit zu gewährleisten.

Relevante SEO-Inhalte sollten in der statischen und der gerenderten Version gleich sein.