Was sind PWAs? Sind sie schneller? Sind sie ein Faktor für das Suchranking?

Wahrscheinlich haben Sie in letzter Zeit viel mehr über PWAs (Progressive Web Apps) gehört, da große Plattformen wie Google dazu beigetragen haben, sie in den Vordergrund der Gespräche über das mobile Web zu rücken. Es ist ein Thema von großem Interesse für Publisher. Da die Mehrheit der Web-Besucher mittlerweile von einem mobilen Gerät kommt, ist die mobile Version einer Webseite eines Publishers von entscheidender Bedeutung für erfolgreiches Wachstum und Entwicklung.

Werden alle mobilen Webseiten irgendwann PWAs sein?

Wird Google PWAs in der Suche höher ranken?

Sind PWAs schneller als normale mobile Webseiten?

Sind PWAs und AMP ähnlich?

Dies sind alles Fragen, die mir in letzter Zeit zu PWAs gestellt wurden. Im Folgenden zeige ich Ihnen einige Webseiten, die aktuell PWAs einsetzen und gehe auf die oben genannten Fragen ein.

Wir haben auch ein Video zum Thema PWAs und ob sie SEO helfen:

Was ist eine PWA genau?

Es gibt wahrscheinlich viele Stellen im Internet, an denen Sie so ziemlich jede Variante dieser Beschreibung finden können. Die Wahrheit ist, dass je nachdem, ob Sie ein Entwickler, ein Publisher, ein Unternehmen oder ein Web-Besucher sind, die Komplexität der Definition variieren kann.

In der einfachsten Form:

Eine Progressive Web App ist eine mobile Webseite, die die meisten der möglichen Funktionen und Vorteile einer typischen mobilen App enthält. Sie können Offline-Zugang, Push-Benachrichtigungen, Vollbildfunktionalität, schnelleres und reaktionsschnelleres Design und das vollständige Interface ermöglichen, das Endnutzer von normalen mobilen Apps gewohnt sind.

Für Entwickler bedeutet dies, dass sie um ein Webanwendungs-Framework herum bauen, in dem ein Service Worker die PWA im Hintergrund auf einem Gerät installiert, wenn jemand auf einer mobilen URL landet.

Für Publisher bedeutet dies, eine robustere Webseite zu entwickeln, die es Ihnen ermöglicht, schnellere und ansprechendere Erlebnisse zu schaffen, die es Ihnen hoffentlich erlauben, langfristig besser mit den Besuchern in Verbindung zu bleiben, nachdem diese Ihre Webseite verlassen haben.

Im Wesentlichen sind PWAs Apps, die nicht aus einem App Store, wie dem Apple App Store, heruntergeladen werden. Sie werden im Hintergrund heruntergeladen, wenn jemand zum ersten Mal Ihre Seite besucht. Sie bieten einen größeren Funktionsumfang, den Sie Ihren Besuchern anbieten können (Vollbild) und liefern die Möglichkeit, Ihre Seite auch als App auf dem Startbildschirm ihres Gerätes zu speichern.

Google hat wirklich angefangen, viel über PWAs zu reden. Sie sehen sie wahrscheinlich als einen Vorteil für alle Webseiten, die sich mit der Idee, eine App zu erstellen, schwer getan haben. Das Problem bei Apps ist, dass es eine völlig andere Aufgabe ist, Nutzer dazu zu bringen, sie zu finden und herunterzuladen. Google sieht PWAs als ein Mittel zur “App-ifizierung” des mobilen Webs.

Dies bedeutet schnellere und stabilere Nutzererlebnisse, was für das Kernprodukt von Google von größter Bedeutung ist: die Suche nach Daten und Informationen im Internet. Google möchte nicht, dass die Leute in App Stores und anderen Tools nach Antworten suchen. Sie wollen, dass sie die Google-Suche nutzen, und wenn alle Webseiten die gleichen Möglichkeiten wie eine App bieten, mindert dies das Risiko, dass sich das Verhalten der Nutzer von den typischen mobilen Suchgewohnheiten wegbewegt.

Aber ehrlich gesagt, sind PWAs für alle gut. Sie nehmen den Webseitenbetreibern die Kosten für die Wartung einer Webseite und einer App gleichzeitig ab und liefern eine Reihe von Funktionen, die einen echten Mehrwert bieten.

Heißt das, PWAs sind schneller als normale mobile Webseiten?

Es kommt darauf an, was Sie mit schneller meinen.

Nein, im Ernst.

