Sind PWAs der Weg? Alles, was Sie über progressive Web-Apps für E-Commerce wissen müssen

Seit der Einführung von Progressive Web Apps im Jahr 2015 haben viele Unternehmen große Vorteile aus dieser Technologie gezogen. Sie sind in der Lage, hochinteressante Benutzererlebnisse zu liefern und gleichzeitig neue Benutzergruppen zu erreichen. Die bemerkenswertesten Anwendungsfälle stammen von großen Unternehmen wie Twitter, Trivago, Alibaba und Walmart, die doppelte Konversionsraten und schneller als je zuvor wachsende Einnahmen melden.

Die PWA-Erfolgsgeschichten dieser Geschäftsriesen sind logischerweise für verschiedene kleine und mittelständische Unternehmen attraktiv. Durch die Verwendung von Progressive Web Apps können Händler jetzt einem viel größeren Publikum im mobilen Web dasselbe hochkonvertierende, App-ähnliche Erlebnis einer nativen App bieten – was diese Technologie für Unternehmen jeder Größe unumgänglich macht .

Was ist eine progressive Web-App?

Im Kern ist eine Progressive Web App (PWA) eine Webanwendung, die die neuesten Webfunktionen nutzt, um Benutzern ein natives App-ähnliches Erlebnis zu bieten. Es ist die Technologie, die Konsistenz zwischen Web- und nativen Apps bringt und beide durch eine einzige Instanz ersetzt.

In der Vergangenheit boten native Apps ein viel reichhaltigeres Erlebnis als das mobile Web und sorgten für eine hohe Interaktion mit dem Endbenutzer. Eine progressive Webanwendung ist eine Website, die genauso aussieht und sich wie eine native App verhält, was bedeutet, dass sie unglaublich schnell ist, zum Startbildschirm eines Smartphones hinzugefügt werden kann, Push-Benachrichtigungen sendet und sogar offline funktioniert.

Progressive Web-Apps sind:

1. Zuverlässig.

Sie werden unabhängig vom Netzwerkstatus sofort geladen. Sie eliminieren die Abhängigkeit von einer Netzwerkverbindung und gewährleisten ein sofortiges und zuverlässiges Benutzererlebnis, selbst bei schlechter oder nicht vorhandener Internetverbindung.

2. Unglaublich schnell.

Wenn Ihre Website langsam ist, verlassen Kunden sie, wodurch Ihnen potenzielle Verkäufe entgehen. PWAs werden extrem schnell geladen und reagieren schnell auf Benutzerinteraktionen. Eine verbesserte Website-Performance wirkt sich positiv auf Conversion, Benutzererfahrung und Retentionsraten aus.

3. Sehr ansprechend.

Sie bieten ein echtes natives App-Erlebnis, einschließlich Webfunktionen wie der Option, Push-Benachrichtigungen zu senden und auf dem Startbildschirm anzuzeigen.

Warum Ihr Unternehmen eine Progressive Web App benötigt

Da der mobile Traffic den Desktop-Traffic übertrifft – derzeit kommen 60 % des Traffics von mobilen Geräten – ist es für Händler entscheidend, das beste Einkaufserlebnis zu bieten, um ihr Publikum zu begeistern. Der mobile Traffic wächst, die Conversion-Raten jedoch nicht:Der mobile Traffic macht immer noch nur 16 % der gesamten Conversion aus.

Google berichtet, dass E-Commerce-Shops, die auf eine Progressive Web App umsteigen, im Allgemeinen eine Umsatzsteigerung von insgesamt 20 % verzeichnen, wobei sich die Conversion-Raten auf Mobilgeräten in einigen Fällen verdoppeln.

Jeder neue und bestehende Webshop sollte erwägen, seine Dienste nicht nur als Standard-Online-Shop, sondern als Progressive-Web-App anzubieten. Da die Mehrheit der E-Commerce-Websites diese neue Technologie noch nicht anwendet, stellen sie eine seltene und aufregende Gelegenheit dar, der Konkurrenz einen Schritt voraus zu sein.

1. Bessere Benutzerakzeptanz durch Installation auf dem Startbildschirm.

