ForHosting KIT · Websites auslesen & überwachen

SPA für Google crawlbar machen

Prerendering rendert eine JavaScript-Seite serverseitig zu fertigem HTML und liefert diesen Snapshot an Suchmaschinen-Crawler und Social-Media-Bots aus, während echte Besucher weiterhin die normale, interaktive Version erhalten. Gedacht für Single-Page-Applications, bei denen Google oder ein Vorschau-Bot sonst eine fast leere Seite ohne Inhalt sieht.

● Stabilpro Anfrage + pro URL$0.040

Ausführen — $0.040 + $0.001/URL API ansehen

Nutzen Sie es über WebAPIE-MailApp baldTelegram bald

Online ausführen

Führen Sie dies mit Ihrem Konto auf unseren Servern aus. Kostenlose Tools laufen in Ihrem Browser; dieses wird zum oben genannten Preis von Ihrem KIT-Guthaben abgebucht.

Das Problem mit JavaScript-Seiten

Viele moderne Webseiten bauen den sichtbaren Inhalt erst im Browser per JavaScript auf. Ein Crawler, der kein JavaScript ausführt oder dafür nur wenig Zeit einplant, sieht stattdessen eine fast leere HTML-Datei, ohne Überschrift, ohne Text, ohne Produktbeschreibung. Das betrifft nicht nur ältere Bots, sondern auch die Linkvorschau von Messengern und sozialen Netzwerken, die eine Seite meist nicht vollständig rendern und deshalb nur einen leeren Kasten anzeigen, wo eigentlich Titel und Bild stehen sollten.

Wie das Vorrendern funktioniert

Ein echter Browser lädt die Seite vollständig und wartet, bis JavaScript den Inhalt aufgebaut hat, bevor das Ergebnis als statisches HTML gespeichert wird. Dieses HTML wird bei der nächsten Anfrage an den Crawler oder Bot ausgeliefert, während menschliche Besucher weiterhin die normale, interaktive Version der Seite erhalten. Am eigentlichen Aufbau der Seite selbst ändert sich dabei nichts, es kommt lediglich eine zusätzliche, fertig gerenderte Ausgabe für Bots hinzu.

Einbindung ohne eigenen Server

Ein eigener Prerender-Dienst bedeutet üblicherweise zusätzliche Serverlast und Wartungsaufwand, unter anderem für die Erkennung, welche Anfrage tatsächlich von einem Bot stammt. Diese Funktion übernimmt das Rendern zentral: Aufgerufen wird eine URL über diese Seite oder über die API, das fertige HTML kommt zurück, für $0.040 pro Anfrage zzgl. $0.001 pro URL. Ein eigener Headless-Browser im eigenen Serverpark entfällt damit, ebenso die laufende Pflege dieser zusätzlichen Infrastruktur.

Was danach zu prüfen bleibt

Vorgerendertes HTML ersetzt keine grundsätzliche Prüfung, ob eine Seite überhaupt indexierbar ist: Robots-Anweisungen, Canonical-Tags und Statuscodes wirken unverändert weiter, und ein fehlerhaft gesetztes noindex-Tag bleibt auch nach dem Vorrendern wirksam. Ob Google eine Seite tatsächlich wie vorgesehen liest, lässt sich zusätzlich mit einer eigenen Indexierungsprüfung in der Search Console kontrollieren, statt sich allein auf das Vorrendern zu verlassen und die eigentliche Ursache eines Indexierungsproblems zu übersehen.

Anwendungsfälle

Der Relaunch als React-Anwendung

Die Schneider IT-Systeme GmbH & Co. KG baut den Kundenbereich als React-Anwendung neu und lässt die öffentlichen Produktseiten vorrendern, damit Google weiterhin Titel und Beschreibung findet.

Linkvorschau in WhatsApp und LinkedIn

Nachdem Links zu ihrer neuen Landingpage in WhatsApp nur einen leeren Kasten zeigen, richtet Anna Hoffmann das Vorrendern ein, damit Titel, Bild und Beschreibung im Vorschau-Kasten erscheinen.

Migration von einem klassischen CMS

Beim Wechsel von einem klassischen CMS zu einer Single-Page-Application prüft Jonas Weber vor dem Livegang, ob die wichtigsten Kategorieseiten weiterhin vollständigen Text an Google ausliefern.

Ein Onlineshop mit Vue.js

Ein kleiner Onlineshop auf Vue.js lässt seine Produktseiten vorrendern, nachdem die Google Search Console über Monate sinkende Indexierungszahlen gemeldet hat.

Häufige Fragen

Sehen menschliche Besucher auch die vorgerenderte Version?

Nein. Menschliche Besucher erhalten weiterhin die normale, interaktive Seite; nur Crawler und Vorschau-Bots bekommen das vorgerenderte HTML ausgeliefert.

Werden dadurch Inhalte erfasst, die nicht öffentlich sein sollen?

Vorgerendert wird nur, was auch ein normaler Besucher ohne Anmeldung sehen würde. Geschützte Bereiche hinter einem Login werden dabei nicht erfasst.

Was kostet das Vorrendern einer Seite?

$0.040 pro Anfrage, zzgl. $0.001 pro URL. Der Preis gilt unabhängig davon, wie umfangreich die einzelne Seite ist.

Brauche ich dafür ein Konto?

Nein. Es gibt derzeit keine Konten – Sie zahlen direkt pro Nutzung, ohne Guthaben oder Abonnement.

Ersetzt das serverseitiges Rendering im eigenen Framework?

Nicht zwingend. Wer bereits eigenes serverseitiges Rendering einsetzt, braucht diese Funktion in der Regel nicht; sie richtet sich an Seiten, die clientseitig rendern und kein eigenes SSR nachrüsten möchten.

Bewertet Google das Vorrendern als Cloaking?

Nein, solange Crawler und menschliche Besucher inhaltlich denselben Text sehen. Unterschiedlicher Inhalt für Bots und Menschen wäre Cloaking und ist ausdrücklich nicht das Ziel dieser Funktion.

Für Entwickler — API-Zugang

Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.

Endpunkt

POSThttps://api.kit.forhosting.com/web/prerender

Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.

Aufruf aus Ihrem Stack

curl -X POST https://api.kit.forhosting.com/web/prerender \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"url":"https://ejemplo.com"}'

const res = await fetch("https://api.kit.forhosting.com/web/prerender", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "url": "https://ejemplo.com"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/web/prerender",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "url": "https://ejemplo.com"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/web/prerender", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => &#39;{"url":"https://ejemplo.com"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"url":"https://ejemplo.com"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/web/prerender", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Beispiel-Anfrage

{
  "url": "https://ejemplo.com"
}

Beispiel-Antwort

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "web.prerender",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Preis

pro Anfrage$0.040

pro URL$0.001

Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.

Limits

`timeout_sec`	30
`max_crawl_pages`	25

Fehler

HTTP	Code	Bedeutung
`401`	`unauthorized`	Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
`402`	`insufficient_balance`	Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
`404`	`unknown_type`	Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
`429`	`rate_limited`	Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.
`422`	`task_failed`	Die Aufgabe ist fehlgeschlagen und wird nicht berechnet.

Vollständige KIT-Dokumentation lesen →