PWA

Wir machen aus der Website eine App auf dem Startbildschirm: Manifest, Service Worker, Offline-Cache und Push-Nachrichten. Ohne Veröffentlichung im Store.
Projekt bestellen

Was die PWA-Entwicklung umfasst

Wir setzen auf der bestehenden Website auf: Manifest, Service Worker und Benachrichtigungen, ohne das Projekt neu zu schreiben. Der Code bleibt in Ihrem Repository.

Web App Manifest und Installation

Symbole für alle Bildschirmgrößen, Name, Farben, Startbildschirm und der Modus ohne Adressleiste. Genau diese Datei sorgt dafür, dass der Browser die Installation anbietet.

ManifestSymboleInstallation

Service Worker und Offline-Betrieb

Grundgerüst und statische Dateien werden vorab zwischengespeichert, Daten kommen aus dem Netz mit dem Cache als Rückfallebene. Ohne Verbindung sieht der Nutzer gespeicherte Seiten statt einer Browserfehlermeldung.

Service WorkerOfflineCache

Push-Nachrichten

Anmeldung über Web Push, Segmente und Anlässe: abgebrochener Warenkorb, Bestellstatus, wieder verfügbarer Artikel. Die Berechtigungsabfrage erscheint nach einer Nutzeraktion, nicht auf dem ersten Bildschirm.

Web PushSegmente

Tempo bei Folgebesuchen

Der zweite Aufruf kommt aus dem Cache, die Oberfläche erscheint also fast sofort, selbst bei schwacher Verbindung. Das zeigt sich in den mobilen Core Web Vitals.

CacheCore Web Vitals

PWA auf bestehender Website

Funktioniert mit WordPress, OpenCart oder einer Eigenentwicklung. Inhalte müssen nicht migriert und das CMS nicht gewechselt werden — es ändert sich die Auslieferungsschicht, nicht die Website.

WordPressOpenCartIntegration

Installationen messen

Installationen, Starts über das Symbol und Reaktionen auf Push-Nachrichten gehen als Events an GA4. Sichtbar wird nicht nur, wie viele installiert haben, sondern wie viele die App wirklich nutzen.

GA4Events

Ergebnisse unserer Kunden

Wir setzen auf langfristige Partnerschaften — und die Zahlen sprechen für sich: Die durchschnittliche Zusammenarbeit mit uns dauert 5 Jahre, und die finanziellen Ergebnisse unserer Partner wachsen von Quartal zu Quartal.

Rezensionen

Wir setzen auf langfristige Partnerschaften — und die Zahlen sprechen für sich: Die durchschnittliche Zusammenarbeit mit uns dauert 5 Jahre, und die finanziellen Ergebnisse unserer Partner wachsen von Quartal zu Quartal.

Wie wir arbeiten

Eine PWA behebt keine Schwächen der Website. Deshalb beginnen wir nicht damit, solange die Basis schlecht läuft.

Erst die schnelle Website, dann die PWA

Der Cache beschleunigt Folgebesuche, der allererste Aufruf bleibt jedoch, wie er war. Lädt eine Seite langsam, fangen wir genau dort an.

Cache mit Versionen

Der häufigste Umsetzungsfehler: Nutzer sehen einen alten Preis, weil der Service Worker die gespeicherte Kopie ausliefert. Die Versionierung legen wir von Anfang an an.

Keine Installationsbanner mit Nachdruck

Ein Banner über dem Inhalt auf dem ersten Bildschirm schadet Conversion und mobilen Kennzahlen. Wir zeigen das Angebot denen, die bereits zurückgekehrt sind.

Beratung oder Audit anfragen

Erzählen Sie uns von Ihrer Aufgabe: Wir schlagen eine Lösung vor und zeigen, wie sie sich in Zahlen rechnet. Die Beratung ist kostenlos und unverbindlich.
Fehler: Stellen Sie sicher, dass alle erforderlichen Felder korrekt ausgefüllt sind, und versuchen Sie es erneut

Wann eine PWA günstiger ist als eine App

Eine native App bedeutet zwei getrennte Entwicklungen, zwei Store-Einträge und eine Prüfschleife für jede Korrektur. Die PWA bleibt Teil der Website: eine Codebasis, ein Team, und das Update ist da, sobald Sie es ausrollen. Für Unternehmen, die Symbol, Push-Nachrichten und Tempo brauchen, genügt das meist.

