Die wesentlichen Inhalte im HTML ausliefern, ohne auf JavaScript zu warten
Beschreibung
Dieses Kriterium prüft, was ein Crawler liest, der kein JavaScript ausführt. iPand vergleicht das HTML, das Ihr Server sendet, mit der Seite, wie sie nach Ausführung der Skripte angezeigt wird, und nutzt dafür denselben Extraktor.
Das rohe HTML muss bereits den Title enthalten (und die H1, falls die Seite eine hat), mindestens 80 % der Wörter des Haupttexts, mindestens 80 % der internen Links, dieselben Typen strukturierter Daten in JSON-LD und die sichtbaren Kontaktdaten: Telefon, E-Mail oder Adresse.
Warum es für KI-Assistenten zählt
Google weist ausdrücklich darauf hin: Nicht alle Crawler können JavaScript ausführen. Selbst Google, das es kann, stellt Seiten vor dem Rendern in eine Warteschlange, was dauern kann. Inhalte, die im ausgelieferten HTML stehen, kann jeder Crawler lesen, der die Seite erreicht, und zwar schon beim ersten Besuch.
- Per Skript eingefügter Text kann für Crawler, die keine Skripte ausführen, unsichtbar bleiben: Die Seite wirkt auf sie leer oder unvollständig.
- Google erkennt nur Links, die als <a>-Elemente mit einem href-Attribut geschrieben sind; einer Schaltfläche, die per Skript die Seite wechselt, folgt Google nicht.
- Für seine KI-Funktionen empfiehlt Google, wichtige Inhalte in Textform bereitzustellen.
So korrigieren Sie es
- 1 Rendern Sie den Haupttext auf dem Server Ist Ihre Website eine JavaScript-Anwendung (React, Vue, Angular…), aktivieren Sie serverseitiges Rendering oder das Prerendering der Seiten bei der Veröffentlichung: Der Server sendet dann eine bereits gefüllte Seite. Die gängigen Frameworks bieten das an. Dieser Punkt wiegt im Kriterium am schwersten.
- 2 Schreiben Sie den Title und die H1 ins HTML Das Tag <title> und die Überschrift H1 müssen im HTML stehen, das der Server sendet, und dürfen nicht erst nach dem Laden per Skript eingefügt werden.
- 3 Liefern Sie Links als a-href-Links aus Navigationslinks und Links zu Ihren internen Seiten müssen <a href="…">-Elemente sein, die im HTML vorhanden sind. Eine Schaltfläche oder ein anklickbares Element, das per Skript die Seite wechselt, ist für einen Crawler kein Link.
- 4 Stellen Sie JSON-LD und Kontaktdaten ins ausgelieferte HTML Schreiben Sie die Blöcke <script type="application/ld+json"> direkt ins HTML, statt sie über einen Tag-Manager einzufügen. Gehen Sie bei Telefon, E-Mail und Adresse genauso vor: als Text auf der Seite, nicht über ein Widget geladen.
- 5 Vergleichen Sie mit und ohne JavaScript Zeigen Sie den Quelltext der Seite an (Strg+U in den meisten Browsern) oder deaktivieren Sie JavaScript, und prüfen Sie dann, ob Text, Links, JSON-LD und Kontaktdaten vorhanden sind. Genau das liest ein Crawler, der keine Skripte ausführt.
Fazit
Was erst nach Ausführung der Skripte erscheint, bleibt für einen Teil der Crawler womöglich unsichtbar. Liefern Sie alles im HTML aus, was KI-Assistenten lesen sollen: Title, Text, Links, strukturierte Daten und Kontaktdaten.