Ich habe in einer Art Speed-Manifest viel über die Website-Geschwindigkeit gesprochen. Ich bin darauf eingegangen, dass kostenlose Tools nicht wirklich hilfreich sind, um herauszufinden, ob Ihre Webseite schnell oder langsam ist, und wie Sie tatsächlich umsetzbare Antworten darauf bekommen können, wie Sie Ihre Webseite schneller machen, in diesem Beitrag.

Was PWAs betrifft, so können sie beides sein. Genauso wie eine normale mobile Seite superschnell oder superlangsam sein kann.

Aber, es gibt einen Haken…

Sobald ein Service Worker die PWA im Hintergrund installiert, wird die Webseite für den Web-Besucher blitzschnell sein (stellen Sie sich Service-Worker als kleine Roboter im Hintergrund Ihrer Webseite vor… es sei denn, Sie sind ein Entwickler… dann lassen Sie es. Stellen Sie es sich als Javascript vor, das getrennt vom Hauptbrowser läuft).

Das bedeutet, dass ein Webbesucher nach dem ersten Laden der Seite – wenn eine PWA vorhanden ist – die Webseite ähnlich wie bei einer mobilen App erleben kann. Dies ist in der Regel ein sehr schnelles Erlebnis (denken Sie daran, wie viel schneller die meisten Apps als typische mobile Websites sind).

Allerdings hängt der mobile Pagespeed, wenn ein Besucher auf Ihrer Webseite ankommt, von all den normalen Dingen ab, von denen der Pagespeed auf Ihrer aktuellen mobilen Webseite abhängt. Zum Beispiel – Server-Antwortzeit, Critical-Path-CSS-Rendering, etc.

Publikation mit getesteter PWA	Mobile “Speed Score”
Wired	Schlecht
The Guardian (UK)	Gut
The Washington Post	Ausreichend
Forbes	Ausreichend
Financial Times (UK)	Exzellent
Medium	Exzellent
The Weather Channel	Schlecht
Billings Gazette	Gut
Smashing Magazine	Exzellent
Lancome	Schlecht

Alle oben genannten Publisher haben PWAs im Einsatz – oder haben sie im Rahmen einer Fallstudie erforscht. Wie Sie sehen können, sind die anfänglichen Seitenladezeiten sehr unterschiedlich.

Ich stimme zwar voll und ganz zu, dass die mobilen “Speed-Scores” von Tools wie Pagespeed Insights nicht die beste Form der Geschwindigkeitsmessung sind, aber es zeichnet das Bild, dass eine PWA zumindest nach einigen Maßstäben nicht automatisch mit einer blitzschnellen Webseite gleichzusetzen ist.

Werden PWAs zu einem Ranking-Signal im Google-Algorithmus?

Während ich glaube, dass SEO ein überwältigender Grund sein wird, warum viele Webseiten versuchen, eine PWA zu implementieren, glaube ich nicht, dass das Vorhandensein einer PWA allein ein Ranking-Signal sein wird.

Es gibt keine Anzeichen dafür, dass eine PWA etwas ist, das Googles Kernalgorithmus beim Ranking indizierter Seiten berücksichtigt; und ich sehe auch nicht, dass es etwas ist, auf das sie sich zubewegen.

Abgesehen davon hat Google PWAs innerhalb des Netzwerks aus einem bestimmten Grund sehr stark gefördert. Es gibt viele Möglichkeiten, wie PWAs tatsächlich Webseiten mit einigen potenziell hilfreichen Vorteilen versorgen, die sich wahrscheinlich positiv auf ihre Such-Rankings oder SEO auswirken werden.

Zum Beispiel, obwohl wir wissen, dass die Geschwindigkeit einer Webseite ein sehr kleines Ranking-Signal ist (wirklich, es ist sehr klein), bieten PWAs einige Geschwindigkeitsvorteile, wie wir oben erwähnt haben…

… ABER…

Es ist nicht wirklich die Geschwindigkeit, mit der Seiten nach dem ersten Seitenaufruf geladen werden, die Google wahrscheinlich interessieren wird. Es ist die Tatsache, dass die blitzartige Schnelligkeit und Reaktionsfähigkeit, die eine PWA nach dem anfänglichen Laden der Seite bietet, echte Vorteile für Webseiten bietet, die mit einer PWA die SEO verbessern wollen, indem sie das Erlebnis für die Besucher verbessern.

Schnelle und reaktionsschnelle Seitenaufrufe und Navigationsoptionen innerhalb der PWA haben bereits erste Erfolge bei der Verbesserung des Nutzererlebnisses beim Navigieren auf der Webseite gezeigt. Dies könnte an der Geschwindigkeit zwischen den Seitenaufrufen oder an der Reaktionsfähigkeit des Designs liegen (oder daran, dass die Besucher von ihrem mobilen Startbildschirm aus auf die Seite zugreifen, anstatt über das Web).

