# JavaScript-Frameworks (React, Angular, Vue)

Kategorie: [Rendering & JavaScript](https://seo-geo-glossary.com/de/glossar/kategorie/rendering-javascript/) › [JavaScript & Frameworks](https://seo-geo-glossary.com/de/glossar/kategorie/rendering-javascript/javascript-frameworks/) · Auch genannt: React, Angular, Vue, Frontend-Frameworks

**JavaScript-Frameworks** wie React, Angular und Vue sind Werkzeugkästen, mit denen Entwickler interaktive Weboberflächen aus wiederverwendbaren Komponenten bauen. MDN beschreibt sie als bewährte Tools für skalierbare, interaktive Webanwendungen. Streng genommen gilt React als Bibliothek, im Alltag fasst man es mit den Frameworks zusammen.

## Welche gibt es?

MDN nennt als Beispiele React, Angular, Ember, Svelte und Vue. Daneben gibt es Meta-Frameworks wie Next.js, Nuxt oder Astro, die auf einem Framework aufbauen und Server-Rendering und Routing mitbringen.

## Warum JavaScript-Frameworks SEO-relevant sind

Frameworks erzeugen Inhalte häufig erst im Browser. Dann liefert der Server ein schlankes HTML-Dokument, und der eigentliche Inhalt entsteht, nachdem das JavaScript gelaufen ist. Google rendert solche Seiten mit Headless Chromium und indexiert das gerenderte HTML. Das klappt, wenn das Rendering gelingt, kostet aber Zeit und kann an Fehlern scheitern.

Google rät, Server-Side oder Pre-Rendering weiterhin in Betracht zu ziehen, da es die Website für Nutzer und Crawler schneller macht. web.dev beschreibt die Optionen: Server-Side Rendering, Static Rendering und Client-Side Rendering. Client-Side Rendering erhöht laut web.dev die Menge an JavaScript im Browser und kann auf Mobilgeräten die Leistung beeinträchtigen.

Aus der Google-Dokumentation für Framework-Seiten ergeben sich außerdem diese Punkte:

- Eigene URLs über die History API statt URL-Fragmente
- Echte Statuscodes statt Status 200 auf Fehlerseiten
- Canonical-Tags möglichst im ursprünglichen HTML
- Dateinamen mit Fingerprint (etwa `main.2bb85551.js`), weil Googlebot Ressourcen stark zwischenspeichert

## Beispiel

Eine React-App ohne Server-Rendering liefert dieses HTML aus:

```html
<div id="root">
<script src="/static/main.2bb85551.js"></script>
```

Titel, Texte und Links entstehen erst im Browser. Mit Next.js oder einem ähnlichen Framework kann dasselbe Projekt den Inhalt schon im ersten HTML ausliefern.

## Häufige Fehler

- **Fehlerseiten mit Status 200**: Melden Single-Page-Apps Fehler clientseitig mit Status 200, können Fehlerseiten im Index landen. Google nennt eine Weiterleitung auf eine echte 404-Seite oder ein `noindex` per JavaScript als Lösung.
- **Ansichten über URL-Fragmente**: Ansichten wie `/#/produkte` bekommen keine eigene URL. Google empfiehlt die History API.
- **Dateinamen ohne Fingerprint**: Googlebot speichert aggressiv zwischen, und der Rendering-Dienst kann Caching-Header ignorieren. Veraltete JavaScript- oder CSS-Dateien sind die Folge.
- **Abweichende Canonical-URL per JavaScript**: Gesetzt per Skript, muss sie dem Wert im ursprünglichen HTML entsprechen.

## Häufige Fragen

**Was sind die bekanntesten JavaScript-Frameworks?** React, Angular und Vue gehören laut MDN zu den genannten Optionen. Ranglisten ändern sich laufend.

**Sind JavaScript-Frameworks schlecht für SEO?** Das Framework selbst entscheidet das nicht. Entscheidend ist, ob wichtige Inhalte im gerenderten HTML erscheinen, am besten schon im ersten HTML.

*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.

## Verwandte Begriffe

- [JavaScript-SEO](https://seo-geo-glossary.com/de/glossar/javascript-seo/index.md)
- [JavaScript-Weiterleitung](https://seo-geo-glossary.com/de/glossar/javascript-weiterleitung/index.md)
- [Rendering](https://seo-geo-glossary.com/de/glossar/rendering/index.md)
- [Server-Side Rendering (SSR)](https://seo-geo-glossary.com/de/glossar/server-side-rendering/index.md)
- [Client-Side Rendering (CSR)](https://seo-geo-glossary.com/de/glossar/client-side-rendering/index.md)
- [Hydration](https://seo-geo-glossary.com/de/glossar/hydration/index.md)

## Quellen

- [JavaScript frameworks and libraries – MDN Web Docs](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Frameworks_libraries)
- [JavaScript SEO Basics – Google Search Central](https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics)
- [Rendering on the Web – web.dev](https://web.dev/articles/rendering-on-the-web)
- [Fehlerbehebung bei Suchproblemen mit JavaScript – Google Search Central](https://developers.google.com/search/docs/crawling-indexing/javascript/fix-search-javascript)

---

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