01

Eine Codebasis

Website und App sind dasselbe Projekt. Es braucht keine getrennten iOS- und Android-Entwickler und keinen Abgleich von drei Funktionsständen.

02

Updates ohne Store-Prüfung

Ein korrigierter Preis oder Text erreicht den Nutzer beim nächsten Öffnen. Kein Warten auf die Store-Freigabe und kein Überreden, die App zu aktualisieren.

03

Inhalte bleiben auffindbar

PWA-Seiten sind normale URLs, die indexiert werden und Traffic bringen. Der Inhalt einer nativen App existiert in den Suchergebnissen nicht.

So setzen wir eine PWA um

Wir beginnen nicht beim Manifest, sondern bei der Frage, was ein Nutzer ohne Verbindung erledigen können muss. Daraus ergibt sich die Cache-Strategie.

01

Audit der Website

Wir prüfen HTTPS, Tempo, mobile Darstellung und welche Seiten sich überhaupt zum Zwischenspeichern eignen. Ist die Website langsam, wird zuerst das behoben.

02

Offline-Szenario

Wir legen fest, was ohne Verbindung verfügbar bleibt: Katalog, Produktseite, Kontakte, gespeicherte Dokumente. Alles Übrige zeigt eine verständliche Ersatzseite statt einer Fehlermeldung.

03

Manifest, Service Worker, Cache

Wir schreiben die Dateien, definieren getrennte Strategien für statische Dateien und für Daten und versionieren den Cache, damit ein Update beim Nutzer ankommt und nicht in einer alten Kopie hängen bleibt.

04

Prüfung und Start

Wir testen die Installation unter Android und iOS, den Betrieb ohne Verbindung und den Wechsel auf eine neue Version. Danach folgen Push-Nachrichten und Analytics-Events.

Gift
Gutscheincode anzeigen

Zusätzliche Dienstleistungen

Alle Kompetenzen im Haus — komplexe Aufgaben werden schnell gelöst, ohne Qualitätsverlust und ohne Zeitverlust in der Abstimmung mit Auftragnehmern.

Websites

Zielseite

E-Commerce

Werbekreative

CRM-Einführung

Häufige Fragen zur PWA

Was vor dem Start am häufigsten gefragt wird.

01

Worin unterscheidet sich eine PWA von einer responsiven Website?

Eine responsive Website sieht auf dem Telefon einfach gut aus. Die PWA ergänzt Symbol auf dem Startbildschirm, Offline-Betrieb und Push-Nachrichten. Ist responsives Layout vorhanden, ist die PWA keine Alternative dazu, sondern die nächste Schicht darüber.

02

Ersetzt eine PWA unsere native App?

Das hängt von den Funktionen ab, und die ehrliche Antwort lautet manchmal nein. Katalog, Kundenbereich, Bestellungen, Status und Push-Nachrichten deckt die PWA ab. Bluetooth-Geräte, Routenverfolgung im Hintergrund und Zahlungen über die Store-Abrechnung nicht — dafür braucht es native Entwicklung.

03

Wie verhält sich eine PWA auf dem iPhone?

Sie wird nur manuell über Safari installiert: «Teilen» → «Zum Home-Bildschirm». Web-Push greift erst danach. Der Cache kann vom System geleert werden, wenn die App länger ungenutzt bleibt — das Offline-Szenario ist unter iOS also weniger verlässlich als unter Android.

04

Lässt sich eine PWA bei Google Play oder im App Store veröffentlichen?

Bei Google Play ja, über eine Trusted-Web-Activity-Hülle. Beim App Store ist es schwieriger: Apple lehnt Apps ab, die lediglich eine Website öffnen, dort führt meist nur echte native Entwicklung zum Eintrag.

05

Was kostet der Betrieb einer PWA?

In der Regel gibt es dafür kein eigenes Budget, es gehört zur Website-Betreuung. Eine wiederkehrende Aufgabe kommt hinzu: nach jedem Release prüfen, ob der Cache gewechselt hat und die Nutzer die neue Version sehen.

06

Wirkt sich eine PWA auf Rankings aus?