Progressive Web Apps bieten ein äußerst ansprechendes Benutzererlebnis mit den gleichen Funktionen wie native Apps. Progressive Web Apps können auf dem Startbildschirm installiert werden, wodurch sie für Benutzer direkt zugänglich sind.

In einem typischen Monat liegt die durchschnittliche Anzahl der von einem Smartphone-Benutzer heruntergeladenen Apps nahe bei Null. Die Leute laden keine Apps herunter.

Bei einer Progressive Web App ist das „Herunterladen“ so einfach wie das Aufrufen eines Weblinks und das Akzeptieren einer Eingabeaufforderung. Aus Benutzersicht verwandelt sich die Website in eine „echte“ App – also nicht in eine Browser-Verknüpfung – indem sie auf dem Homescreen platziert wird. Dadurch wird das gleiche Ergebnis wie beim Herunterladen aus einem App Store erzielt, jedoch ohne den Aufwand, den App Store-Prozess zu durchlaufen. Darüber hinaus sind nach der Installation der PWA auf dem Startbildschirm keine weiteren Updates erforderlich. PWAs werden automatisch im Hintergrund aktualisiert, sodass Ihre Kunden immer die neuesten Inhalte sehen können.

Vielleicht ist es daher nicht überraschend, dass Unternehmen berichten, dass ihre Benutzer ihre PWAs installieren, während sie zuvor ihre native App abgelehnt haben.

Flipkart sah, dass 60 % der Kunden, die ihre native App deinstalliert hatten, zur Verwendung der Flipkart-PWA zurückkehrten. Bei der Benutzerakzeptanz einer beliebigen Website erweisen sich schnelle Installationen mit PWA als entscheidend für die Benutzerinteraktion und den Erfolg.

2. Steigerung der Benutzerinteraktion mit Push-Benachrichtigungen.

Ähnlich wie eine native App bietet PWA die Möglichkeit, Push-Benachrichtigungen an mobile Geräte zu senden. Auf sehr intuitive Weise können Unternehmen ihre Zielgruppe dort erreichen, wo sie sich am meisten aufhält:direkt auf ihrem mobilen Gerät, wodurch eine äußerst ansprechende Benutzererfahrung entsteht.

Diese kleinen Botschaften haben eine große Wirkung:Sie erregen immer Aufmerksamkeit. Im Vergleich zu traditionellem Marketing wie E-Mails haben Push-Benachrichtigungen den großen Vorteil, dass sie direkt auf dem Telefon einer Person erscheinen; Sie heben sich von der Masse ab und vor allem muss ein Unternehmen keine großen Anstrengungen unternehmen, um E-Mail-Adressen oder andere Informationen zu sammeln, bevor es mit seinem Publikum interagieren kann.

Etwa 96 % der Internetnutzer surfen anonym im Internet, hinterlassen keine E-Mail-Adressen oder Kontaktinformationen auf Websites und richten kein Konto ein. Dies ist ein gigantischer blinder Fleck, von dem jedes Unternehmen träumt, ihn in einen Sweet Spot zu verwandeln.

Die Schwelle, um eine Push-Benachrichtigung beim Besuch einer Website zuzulassen, ist viel niedriger als die Schwelle, um sich für einen Newsletter-Dienst anzumelden. Google berichtet, dass fast 60 % der Nutzer ihren PWAs erlauben, ihnen Benachrichtigungen zu senden, was die Möglichkeiten zur Bewerbung von Produkten oder Dienstleistungen erheblich erhöht. Branchen-Benchmarks zeigen, dass im Vergleich zu einer E-Mail 2,7-mal mehr Personen eine Web-Push-Benachrichtigung öffnen und darauf klicken.

3. Reduzierte Entwicklungskosten, schnellere Innovation und kontinuierliche Bereitstellung.

Unternehmen mit einer Omnichannel- und Multiplattform-Strategie bauen, pflegen und bewerben derzeit bis zu 4 Systeme:ihre (responsive) Website, ihre Android-App, ihre iOS-Apps und in einigen Fällen auch native Windows 10-Apps.

Während das Erstellen, Optimieren und Pflegen einer responsiven Website bereits ein ressourcenintensiver Prozess ist, kann die zusätzliche Entwicklung nativer Apps diese Investition leicht vervierfachen. Dies ist nicht nur auf die Erstellung einer App zurückzuführen, sondern auch auf die laufende Überwachung, Wartung, Verbesserungen und die Überprüfungsprozesse im App Store (und vergessen wir nicht die berüchtigten 30 % Apple Tax).