Das ist eigentlich egal, denn das Besuchererlebnis ist ein viel größerer Faktor für SEO als die Geschwindigkeit oder die Art der mobilen Infrastruktur einer Seite (einschließlich AMP). Dies ist etwas, das wir bei einigen der Beta-Seiten, die den kostenlosen PWA-Konverter von Ezoic verwenden, zu beobachten begonnen haben.

Es hat sich gezeigt, dass wiederkehrende direkte Besuche einen Einfluss auf das Google-Suchranking haben, und PWAs bieten die Möglichkeit, mehr direkten Traffic über das Homescreen-App-Interface zurückzubringen.

Einer der wichtigsten Ranking-Faktoren von Google lässt sich in einem intern verwendeten Begriff zusammenfassen: “Suchzufriedenheit”. Das bedeutet, dass das Suchergebnis, das Google liefert, und genauer gesagt, das Ergebnis, auf das der Nutzer klickt, diesem Nutzer letztendlich das gibt, wonach er gesucht hat.

Die Betrachtung von Dingen wie Absprungrate, Verweildauer auf der Seite und Seitenaufrufe pro Besuch sind gute, übergeordnete Möglichkeiten, um diese Erfahrung zu messen. Wenn man tiefer geht, sind Messungen von Dingen wie Verweildauer und Engagement Zeit wahrscheinlich noch wichtiger. Google schaut wahrscheinlich auf viele Dinge, aber sie messen es, und es ist ein Faktor.

Werden PWAs also bald zu einem Google-Rankingfaktor?

Ganz von alleine.

Nein.

Bieten sie einige Vorteile, die wahrscheinlich bei SEO helfen?

Ja.

Wie sieht es mit AMP aus? Wo passen PWAs zu AMP?

Google spricht über beide sehr viel, so dass sie von vielen Webmastern unnötig verwirrt werden.

Einen ganzen Artikel, den ich geschrieben habe und der AMP vs. PWAs vergleicht, können Sie hier lesen.

Es sind sehr unterschiedliche Dinge und Webseiten können potentiell beides gleichzeitig verwenden.

Werden alle mobilen Webseiten irgendwann PWAs sein?

Nein.

Wahrscheinlich nicht.

Obwohl sie cool sind und eine Reihe von Vorteilen bieten, ist es unwahrscheinlich, dass sie das gesamte mobile Web überholen werden; allerdings werden wir wahrscheinlich sehen, dass die meisten großen Web-Publisher im Laufe der nächsten Jahre damit beginnen, sie zu implementieren, wenn ich raten müsste.

Was sind die Vorteile von PWAs für Publisher?

Hier ist eine schnelle Liste der Dinge, von denen ich höre, dass die meisten Publisher begeistert sind:

Schnelleres, responsives Erlebnis auf der Seite
Bietet den Besuchern ein Vollbild-Erlebnis (immersiver)
Möglichkeit, offline auf Inhalte zuzugreifen und eine Seite auf dem Startbildschirm eines mobilen Geräts zu speichern
Möglichkeit, Push-Benachrichtigungen zu verwenden, um Besucher wieder auf die Seite zu bringen, nachdem sie diese verlassen haben
Story-Card-Formate verfügbar – swipable Funktionen für höheres Engagement
Bessere Erfahrungen für Besucher, die es benutzen

Was sind Beispiele für PWAs?

Im Folgenden finden Sie einige Screenshots von großen Marken, die derzeit PWAs bei einigen Besuchern im Einsatz haben.

Was sollte ich sonst noch über PWAs wissen?

Wie bei jeder neuen Webtechnologie werden die Entwicklungskosten am Anfang höher sein.

Nicht jede mobile Seite muss losziehen und einen Entwickler beauftragen, um eine PWA für sie einzurichten. Mit der Zeit wird es mehr Konverter und Entwickler geben, die bereit sind, kostengünstige PWA-Lösungen anzubieten.

Wenn Sie ein Publisher sind, der die Ezoic-Plattform nutzt, bieten wir einen kostenlosen PWA-Konverter an, der bisher großartige Ergebnisse für Publisher gezeigt hat. Es ist derzeit nur für WordPress Webseiten verfügbar.

Fragen zu PWAs? Hinterlassen Sie sie unten und ich werde mein Bestes tun, um sie zu beantworten.