Profitieren Progressive Web Apps (PWAs) von SEO? (Mit Statistiken und Beispielen)

In einer Welt, die zunehmend an ihre mobilen Geräte und begleitenden Apps gebunden ist, macht es nur Sinn, Erfahrungen zu schaffen, die darauf abzielen, wie Alex Russell, Senior Software Engineer bei Google, „die Grenze zwischen Webinhalten und Apps zu verwischen“.

Die letzten paar Jahre haben einige Dinge sehr deutlich gemacht: Wenn Sie ein Online-Geschäft haben, müssen Sie es zu Ihrem Geschäft machen, zuerst mobil zu sein . Zweitens muss Ihr mobiles Erlebnis reibungslos und reibungslos sein, wenn Sie möchten, dass es sich in Dollar niederschlägt. Schließlich sind Smartphone-Nutzer sehr unbeständig und obwohl sie im Jahr 2018 über 113 Milliarden Apps heruntergeladen haben, nutzen die Nutzer immer noch regelmäßig nur etwa 9 Apps pro Tag.

Sie müssen also mobil sein. Sie müssen auf dem Handy großartig sein. Und die Leute werden Ihre App wahrscheinlich nicht regelmäßig herunterladen und verwenden.
Ja, ich spreche von progressiven Web-Apps oder PWAs .

Progressive Webanwendungen sind bei der Suchmaschinenoptimierung beliebt, weil sie vielversprechend für das Online-Marketing sind.

In Bezug auf die obige Frage: JA, Progressive Web Apps profitieren von SEO . Aber wie gut sind PWAs für SEO? Lassen Sie es uns in diesem Artikel herausfinden.

Was ist eine PWA?

Einfach ausgedrückt ist eine PWA eine für Mobilgeräte optimierte Website, die sich wie eine App verhält, aber nicht heruntergeladen werden muss, um verwendet zu werden. Benutzer haben die Möglichkeit, eine PWA auf ihrem Telefon zu speichern und sie wie eine App zu starten, aber es ist völlig optional.

Es gibt eine ganze Reihe von Vorteilen, die PWAs mit sich bringen, während sie die inhärenten Nachteile überwinden, die mit dem gleichzeitigen Erstellen und Verwalten einer mobilen Website und einer mobilen App verbunden sind.

In diesem Artikel können Sie sich eingehender mit der Definition einer PWA und ihren ausgefallenen Funktionen befassen: „Was ist eine PWA? Alles, was Sie über Progressive Web Apps wissen müssen“

Vier Schlüsseltechnologien einer PWA

All dies ist dank der Verwendung von vier Technologien möglich, die für das Funktionieren einer PWA erforderlich sind:

1. Web-App-Manifestdatei (die den Zugriff auf den Startbildschirm ermöglicht)
2. Servicemitarbeiter (für Offline-Support)
3. Transport Layer Security (TLS) (gewährleistet Datenschutz und Datenintegrität)
4. Anwendungs-Shell-Architektur (ermöglicht schnelle Ladezeiten)

Im Gegensatz zu einer nativen App und einer responsiven Website bietet eine Progressive Web App viele Vorteile:

Crawlt Google PWA-Sites?

Progressive Web Apps nutzen die Flexibilität von JavaScript, was bedeutet, dass Google die einzelne veröffentlichte Seite als eine JavaScript-Site betrachtet. Für die PWA kann eine neue URL erstellt werden, sodass der Googlebot fortfährt und die Seite genauso crawlt wie jede andere im Web veröffentlichte Seite.

Google crawlt PWA-Sites genau so, wie es eine AJAX- oder JavaScript-Site crawlen würde, aber es gibt einige Probleme, die sich möglicherweise auf die „Crawlbarkeit“ auswirken können – daher müssen Entwickler wissen, wie sie die Site optimieren, um sicherzustellen, dass die Seite angemessen indexiert wird.

Von Google empfohlene SEO Best Practices für Progressive Web Apps