Eine Progressive Web App macht die Entwicklung, Wartung und Vermarktung einer anderen Plattform als der PWA-Website vollständig überflüssig. Dies bietet eine einzigartige Gelegenheit, alle Kanäle von einer Plattform aus zu bedienen, die von einem Team aufgebaut, gepflegt und gewartet wird. Es reduziert Kosten und Time-to-Market drastisch, während es allen Kunden weiterhin die gleiche Benutzererfahrung und dieselben Funktionen bietet und die Multi-Channel-Strategie beibehält.

4. Hervorragende Sofortleistung.

Internetnutzer fordern immer mehr Geschwindigkeit, insbesondere mit dem massiven Anstieg der Mobile-First- und sogar Mobile-Online-Nutzung. Untersuchungen zeigen, dass 53 % der Besucher eine Website nach nur 3 Sekunden Seitenladezeit verlassen und die Konversionsraten um 21,8 % bei jeder 1 Sekunde Verzögerung der Seitengeschwindigkeit sinken.

Es ist fast unglaublich, dass die durchschnittliche Ladezeit von Webseiten auf Mobilgeräten in 3G-Netzen 19 Sekunden und in 4G-Netzen 14 Sekunden beträgt.

Der Bericht „The Need for Mobile Speed“ stellte fest, dass mobile Websites, die innerhalb von fünf Sekunden geladen wurden, viel besser abschnitten als solche, die 19 Sekunden zum Laden benötigten:Websites, die innerhalb von 5 Sekunden geladen wurden, weisen eine 25 % höhere Anzeigensichtbarkeit und 70 % längere durchschnittliche Sitzungen auf , und eine um 35 % niedrigere Absprungrate.

Progressive Web Apps sind von Natur aus für extrem reibungslose und schnelle Benutzererlebnisse konzipiert. Es nutzt die Geschwindigkeitsvorteile des Webs und das clientseitige Caching im „nativen Stil“ und übertrifft beide beim Laden von Seiten. PWAs können innerhalb von nur 1 Sekunde geladen werden, wodurch ein echtes „Sofort“-Geschwindigkeitserlebnis entsteht, das den Benutzer von Anfang an einbezieht.

Darüber hinaus benötigen Progressive Web Apps deutlich weniger Speicherplatz – sowohl auf dem Unternehmensserver als auch auf dem Gerät des Benutzers – und bieten Vorteile wie schnellere Ladezeiten, weniger Datenverbrauch und weniger erforderlichen Speicherplatz.

Die PWA von BookMyShow benötigt weniger als 3 Sekunden zum Laden und erhöhte die Konversionsraten um über 80 %. Die PWA ist 54-mal kleiner als eine Android-App und 180-mal kleiner als eine iOS-App.

5. PWAs können Ihre SEO verbessern.

Da eine PWA webbasiert ist, ist alles für Suchmaschinen auffindbar. Alle Inhalte innerhalb einer PWA können mit Google und Bing verlinkt, geteilt und bewertet werden. Dies steht im Gegensatz zu nativen Apps, die nicht von Suchmaschinen-Robotern gecrawlt werden können. Durch die Überwindung der Barrieren zwischen Web und Native können Benutzer jederzeit und auf jedem Gerät direkt mit den anspruchsvollsten digitalen Produkten verbunden werden.

Superschnelle Ladezeiten, reduzierte Absprungraten, minimaler Datenverbrauch und hochinteressante Erlebnisse sind standardmäßig Booster für SEO-Rankings. Da PWA Vorteile wie diese sofort einsatzbereit bietet, ist es logisch, dass die Verwendung einer PWA automatisch zu höheren SEO-Rankings führt. Wenn es richtig gemacht wird, ist dies absolut wahr. Google stuft gut gestaltete PWAs höher ein als jede andere reguläre Website.

