Progressive Web App (PWA)

Woraus besteht eine PWA?

MDN beschreibt diese Bausteine. Das Web App Manifest ist eine JSON-Datei mit Name, Icons, Start-URL, Darstellungsmodus und Farben. Der Service Worker ist ein Skript, das Anfragen abfängt, Antworten zwischenspeichert und damit Offline-Betrieb sowie Hintergrundsynchronisation ermöglicht. Service Worker setzen HTTPS voraus. Zum Installieren braucht eine PWA laut MDN ein Manifest, einen Service Worker aber nicht.

Ob ein Browser die Installation anbietet, hängt von weiteren Kriterien wie passenden Icons ab, die je Browser variieren.

Was bedeutet das für SEO?

Für Google zählt bei einer PWA dasselbe wie bei jeder JavaScript-Website. Googlebot lädt das HTML, folgt Links, rendert die Seite mit einem aktuellen Chromium und indexiert das Ergebnis. Links erkennt Google nur als <a>-Elemente mit href. Clientseitig geroutete Apps sollten die History API statt URL-Fragmenten nutzen, und für nicht vorhandene Seiten braucht es sinnvolle Statuscodes oder ein noindex, damit keine Soft-404-Seiten entstehen.

Eine PWA hat damit keinen eigenen SEO-Status. Wo jede Ansicht eine eigene, per Link erreichbare URL hat, gelten die üblichen Regeln.

Ein Test von searchVIU (2020) zeigte, dass die Registrierung eines Service Workers im Live-Test der Search Console mit der Meldung „Rejected“ scheiterte. Das passt zu Googles Beschreibung, nach der der Renderer keinen Zustand zwischen Seitenaufrufen behält und Cookies sowie Local Storage löscht. Inhalte einer PWA sollten deshalb auch ohne Service Worker vollständig laden.

Beispiel

Verknüpfung des Manifests im <head>:

<link rel="manifest" href="/manifest.webmanifest">

Inhalt der Datei in Auszügen:

{
  "name": "Beispiel Shop",
  "start_url": "/",
  "display": "standalone",
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
  ]
}

Häufige Fragen

Wie installiert man eine PWA? Erfüllt die Seite die Kriterien des Browsers, bietet er die Installation an, meist über die Adressleiste oder das Browsermenü.

Stand: 8. Oktober 2026