John Mueller von Google hat bereits im März 2016 ein detailliertes Update darüber bereitgestellt, wie Google mit PWAs und JavaScript-Websites im Allgemeinen umgeht.

In dem Beitrag betont er Folgendes:

• Tarnen Sie sich nicht vor Googlebot. Es ist wichtig, dass der Entwickler die Technik der Funktionserkennung und der progressiven Verbesserung verwendet, damit alle Benutzer Zugriff auf den Inhalt haben. Es ist auch keine gute Idee, auf eine nicht unterstützte Browserseite umzuleiten.
• Verwenden Sie rel=canonical, wenn Sie Inhalte von mehreren URLs bereitstellen, damit Sie sich nicht der Duplicate Content-Verletzungen schuldig machen.
• Vermeiden Sie das AJAX-Crawling-Schema auf neuen Websites.
• Der Googlebot indiziert keine URLs mit „#“ darin. Viele Progressive Web Apps verwenden das Hash-Symbol in ihrer URL-Struktur, was bedeutet, dass die Suchmaschinen alles über das # hinaus streichen. Der einzige Weg, dies zu umgehen, besteht darin, eine URL-Struktur mit traditionellen SEO-Regeln zu implementieren. Dies mag für einige Websites und Unternehmen schwierig sein, aber es ist ein notwendiger Schritt, wenn wir vorankommen.
• Testen Sie, wie der Googlebot die Seite sieht. Sie können das Abruf- und Rendering-Tool der Google Search Console verwenden, um Ihre Website genau so anzuzeigen, wie Google sie sieht.
• Stellen Sie sicher, dass die erforderlichen Ressourcen nicht durch robots.txt blockiert werden.
• Reduzieren Sie die Anzahl der eingebetteten Ressourcen auf der Seite (insbesondere die Anzahl der zum Rendern der Seite erforderlichen JavaScript-Dateien), da diese möglicherweise nicht vollständig geladen werden.
• Verwenden Sie eine genaue Sitemap-Datei, um Änderungen an Ihrer Website anzuzeigen, wenn Sie Accelerated Mobile Pages (AMP) verwenden.
• Denken Sie daran, dass einige Suchmaschinen und Webdienstanbieter, die auf Inhalte zugreifen, JavaScript möglicherweise nicht oder eine andere Teilmenge unterstützen.

Darüber hinaus ist Lighthouse ein nützliches Tool von Google, wenn es um PWAs geht. Dieses Tool wurde von Google entwickelt, um die Qualität von Web-Apps zu verbessern. Dieses Tool zeigt Ihnen, ob Ihre Web-App bereit ist, eine PWA zu werden. Wenn Sie Ihre Website zu dieser Anwendung hinzugefügt haben, misst Lighthouse sie anhand der vier Kriterien und zeigt Probleme an, die Sie lösen sollten, um die Rate Ihrer Webanwendung zu erhöhen.

Also, genau so helfen Progressive Web Apps beim SEO

Es stimmt, dass PWAs Ihr organisches Suchprofil erheblich verbessern können.

Wie?

Indem Sie Ihre Benutzererfahrung besser machen als Ihre Konkurrenz. Nun, zumindest besser als vor dem Upgrade auf eine progressive Web-App. Wenn Sie eine großartige Benutzererfahrung bieten , möchten die Leute Ihre Website besuchen, anstatt konkurrierende Optionen. Wenn sie Ihre Marke in den Ergebnissen sehen, werden sie sich daran erinnern, dass Sie ihnen das gegeben haben, was sie wollten, und die Erfahrung war positiv.

SEOs wissen, dass die Klickrate die Suchposition beeinflusst . Mehr Klicks oder Stimmen von Suchenden für ein Ergebnis und mit der Zeit steigt es.

Aber das ist nur eine Metrik, die Sie messen können. All die kleinen Dinge, die Sie tun, um Ihre Website optimal zu machen, schaffen das Erlebnis, das sich über die Informationen erhebt. Dies wird Ihre SERPS indirekt und direkt beeinflussen und typischerweise in eine positive Richtung.