Technisches SEO ist jedoch sehr wichtig. Es ist wichtig sicherzustellen, dass die Technologie von Progressive Web Apps auf die richtige Weise bereitgestellt wird. Progressive Web Apps nutzen die Flexibilität von JavaScript, was bedeutet, dass Google die einzelne veröffentlichte Seite als eine JavaScript-Site betrachtet. Google crawlt PWA-Sites genau so, wie es eine AJAX- oder JavaScript-Site crawlen würde, aber die Fähigkeit von Suchmaschinen, Inhalte korrekt zu entdecken, zu crawlen und genau zu indizieren – was stark auf JavaScript angewiesen ist – war in der Vergangenheit schlecht.

Glücklicherweise besteht kein Grund zur Sorge. Entwickler, die PWAs erstellen, müssen sich darüber im Klaren sein, wie sie die Website optimieren können, um sicherzustellen, dass die Seite angemessen indiziert wird, was mit Techniken wie serverseitigem Rendering problemlos möglich ist – wodurch PWAs die richtige Architektur erhalten, um die besten SEO-Rankings zu erhalten, die sie verdienen. P>

Hier sind einige großartige Ressourcen für PWA-SEO:

• PWAs SEO:Entwicklung optimierter PWAs und wie man sie validiert
• SEO &Progressive Web Apps:Blick in die Zukunft
• Erstellen Sie progressive Web-Apps, die Ihre SEO nicht zerstören
• Unterstützen Progressive Web Apps die organische Suchmaschinenoptimierung?

6. Höhere Konversionsraten.

Es liegt nahe, dass eine bessere Benutzererfahrung zu höheren Konversionsraten führt. Wenn Reibung und Frustration aus einem Online-Shop entfernt werden, wird es für Kunden einfacher, ihre Ziele zu erreichen – und damit auch die Unternehmensziele.

PWAs bieten enorme Möglichkeiten, in jeder Hinsicht bessere Erfahrungen zu liefern.

Lancôme verzeichnete einen Anstieg der Conversions um 17 %, einen Anstieg der mobilen Sitzungen auf iOS um 53 % und einen Anstieg der Conversion-Raten bei wiederhergestellten Warenkörben über Push-Benachrichtigungen um 8 %.

Alibaba verzeichnete 76 % höhere Conversions in allen Browsern, 14 % mehr monatlich aktive Nutzer auf iOS, 30 % mehr monatlich aktive Nutzer auf Android und eine 400 % höhere Interaktionsrate durch "Zum Startbildschirm hinzufügen".

Alles an PWAs ist schneller, schlanker, glatter und effizienter, und das spürt der Benutzer. Vom sofortigen Laden im Hintergrund auf dem Startbildschirm bis hin zum Vollbild-Browsing, sofortigem Laden von Seiten und minimaler Nutzung des Geräteplatzes. Der Benutzer hat eine viel bessere Erfahrung, erledigt seine Aufgaben und wird in Zukunft gerne wiederkommen – unabhängig davon, ob er durch eine äußerst ansprechende Push-Benachrichtigung ausgelöst wird oder nicht.

Anatomie einer Progressive Web App

Im Kern ist eine PWA eine Webanwendung, die die neuesten Webfunktionen nutzt, um Benutzern ein natives App-ähnliches Erlebnis zu bieten.

2015 führte Alex Russell den Begriff „Progressive Web App“ ein. Er erzählte von einem Gespräch zwischen ihm und Frances Berriman, in dem sie „die Attribute [einer] neuen Klasse von Anwendungen aufzählten“, die auf der allmählichen und mächtigen Entwicklung moderner Browser basieren.

Sie erstellten eine Reihe von „Attributen“, die Webapps ausmachen sollten, um als Progressive Web App qualifiziert zu werden. Diese Attribute sind:

1. Progressiv – PWA sollte für jeden Benutzer funktionieren, unabhängig von der Browserwahl, da es mit progressiver Verbesserung als Kernprinzip entwickelt wurde.
2. Reaktionsfähig — PWA sollte auf jedem Gerät und in jeder Größe funktionieren:Desktop, Handy, Tablet oder was auch immer als nächstes kommt.
3. Konnektivitätsunabhängig —PWAs sind nicht von der Netzwerkverfügbarkeit abhängig.
4. App-ähnlich — Der Benutzer wird in Bezug auf Geschwindigkeit und Benutzerinteraktion ein echtes natives App-Erlebnis genießen.
5. Frisch — Die PWA ist immer aktuell, es sind keine Updates erforderlich
6. Sicher — Immer über HTTPS bereitgestellt.
7. Erkennbar — Im Gegensatz zu echten nativen Apps ist eine PWA als „Anwendung“ identifizierbar und ermöglicht es Suchmaschinen, sie zu finden und zu indizieren.
8. Wieder aktivierbar — PWA gibt Vermarktern die Möglichkeit, durch Funktionen wie Push-Benachrichtigungen, die zuvor nur für native Apps verfügbar waren, einfach wieder mit Besuchern in Kontakt zu treten.
9. Installierbar — Eine PWA ermöglicht es Benutzern, Apps, die sie am nützlichsten finden, zu ihrem Startbildschirm hinzuzufügen, ohne mühsam einen App Store durchsuchen zu müssen.
10. Verlinkbar — Eine PWA hat eine tatsächliche URL-Struktur, die es einfach macht, die Anwendung per URL zu teilen, aber auch die Seiten der PWA für Marketingzwecke wie SEA verfügbar macht.

Bei diesem Satz von „Attributen“ dreht sich alles um die Benutzererfahrung und darum, wie wir das Web nutzen:Sicherheit, Geschwindigkeit, Engagement und Teilen. Technisch gesehen kann eine Progressive Web App jedoch durch drei Kriterien definiert werden.

Die drei grundlegenden Kriterien, die eine Website erfüllen muss, um sich als PWA zu qualifizieren, sind:

1. HTTPS — Eine PWA muss über HTTPS bereitgestellt werden, um eine sichere Umgebung und Datenübertragung zu gewährleisten.
2. Web-App-Manifest — Eine PWA benötigt ein Web App Manifest, eine JSON-Datei, die alle Metadaten enthält, die das Gerät über die Seite wissen muss, um sie auf dem Homescreen installieren zu können. Die Datei enthält Informationen wie Symbole, Farben, Schriftarten, Zielseiten-URL usw.
3. Servicemitarbeiter — Der wichtigste Bestandteil einer PWA ist der Service Worker. Dies sind technisch gesehen „Javascript-Proxys“, die Funktionen wie den Offline-Modus, sofortige Geschwindigkeit und die Fähigkeit zum Senden von Push-Benachrichtigungen freischalten.

Dinge wie Push-Benachrichtigungen und der Offline-Modus waren früher im Web aufgrund der Einschränkungen des Browsers nicht möglich – aber durch den Einsatz von Service Workern wurden diese Möglichkeiten jetzt freigeschaltet. Der Service Worker ist eine von Google eingeführte Technologie, mit der Sie Netzwerkanfragen programmgesteuert steuern können, wodurch Sie wiederum Offline-Erfahrungen erstellen und sofortige Geschwindigkeit liefern können. Darüber hinaus können Sie Aufgaben im Hintergrund ausführen, wodurch Sie Push-Benachrichtigungen senden und anzeigen können, selbst wenn der Browser geschlossen ist.

Benötigen Sie eine PWA für Ihren Shop?

Jedes Unternehmen, das online verkauft, würde von einer PWA profitieren. Wenn die Ladezeit der mobilen Seite von 1 Sekunde auf 5 Sekunden sinkt, steigt die Wahrscheinlichkeit eines Absprungs um 90 %. Wenn Kunden durch einen langsamen Checkout aufgehalten werden, ist der Verkauf gefährdet. Die verbesserte Benutzererfahrung und die schnellen Seitengeschwindigkeiten einer Progressive Web App ermöglichen es dem Kunden, seine gewünschte Aufgabe schnell und effizient zu erledigen. PWAs liefern zwei- bis viermal schnellere Seitengeschwindigkeiten und stellen sicher, dass hart verdiente Benutzer engagiert bleiben und konvertieren.

Ob eine E-Commerce-Site ihre Conversion-Rate bei der Implementierung einer Progressive Web App verdoppelt, ist natürlich schwer vorherzusagen. Eines ist sicher:Mit dieser neuen Technologie können Unternehmen jetzt ihrem viel größeren Publikum im mobilen Web das gleiche hochkonvertierende, App-ähnliche Erlebnis einer nativen App bieten. Early Adopters beweisen, dass Progressive Web Apps ihr Geschäft wirklich verändert haben.

