Können Google und KI-Suche eine reine JavaScript-Preisseite lesen?

Können Google und KI-Suche eine reine JavaScript-Preisseite lesen?

Google kann reine JavaScript-Preisseiten lesen, aber Sie sollten Tarifnamen, Preise und wichtige Limits dennoch in das initiale HTML der Seite einfügen. Googles Rendering kann verzögert oder unvollständig sein, und Google warnt davor, dass nicht alle Bots JavaScript ausführen können.

Das Risiko besteht nicht darin, dass Google kein JavaScript ausführen kann

Google verwendet eine moderne Version von Chromium, um JavaScript zu rendern. Es verarbeitet Seiten jedoch in mehreren Schritten: Zunächst ruft es die Seite ab, dann rendert es sie und verwendet schließlich den gerenderten Inhalt für die Indizierung. Google gibt an, dass eine Seite Sekunden oder länger in der Render-Warteschleife verharren kann. Wenn ein Skript oder eine Seitenressource blockiert wird – oder das Skript die Preisdetails nicht laden kann –, sieht Google möglicherweise nicht den Inhalt, den Sie in Ihrem Browser sehen. Googles Leitfaden zu JavaScript-SEO und der Leitfaden zur JavaScript-Fehlerbehebung erläutern diese Einschränkungen. (developers.google.com)

Das birgt ein geschäftliches Risiko: Ihre Preisseite kann für Besucher vollständig aussehen, Crawlern jedoch nur eine leere Hülle oder unvollständige Tarifdetails liefern. Wenn ein Preis oder ein Nutzungslimit in der von Google gerenderten Version fehlt, kann Google diesen fehlenden Inhalt laut eigener Aussage nicht indizieren. Auch die KI-Funktionen von Google basieren auf denselben SEO-Grundlagen, einschließlich einer indizierten Seite und wichtigen Inhalten, die als Text verfügbar sind. (developers.google.com)

Die KI-Suche liefert einen weiteren Grund, sich nicht auf ein einziges Rendering-Setup zu verlassen. Google weist darauf hin, dass einige Bots kein JavaScript ausführen können, während OpenAI OAI-SearchBot als den Crawler identifiziert, der verwendet wird, um Websites in der ChatGPT-Suche anzuzeigen. Gehen Sie nicht davon aus, dass jedes Suchsystem eine Seite so sieht wie der Browser eines Kunden. Googles Leitfaden zu JavaScript-SEO OpenAIs Crawler-Dokumentation. (developers.google.com)

Priorisierung der Korrekturen: Initiales HTML gewinnt

1. Am besten: Fügen Sie Tarifnamen, Preise, Abrechnungsbedingungen und wichtige Limits in das initiale HTML ein. Die Seite sollte diese Fakten übermitteln, bevor der Browser JavaScript ausführt.
2. Dann: Verwenden Sie JavaScript für Interaktionen. Lassen Sie es Dinge wie einen Monats-/Jahres-Umschalter oder einen Registrierungsbutton steuern.
3. Verlassen Sie sich nicht allein auf eine Browser-Prüfung. Dass Sie die Preise auf Ihrem Laptop sehen, beweist nur, dass Ihr Browser sie geladen hat. Es zeigt nicht, was Google oder ein anderer Crawler erhalten hat.

Dieser Ansatz ist eine kleine, gezielte Lösung für viele SaaS-Websites. Sie müssen nicht jede Seite neu aufbauen oder spezielles „KI“-Markup hinzufügen. Google gibt an, dass seine KI-Funktionen keine zusätzlichen technischen Anforderungen oder speziellen Schemas erfordern; die Empfehlung lautet, die gleichen SEO-Grundlagen zu befolgen und wichtige Inhalte als Text verfügbar zu machen. Googles Leitfaden zu KI-Funktionen. (developers.google.com)

Eine Seite mit drei Tarifen: Das Risiko in Dollar und Stunden