Schnellere Website-Geschwindigkeit

Dies ist zweifellos eines der aufregendsten Merkmale von PWAs. Unternehmen können Benutzer ansprechen, die möglicherweise eine langsame Datenverbindung haben oder sogar mit einer PWA offline sind, indem sie Best Practices für die mobile Entwicklung wie das vorzeitige Zwischenspeichern von Inhalten, Komprimierung und mehr anwenden.

Warum sollten Sie sich um die Geschwindigkeit der Website kümmern? Weil es sich direkt auf Ihre SEO auswirkt

Da die Geschwindigkeitstests von Google in weniger als einem Monat wirksam werden, ist der möglicherweise größte Vorteil von PWAs ihre höhere Geschwindigkeit im Vergleich zu anderen mobilen Plattformen und nativen Apps. Und nicht nur Google fordert schnellere Seiten – es sind IHRE BENUTZER! Die meisten Benutzer verlassen eine mobile Website, wenn das Laden länger als drei Sekunden dauert. (Tu dir selbst einen Gefallen und überprüfe hier die Geschwindigkeit deiner Website!) Und wenn deine Website nicht auf dem neuesten Stand ist, sind sie weg.

Forbes sah eine massive Geschwindigkeitsverbesserung, nachdem sie auf PWAs umgestellt hatten, und reduzierten ihre mobile Ladegeschwindigkeit von 3–12 Sekunden bis hinunter auf 0,8 Sekunden! Um also sicherzustellen, dass Ihre Marke so nah wie möglich an der Spitze der Google-Suchliste steht, ist es an der Zeit, PWAs zu Ihrer ersten Wahl für die mobile Strategie zu machen.

Besseres Engagement

Google schreibt die grundlegenden Anforderungen vor, die eine Website erfüllen muss, um sich als Progressive Web App zu qualifizieren. Eine reibungslose Benutzererfahrung mit einfacher Navigation, zeitnahen Push-Benachrichtigungen, Cross-Browser-Kompatibilität und reaktionsschnellen Seiten auf allen Geräten sind einige wichtige Anforderungen, die auch zu einem Wachstum des Engagements führen.

PWAs können echte mobile Apps auf unglaubliche Weise nachahmen. Mit einer PWA haben Sie immer noch die Möglichkeit, sie auf Ihrem Startbildschirm zu speichern, wo sie wie eine App als Symbol auf Ihrem Gerät angezeigt wird, aber Sie müssen den App Store-Download-Prozess nicht durchlaufen. Und da kein Download erforderlich ist, benötigen PWAs deutlich weniger Speicherplatz als native mobile Apps. Starbucks hat eine PWA erstellt, die 0,4 Prozent der Größe seiner eigenen nativen App hatte! Und Inhaltsaktualisierungen erfolgen automatisch bei der Aktualisierung, sodass Benutzer Zugriff auf die neuesten Features, Funktionen und Sicherheitsupdates erhalten, ohne jemals einen Finger zu rühren (oder auf die lästige Schaltfläche „Update installieren“) zu tippen.

 Empfohlene Lektüre: PWA vs. native App: Was passt besser zu Ihnen?

Mit der App jetzt auf ihren Mobiltelefonen werden die Chancen auf Interaktion und Engagement exponentiell höher, wie das Forbes-Magazin bei der Einführung ihrer eigenen PWA erfahren hat. Die Benutzer wurden jedes Mal per Push-Benachrichtigung benachrichtigt, wenn neue Inhalte verfügbar waren. Mit blitzschnellen Seitenladezeiten, schnellen Übergängen und leichtem Seitendesign gelang es der PWA von Forbes, Folgendes zu erreichen:

• Erhöhen Sie die Scrolltiefe um das Dreifache
• Verbesserung der Sitzungen pro Benutzer um 43 %
• Erhalten Sie eine 6-fache Steigerung der Zahl der Leser, die Artikel vervollständigen
• Verdoppeln Sie ihre Engagement-Rate, was eine 100%ige Steigerung des Engagements bedeutet

