# Single-Page-Application (SPA)

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: SPA, Single-Page-Webanwendung

Eine **Single-Page-Application (SPA)** ist eine Web-App, die nur ein einziges HTML-Dokument lädt und beim Navigieren den Inhalt per JavaScript im Browser austauscht. MDN beschreibt das so: Nutzer wechseln zwischen Ansichten, ohne dass der Server jedes Mal eine neue Seite liefert. In der Suche taucht der Begriff „SPA“ meist im Wellness-Sinn auf, hier geht es um die Webtechnik.

## Wie funktioniert eine SPA?

Beim ersten Aufruf lädt der Browser ein schlankes HTML-Dokument und das JavaScript. Das JavaScript holt Daten, etwa per Fetch API, und baut die Ansicht im DOM auf. Beim Klick auf einen Link wechselt ein clientseitiges Routing die Ansicht. Typische Frameworks sind React, Angular und Vue.

## SPA und SEO

Google verarbeitet JavaScript-Seiten in Crawling, Rendering und Indexierung. Bei einer SPA enthält das erste HTML oft noch nicht den eigentlichen Inhalt, den liefert erst das Rendering mit Headless Chromium. Google rät, serverseitiges oder vorab gerendertes HTML weiterhin in Betracht zu ziehen, weil es die Website für Nutzer und Crawler schneller macht.

Aus den Google-Dokumenten ergeben sich konkrete Regeln:

- **Eigene URLs per History API:** Verschiedene Ansichten sollen über die History API laufen, nicht über URL-Fragmente (`#`). Googlebot kann Fragmente nicht zuverlässig auflösen.
- **Richtige Statuscodes:** SPAs liefern für Fehlerseiten oft Status 200. Google empfiehlt, auf eine echte 404-Seite weiterzuleiten oder dynamisch `noindex` zu setzen, damit keine Soft 404 entstehen.
- **Canonical im HTML:** Wenn möglich, im ursprünglichen HTML setzen statt per JavaScript.
- **Kein Zustand zwischen Aufrufen:** Googles Rendering behält localStorage, sessionStorage und Cookies nicht über Seitenaufrufe hinweg.

## Beispiel

Ein Onlineshop als SPA liefert unter `/produkt/42` und `/produkt/99` dasselbe leere HTML mit `<div id="app">`. Erst das JavaScript lädt Titel und Beschreibung. Ohne eigene URLs und ohne gerenderte Inhalte hat Google wenig, was es indexieren kann.

## Häufige Fehler

- **Links ohne `href`.** Google entdeckt Links nur in `<a>`-Elementen mit `href`-Attribut. Für das Routing einer SPA gilt das ebenso.
- **Inhalte hinter einer Berechtigung.** Googlebot lehnt Berechtigungsabfragen ab, etwa den Kamerazugriff. Der Inhalt muss auch ohne Zustimmung erreichbar sein.
- **Inhalte nur über WebSockets oder WebRTC.** Googlebot holt Inhalte per HTTP und unterstützt diese Verbindungen nicht. Google rät zu einem HTTP-Fallback.
- **Script-Dateien ohne Fingerprint im Namen.** Googlebot nutzt den Cache aggressiv, und das Rendering kann Cache-Header ignorieren. Dadurch lassen sich veraltete JavaScript- oder CSS-Dateien laden. Google empfiehlt Content Fingerprinting, etwa `main.2bb85551.js`.

## Häufige Fragen

**Welche Beispiele für SPAs gibt es?** Zweitquellen nennen Gmail, Netflix und Facebook, die Einordnung stammt nicht von den Anbietern.

**Ist SSR besser als SPA?** Das hängt vom Projekt ab. SSR liefert den Inhalt schon im ersten HTML, die SPA verlagert die Arbeit in den Browser.

*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

- [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)
- [JavaScript-SEO](https://seo-geo-glossary.com/de/glossar/javascript-seo/index.md)
- [AJAX](https://seo-geo-glossary.com/de/glossar/ajax/index.md)
- [History API / pushState](https://seo-geo-glossary.com/de/glossar/history-api-pushstate/index.md)
- [Soft 404](https://seo-geo-glossary.com/de/glossar/soft-404/index.md)

## Quellen

- [SPA – MDN Glossary](https://developer.mozilla.org/en-US/docs/Glossary/SPA)
- [JavaScript SEO Basics – Google Search Central](https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics)
- [Fix Search-related JavaScript problems – 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/single-page-application/