An sich nicht, sie ist kein Rankingfaktor. Indirekt wirken Tempo und die Tiefe der Folgebesuche. Das eigentliche Risiko liegt umgekehrt: Ein falsch konfigurierter Cache kann dem Crawler eine veraltete Seitenversion ausliefern.

07

Wie lange dauert die Umsetzung?

Das hängt vom Zustand der Website und vom Umfang des Offline-Szenarios ab. Die Basis — Manifest, Cache für statische Dateien und Offline-Seite — ist deutlich schneller fertig als ein Offline-Katalog mit Datenabgleich. Die Frist nennen wir nach dem Audit.

08

Wir nutzen WordPress. Erledigt ein Plugin das nicht?

Ein Plugin liefert Manifest und Basis-Cache, für eine Visitenkartenseite kann das reichen. Bei Shop oder Kundenbereich müssen die Cache-Strategien je Seitentyp geschrieben werden, sonst landen persönliche Daten im Cache und Nutzer sehen einen alten Preis.

PWA-Entwicklung: Website als installierbare App

Was eine PWA wirklich ist

Eine Progressive Web App ist eine gewöhnliche Website mit drei Ergänzungen: Symbol auf dem Startbildschirm, Betrieb ohne Verbindung und Push-Nachrichten. Nutzer öffnen sie wie eine App vom Telefon, heruntergeladen wird nichts — alles läuft im Browser.

Technisch sind es einige Dateien über der bestehenden Website. Das Web App Manifest beschreibt Name, Symbole, Farben und den Start ohne Adressleiste. Der Service Worker ist ein Skript zwischen Seite und Netzwerk: Er fängt Anfragen ab und liefert gespeicherte Kopien, wenn keine Verbindung besteht. HTTPS ist Voraussetzung.

PWA, Website und native App im Vergleich

Verglichen an den Punkten, die Entscheidung und Budget verändern.

KriteriumGewöhnliche WebsitePWANative App
InstallationkeineSymbol aus dem Browserüber App Store oder Google Play
Ohne Verbindungleere Seitewas im Cache liegtfunktioniert
Push-Nachrichtennur im Browserja, mit Einschränkungen unter iOSja
Updatessofortsofort, nach neuer Cache-VersionRelease mit Store-Prüfung
GerätefunktionenminimalKamera, Standort, Dateienvollständig
Codebasiseineeineje eine für iOS und Android
Suchergebnisseindexiertindexiertnicht indexiert

Einschränkungen unter iOS

Android schlägt die Installation selbst vor: Der Browser zeigt einen Hinweis, zustimmen genügt. Auf dem iPhone muss die Seite in Safari geöffnet und über «Zum Home-Bildschirm» hinzugefügt werden — ein Systembanner gibt es nicht, und ein Teil der Zielgruppe kennt diesen Weg nicht. Web-Push greift unter iOS erst danach, und der Cache kann vom System geleert werden, wenn die App länger ungenutzt bleibt.

Wann eine PWA nicht sinnvoll ist

  • Sie brauchen Bluetooth, NFC-Zahlung oder Routenverfolgung im Hintergrund — hier gewinnt die native App;
  • Ihre Zielgruppe sucht Sie im App Store und wertet den Eintrag als Beleg für Seriosität;
  • die Website ist langsam oder unübersichtlich — eine PWA heilt das nicht, sie konserviert es im Cache;
  • der Traffic ist einmalig: Menschen kommen aus der Anzeige, kaufen einmal und kehren nicht zurück — niemand installiert ein Symbol.

PWA oder neue Website

Unternehmenswebsite, Onlineshop und Landingpage sind Website-Typen mit eigener Struktur und eigenen Inhalten. Eine PWA ersetzt keinen davon: Sie ist eine Betriebsart über einem fertigen Projekt. Fehlt die Website noch, kommt zuerst die Entwicklung, die PWA folgt danach.

Mit wem wir gearbeitet haben

Adcore arbeitet seit 2014, 24 Mitarbeitende fest angestellt, über 600 abgeschlossene Projekte. Zu den Kunden zählen Hyundai, Heineken, Kärcher, CLAAS, Hilti, PepsiCo, Silpo und Materia Medica sowie Wohnkomplexe und Klinikketten.