Im Fall einer Veröffentlichungsseite wie Forbes bedeutet hohes Engagement hohe Conversions, alles dank ihrer neuen PWA.

Wir wissen, dass Kennzahlen zum Website-Engagement wie Sitzungsdauer, Klickraten und Absprungraten einen direkten Einfluss auf das Suchranking haben. Wie Larry Kim hier demonstriert, hat die Zeit auf der Website eine eindeutige Korrelation mit Ihren organischen Suchrankings. Je höher die Sitzungsdauer, desto höher ist Ihr wahrscheinliches Ranking bei Google.

Dank PWAs und ihren überlegenen Website-Engagement-Raten können Sie die erste Seite bei Google begrüßen.

Es dreht sich alles um die URLs

Progressive Web-Apps umfassen wirklich Best Practices für SEO im wahrsten Sinne des Wortes. Von klaren und prägnanten Meta-Beschreibungen bis hin zum Hinzufügen von Schema.org-Daten für eine bessere Indizierung und Analyse von Website-Daten durch Such-Bots; Eine suchoptimierte Website schafft mit größerer Wahrscheinlichkeit den PWA-Schnitt als andere.

PWAs erfordern keine unterschiedlichen „mobile.site.com“-URL-Typen, um auf Mobilgeräten ein großartiges Erlebnis zu bieten. Sie werden automatisch konfiguriert, um unabhängig vom Gerät ein konsistentes Erlebnis zu bieten.

Ein weiterer Bonus ist, dass PWAs zwangsläufig HTTPS-fähig sind. Dies erhöht nicht nur Ihre Website in den organischen Suchergebnissen, sondern beruhigt die Benutzer auch hinsichtlich der Sicherheit auf Ihrer Website, was zu niedrigeren Absprungraten, höheren Klickraten und wahrscheinlich höheren Konversionsraten führt.

Jede Seite verfügt über eine eigene eindeutige URL, sodass selbst tief eingebettete Seiten von Suchmaschinen leicht gecrawlt und gefunden werden können. Eindeutige URLs für jede Seite machen auch das Teilen von Seiten in sozialen Medien und auf anderen Websites viel einfacher, ganz zu schweigen von der transparenteren Nachverfolgbarkeit.

Durch das Pre-Caching mit Servicemitarbeitern werden alle URLs auf PWAs geladen, selbst wenn Ihr Gerät offline ist. Dies befähigt Benutzer, die mit älteren Geräten oder schlechten Netzwerkverbindungen arbeiten.

Verpacken

Progressive Webanwendungen eignen sich hervorragend für SEO, da sie die besten Weberlebnisse liefern sollen. Aber wie bei allem anderen können Entwickler und Vermarkter die Dinge durcheinander bringen.

Befolgen Sie die Best Practices des Internets und Sie werden von den Vorteilen des großartigen organischen Suchverkehrs profitieren. Das bedeutet, dass Ihre Website zuerst mobil, schnell auf dem Handy, auf allen Bildschirmgrößen nutzbar und mit solider Seiten-SEO ausgestattet ist.

PWAs helfen Ihnen, langfristige Beziehungen zu Kunden aufzubauen. Das ist eine großartige Belohnung, aber Sie werden auch einen universellen Auftrieb erleben, wie bei der organischen Suche, da Ihre Website die Benutzererfahrung an erste Stelle setzt.

Wenn Sie all diese Best Practices befolgen, werden Sie erfolgreich sein, auch wenn Sie nicht auf den organischen Suchverkehr abzielen.

Zeit, diese Hinweise aufzugreifen und in PWAs zu investieren, die die Einfachheit des mobilen Webs mit der Geschwindigkeit und Benutzerfreundlichkeit einer mobilen App kombinieren. Zwei zum Preis von einem erhalten Sie mit PWAs. Also wann baust du deine?