Angenommen, ein SaaS-Unternehmen mit drei Mitarbeitern hat eine Marketing-Website mit 30 Seiten. Laut Search Console erzielt seine Preisseite 120 organische Klicks pro Monat. Die Seite zeigt drei Tarife erst nach Ausführung von JavaScript an:

Dies sind Beispielpreise und -limits; verwenden Sie Ihr tatsächliches Angebot. Der Punkt ist, dass die Seite diese Details als Text offenlegen muss – nicht nur zeichnen, nachdem ein Skript ausgeführt wurde. Wenn ein Crawler den 49-$-Team-Tarif oder dessen Limit von 5 Sitzplätzen übersieht, versteht er das Angebot möglicherweise nicht gut genug, um die Seite mit Suchen abzugleichen, die sich auf diesen Preis oder dieses Limit beziehen. Das ist ein Auffindbarkeitsrisiko, keine Garantie dafür, dass ein fehlender Preis verlorene Rankings nach sich zieht.

Hier ist eine einfache Kostenprüfung. Wenn ein Kunde, der sich für den 49-$-Tarif entschieden hätte, diesen nicht findet oder versteht, sind das 588 $ an Abonnementumsatz über 12 Monate. Das ist reine Arithmetik, keine Prognose. Planen Sie für ein beispielhaftes Implementierungsbudget 30 Minuten für den Gründer ein, um den genauen Tariftext zu bestätigen, und zwei Entwicklerstunden für die Änderung und Prüfung der Seite. Bei angenommenen internen Entwicklerkosten von 100 $ pro Stunde sind das 200 $ an Zeit.

Die Korrektur gilt für eine Preisseite, nicht für alle 30 Seiten. Für dieses Beispiel ist das ein sinnvoller Aufwand: Stellen Sie das tatsächliche Angebot in die erste Antwort und lassen Sie JavaScript die interaktiven Teile hinzufügen.

Die Ein-Satz-Übergabe an den Entwickler

Bitte sorgen Sie dafür, dass der Server die Tarifnamen, Preise, Abrechnungsbedingungen und wichtigen Limits in der ersten Antwort der Seite sendet, damit sie vorhanden sind, bevor der Browser JavaScript ausführt.

Halten Sie dieselben Fakten auf der sichtbaren Seite und im initialen HTML identisch, damit Kunden und Crawler keine widersprüchlichen Preise erhalten.

Überprüfen Sie die gerenderte Seite in der Google Search Console

Überprüfen Sie in dieser Woche die Preisseten-URL in der Search Console:

1. Fügen Sie die vollständige URL der Preisseite in die Suchleiste der Search Console ein.
2. Klicken Sie auf Live-URL testen.
3. Klicken Sie auf Getestete Seite anzeigen.
4. Öffnen Sie den Reiter HTML und suchen Sie nach jedem Tarifnamen, Preis, Abrechnungszeitraum und wichtigen Limit.

Der Hilfetrag von Google bestätigt, dass Getestete Seite anzeigen das gerenderte HTML anzeigt; der Live-Test kann auch einen Screenshot der gerenderten Seite anzeigen. Googles Anweisungen zum Anzeigen der gerenderten Quelle. (support.google.com)

Wenn der Screenshot die Karten anzeigt, im HTML aber der Text fehlt, benötigt die Seite die initiale HTML-Korrektur. Wenn das gerenderte HTML alle drei Tarife und deren Bedingungen enthält, kann Google diese Details in diesem Test sehen. Dies überprüft das Rendering von Google; es sagt Ihnen jedoch nicht, wie jeder KI-Crawler mit der Seite umgehen wird.

Wer die Veröffentlichung exakter Preise überspringen sollte: Ein SaaS, das absichtlich nur individuell bepreiste Enterprise-Tarife verkauft. Fügen Sie stattdessen „Individuelle Preise“ und einen klaren Vertriebskontaktweg in das initiale HTML ein.

**Ihre nächste Aktion in dieser Woche: Führen Sie eine URL-Prüfung für Ihre Preisseite durch und durchsuchen Sie das gerenderte HTML nach allen drei Tarifnamen, Preisen und Limits.