1. Erstellen einer progressiven Webanwendung.

Die Umwandlung Ihrer E-Commerce-Website in eine Progressive Web App ist ein Prozess, den jeder Webshop auf jeden Fall innerhalb des nächsten Jahres in Betracht ziehen sollte. Es bietet Ihnen nicht nur alle großartigen Vorteile, sondern stellt auch sicher, dass Sie der Konkurrenz immer einen Schritt voraus sind.

Ein großes Missverständnis ist jedoch, dass Sie das Front-End vollständig ersetzen müssen, wenn Sie von den PWA-Funktionen profitieren möchten, wodurch Unternehmen glauben gemacht werden, dass die Einführung von PWA ein sehr intensiver und teurer Prozess ist.

Zum Glück ist das Gegenteil der Fall! Die PWA-Technologie ermöglicht eine modulare Implementierung und profitiert von Vorteilen bei einer minimalen Time-to-Market. Wenn Sie beispielsweise damit beginnen möchten, Ihrer Zielgruppe die Möglichkeit zu geben, Ihre PWA auf ihrem Homescreen zu installieren, müssen Sie lediglich ein Web-App-Manifest installieren. Darüber hinaus kann der Start mit nativen Apps wie Push-Benachrichtigungen innerhalb von nur 5 Minuten mit Erweiterungen erfolgen, die im BigCommerce Store erhältlich sind.

Die Anwendung solcher Techniken in bestehenden Geschäften ist der erste Schritt zur Verbesserung der Benutzererfahrung und Erhöhung der Konversionsraten innerhalb einer minimalen Markteinführungszeit und zu geringen Implementierungskosten.

2. Erstellen einer progressiven Webanwendung mit BigCommerce und DEITY Falcon.

Die hochgradig erweiterbare offene SaaS-Headless-Plattform von BigCommerce bietet Unternehmen eine Welt voller Möglichkeiten mit Integrationen der Enterprise-Klasse, flexiblen APIs und Webhooks. Unter Verwendung derselben Technologien hat DEITY Falcon eine Open-Source-Startplattform für äußerst ansprechende PWA-Storefronts erstellt.

In Kombination mit DEITY Falcon bietet BigCommerce jedem Geschäft die Möglichkeit, von den Vorteilen von Progressive Web Apps zu profitieren. Durch die Verwendung von BigCommerce als E-Commerce-Kern-Backend-Engine in Kombination mit DEITY Falcon als PWA-Frontend können Unternehmen in allen unterschiedlichen Formen und Größen ihren Benutzern robuste, hochgradig skalierbare und erstaunliche Weberlebnisse bieten und von allen App-Vorteilen profitieren bei gleichzeitiger Minimierung der Time-to-Market – und das alles zu niedrigeren Gesamtbetriebskosten als bei jeder anderen führenden E-Commerce-Plattform.

Zusammenfassung:Was Sie als Nächstes tun sollten

Da Mobiltelefone in die meisten Aspekte unseres Lebens stark integriert sind, verändert das Gerät grundlegend, wie wir einkaufen. Unsere Nachfrage nach besseren und ansprechenden Benutzererlebnissen, sofortigen Ladezeiten, sofortigem Zugriff auf Informationen und Netzwerkunabhängigkeit wächst schnell.

Als Geschäftsinhaber können wir die Kombination aus dem immersiven Erlebnis, das native Apps bieten, und der Reichweite und dem einfachen Zugang zum Internet, die uns PWAs bieten, nicht ignorieren. Der Einstieg in Progressive Web Apps sollte nicht länger hinausgezögert werden.

Unabhängig davon, ob Sie sich für eine vollständige PWA entscheiden oder kleine Schritte unternehmen, indem Sie beispielsweise mit Push-Benachrichtigungen beginnen und zuerst „zum Startbildschirm hinzufügen“, sollte die Einführung einer PWA-Strategie für jede Art von Unternehmen, ob groß oder klein, oberste Priorität haben.

Mit minimalen erforderlichen Investitionen und einer Rekordzeit für die Markteinführung kann jeder damit beginnen, das Erlebnis, das er seinem Publikum heute bietet, drastisch zu verändern, die Konversionsraten zu erhöhen – und letztendlich seine Endergebnisse zu verbessern.