# Rendering

Kategorie: [Rendering & JavaScript](https://seo-geo-glossary.com/de/glossar/kategorie/rendering-javascript/) › [Rendering-Verfahren](https://seo-geo-glossary.com/de/glossar/kategorie/rendering-javascript/rendering-verfahren/) · Auch genannt: Rendern

**Rendering** bedeutet im SEO und in der Webentwicklung, dass ein Browser oder Crawler aus HTML, CSS und JavaScript die fertige Seite aufbaut, so wie sie Nutzer sehen. Für Suchmaschinen zählt, welche Inhalte und Links nach dem Rendering im Dokument stehen. Dieser Eintrag behandelt die Web-Bedeutung. In 3D-Grafik und Architektur steht Rendering für die Berechnung von Bildern.

## Wie rendert Google eine Seite?

Google verarbeitet Seiten mit JavaScript in drei Phasen: Crawling, Rendering und Indexierung. Nach dem Abruf landet eine Seite in einer Warteschlange für das Rendering. Laut Google bleibt sie dort oft nur wenige Sekunden, es kann aber auch länger dauern. Gerendert wird mit einer aktuellen, monitorlosen Version von Chromium, die Google laufend auf dem neuesten Stand hält.

Erst im gerenderten HTML sieht Google Inhalte, die JavaScript nachlädt. Links findet der Googlebot nur als `<a>`-Element mit `href`-Attribut. Steht im ursprünglichen HTML ein `noindex`, überspringt Google das Rendering unter Umständen ganz. Ein `noindex`, das erst JavaScript entfernt, wirkt deshalb nicht zuverlässig.

## Rendering-Arten

Wo die Seite zusammengesetzt wird, bestimmt die Rendering-Art:

- **Client-Side Rendering (CSR):** Der Server liefert ein weitgehend leeres HTML, JavaScript im Browser baut die Inhalte auf.
- **Server-Side Rendering (SSR):** Der Server erzeugt bei jeder Anfrage fertiges HTML.
- **Static Rendering:** Das HTML entsteht vorab beim Build und wird als Datei ausgeliefert.
- **Hydration:** Server-gerendertes HTML wird im Browser per JavaScript interaktiv gemacht.

Google empfiehlt serverseitiges Rendering oder Pre-Rendering, weil die Seite dadurch für Nutzer und Crawler schneller wird. **Dynamic Rendering**, also eine eigene vorgerenderte Fassung nur für Bots, nennt Google inzwischen „eine Behelfslösung und keine langfristige Lösung“.

## Beispiel

Ein Onlineshop baut Produktlisten mit React im Browser auf. Das ausgelieferte HTML enthält nur:

```html
<body>
  <div id="root">
  <script src="/app.js"></script>
</body>
```

Produktnamen, Preise und Links zu den Produktseiten existieren erst nach dem Rendering. Scheitert ein Skript oder blockiert die robots.txt die Datei `/app.js`, fehlen diese Inhalte für Google. Mit dem URL-Prüftool der Search Console lässt sich das gerenderte HTML einsehen und mit dem Quelltext vergleichen.

## Häufige Fehler

- JavaScript- oder CSS-Dateien per robots.txt gesperrt, sodass der Crawler die Seite nicht vollständig aufbauen kann.
- Navigation über `onclick`-Handler statt über echte Links.
- Wichtige Inhalte erscheinen erst nach Scrollen oder Klick und werden beim Rendering nicht geladen.

## Häufige Fragen

**Was bedeutet „gerendert“?**
Eine gerenderte Seite ist die vom Browser fertig aufgebaute Fassung, nachdem HTML verarbeitet, CSS angewendet und JavaScript ausgeführt wurde. Sie kann sich deutlich vom ausgelieferten Quelltext unterscheiden.

**Rendern KI-Crawler JavaScript?**
Das hängt vom Bot ab. Google weist darauf hin, dass nicht alle Bots JavaScript ausführen können. Nach redaktioneller Einschätzung dokumentieren viele KI-Bot-Betreiber ihr Rendering nicht. Inhalte, die schon im ausgelieferten HTML stehen, sind für jeden Crawler lesbar.

## Auf einen Blick

- **Art:** Verarbeitungsschritt, der aus HTML, CSS und JavaScript die fertige Seite aufbaut
- **Wirkt auf:** Indexierung, Linkerkennung
- **Renderer bei Google:** Headless Chromium (Evergreen)
- **Rendering-Arten:** CSR, SSR, Static Rendering, Hydration
- **Doku:** [Grundlagen von JavaScript-SEO](https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics?hl=de)

Stand: 8. Oktober 2026

*Grafik: Von der URL zum Suchergebnis.* Schematischer Weg einer URL durch die Google Suche. Google beschreibt drei Stufen: Crawling (mit Entdecken und Rendern), Indexierung und Ausgabe der Suchergebnisse. Eine Indexierung ist nicht garantiert.

*Grafik: Wo das HTML entsteht: CSR, SSR, SSG.* Entscheidend für Crawler ist, ob der Inhalt schon in der ersten HTML-Antwort steht. Google empfiehlt Server-Side Rendering oder Prerendering; Dynamic Rendering bezeichnet Google als Workaround, keine Dauerlösung.

*Grafik: Roh-HTML vs. gerendertes HTML.* Im Roh-HTML einer JavaScript-Seite fehlen Title, Überschrift und Links. Google indexiert das gerenderte HTML und sucht dort erneut nach Links.

## Verwandte Begriffe

- [Client-Side Rendering (CSR)](https://seo-geo-glossary.com/de/glossar/client-side-rendering/index.md)
- [Server-Side Rendering (SSR)](https://seo-geo-glossary.com/de/glossar/server-side-rendering/index.md)
- [Dynamic Rendering](https://seo-geo-glossary.com/de/glossar/dynamic-rendering/index.md)

## Mehr dazu im searchVIU-Blog

- [JavaScript Crawling Studie: Gerendertes vs. nicht gerendertes HTML](https://www.searchviu.com/de/studie-zum-crawling-von-javascript-gerendertes-html-vs-original-quellcode/)

## Quellen

- [JavaScript-SEO – Grundlagen – Google Search Central](https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics?hl=de)
- [Rendering on the Web – web.dev (aktualisiert 2026-01-05)](https://web.dev/articles/rendering-on-the-web)
- [Dynamisches Rendering als Behelfslösung – Google Search Central](https://developers.google.com/search/docs/crawling-indexing/javascript/dynamic-rendering?hl=de)
- [Lazy-Loading-Inhalte korrigieren – Google Search Central](https://developers.google.com/search/docs/crawling-indexing/javascript/lazy-loading?hl=de)
- [Einführung in robots.txt (Ressourcendateien) – Google Search Central](https://developers.google.com/search/docs/crawling-indexing/robots/intro?hl=de)

---

Stand: 8. Oktober 2026
URL: https://seo-geo-glossary.com/de/glossar/rendering/