Progressive Web Apps: is dit de toekomst van mobiele apps?

No Comments

Progressive Web App: Een chrome of android gebruiker bezoekt meer dan 100x website er mee. Gemiddeld maken wij maandelijks gebruik van zo een 25 apps. Maandelijks breng jij gemiddeld (87%) van je tijd aan apps en maar (13%) op de web dit heeft Emerce[1] uitgezocht. Apps zijn vaak veel gebruiksvriendelijker en ook veel sneller dan een responsive website. Er is nu een kloof ontstaan tussen de native apps en mobiele websites.

Laatste tijd is google bezig met de nieuwe Chrome ontwikkelingen wat er voor gaat zorgen dat je website zich als een app gaat gedragen. Tijdens de laatste Chrome Dev Summit werd het concreet en kreeg het officieel een naam: Progressive Web Apps. Ondanks de grote potentie, is het bij velen nog niet bekend.

Wat is een Progressive Web App?

Als een bezoeker met zijn smartphone je website twee keer bezoekt binnen twee weken, krijgt hij in zijn browser een melding met de mogelijkheid om de mobielvriendelijke website toe te voegen (‘pinnen’) aan zijn startscherm. Nadat je het icoon van de Progressive Web App (hierna: PWA) hebt geplaatst op je telefoon, kun je hem openen in full screen. Dat betekent ook dat je geen adresbalk meer ziet. Ja, het lijkt op een bookmark, maar dan een bookmark mét de functies waar voorheen alleen native apps toe in staat waren. Met een PWA kan je namelijk push notificaties sturen, hij werkt ook offline en je hoeft hem niet te downloaden via de app store. Het idee hierachter is dat een gebruiker over langere periode een bepaalde relatie opbouwt met de website. De mobiele website wordt dus steeds meer (‘progressief’) een web app als de browser merkt dat je de website regelmatig bezoekt.

Progressive Web Apps: is dit de toekomst van mobiele apps?
Voeg met één klik een mobiel vriendelijke website toe aan je startscherm.

Voordelen van Progressive Web Apps?

Je hoeft een Progressive Web App niet te downloaden. Dat scheelt je bezoekers een (soms frustrerend) bezoekje aan Google Play of de App Store. Website-eigenaren wijzen hun mobiele bezoekers er vaak op dat er ook een app beschikbaar is. Vaak raden ze ons zelfs aan om de app te gebruiken in plaats van de mobiele website – zelfs als de website mobielvriendelijk is. Dat hoeft dus allemaal niet meer met een PWA. Dit komt het conversiepercentage (‘downloads’ van de app, red) weer ten goede: in minder stappen kan de bezoeker immers hetzelfde resultaat bereiken!

Ik heb al een aantal voordelen aangestipt, maar ik kan mij voorstelllen dat je nog niet helemaal bent overtuigd. Voor jouw gemak zet ik alle voordelen van Progressive Web Apps onder elkaar.

  • Je kunt – net als bij een normale app – push notificaties sturen naar jouw gebruikers. Hier zit de echte meerwaarde van Progressive Web Apps. Denk bijvoorbeeld aan een prijswijziging van één van je producten of een speciale actie die je wil communiceren. Gegarandeerd dat iedereen de notificatie op zijn scherm zal zien. Dit maakt de Progressive Web App een serieus (push) kanaal in je marketingstrategie. Voorwaarde is wel dat voldoende gebruikers toestemming geven voor het ontvangen van de notificaties. Hieronder een aantal interessante statistieken over push notificaties:
    • 50 procent van de gebruikers kiest ervoor om push notificaties te ontvangen.
    • De gemiddelde CTR van push notificaties is 20 procent.
    • De terugkerende bezoeker geeft 26 procent meer uit per bezoek dan de gemiddelde klant.
    • De bezoeker die via een push notificatie komt brengt gemiddeld 72 procent meer tijd door op de locatie waar hij/zij terecht komt.
    • 50 procent meer terugkerende bezoeken.

    Push notificaties
    Voorbeelden van Push notificaties van eBay en Facebook via een Progressive Web App.

    • Websites kunnen met een PWA een app-like experience aanbieden, zonder een native app te ontwikkelen. Progressive Web Apps zijn bijvoorbeeld een mooie oplossing voor kleinere bedrijven die niet de middelen hebben om te investeren in een dure mobiele app voor Android én iOS. Zij kunnen hun mobiele gebruikers nu ook bereiken door middel van een PWA die relatief goedkoop is in implementatie en onderhoud. Maar ook voor grote bedrijven, die al een native app aanbieden, is het een interessante verrijking van de online strategie. Er zijn immers genoeg mensen die geen app willen installeren, maar wel open staan voor de app-like experience die de Progressive Web App biedt.
    • De Progressive Web App wordt gehost op het web. Dat betekent dat een PWA minder opslagruimte nodig heeft dan een app die je moet downloaden en installeren op je telefoon. Ideaal voor budgettelefoons die doorgaans beschikken over minder MB’s aan opslagruimte.
    • PWA’s zijn onderdeel van het open web. Je kunt er naar linken en ze worden (dus) ook geïndexeerd door de zoekmachines. Goed voor SEO en een eventuele boost voor het organische verkeer.
    • Omdat je de app store niet meer nodig hebt, ben je als developer ook niet meer afhankelijk van de voorwaarden die Google en Apple stellen aan apps voordat ze worden toegelaten tot Google Play en de App Store.
    • Developers kunnen ook meteen nieuwe versies lanceren en bugfixes doorvoeren. De Progressive Web App wordt immers gehost op en is onderdeel van het web. Dit in tegenstelling tot native apps die in feite los staan van de website.
    • Het vorige punt vertaalt zich weer in een voordeel voor de gebruiker; hij gebruikt altijd de meest recente versie van de web app. Je hoeft apps niet meer te updaten via de app store en dat scheelt jou weer een hoop dataverkeer.
    • Zeer snelle laadtijden. Een snellere laadtijd leidt tot een lager bounce-percentage en een hoger conversiepercentage.

    Wat heb ik nodig voor een Progressive Web App

    • Je moet een Service Worker hebben. Een Service Worker is een script dat draait op de achtergrond van je telefoon. Door de caching mogelijkheden van de Service Worker wordt de laadtijd significant verbeterd voor terugkerende gebruikers.  De PWA werkt ook als je geen internetverbinding hebt. Uiteraard moet je de content (afbeeldingen, tekst, …) van de web app wel eerder online hebben bekeken, voordat deze offline beschikbaar is vanuit het gebeugen van je telefoon. De techniek maakt het ook mogelijk om push notificaties te sturen naar jouw gebruikers.
    • Een beveiligde https-verbinding en een geldig SSL-certificaat. Een PWA zal niet werken als de website niet volledig veilig is. Naast privacy en het (kleine) rankingvoordeel dat beveiligde websites genieten, dus nóg een extra reden om te migreren naar https. Stap dus volledig over op https en let er o.a. op dat je website na de migratie geen insecure content.

    Wat zijn de nadelen?

    De bezoeker krijgt pas een ‘add to homescreen’ notificatie in de browser pas nadat hij de website twee keer heeft bezocht binnen twee weken. Ik kan mij voorstellen dat een webshop of publisher de ‘add to homescreen’ al wil laten zien tijdens het eerste bezoek van de mobiele website. Flipkart.com, een webshop die in november 2015 al een PWA lanceerde, lost dit op door haar bezoekers er op de homepage op te wijzen dat er een Progressive Web App beschikbaar is (zie screenshot).

    Progressive Web App Voorbeeld
    Wacht niet op de browser notificatie en vertel je bezoekers dat je een Progressive Web App aanbiedt.

    Met een Progressive Web App ben je niet vindbaar in de app store. Als jouw doelgroep daar op zoek is naar je app, zal je die dus niet bereiken als je besluit geen native app aan te bieden. Het is afhankelijk van de aard en de bekendheid van jouw product/dienst of dit echt een nadeel is. De app stores zijn inmiddels behoorlijk verzadigd; het is moeilijk om daar gevonden te worden.

    Momenteel werken Progressive Web Apps alleen op Android apparaten. Voor een Progressive Web App heb je een Service Worker nodig en deze wordt momenteel alleen ondersteund door Chrome, Opera en de nieuwste versies van Firefox. Binnenkort zullen ook andere browsers de Service Worker en Progressive Web Apps ondersteunen. Het is nog onduidelijk wanneer Service Workers worden ondersteund in Safari en iOS.

    Conclusie

    Met de komst van Progressive Web Apps wordt de kloof tussen native aps en en (mobielvriendelijke) websites gedicht. Google combineert met Progressive Web Apps het beste van het mobiele web en apps. Google belooft ons ook dat Progressive Web Apps onze mobile web experience radicaal zal veranderen.

    Ik verwacht niet dat Progressive Web Apps de native apps gaan vervangen. Progressive Web Apps zijn wel een verrijking van het mobiele landschap en hebben de potentie om de mobiele web ervaring van gebruikers flink te verbeteren. Het grootste voordeel van de PWA is dat je hem niet in de app store hoeft te downloaden, maar dat de gebruiker toch kan genieten van alle functionaliteiten waar voorheen alleen native apps toe in staat waren (zoals push notificaties). Bovendien is het veel goedkoper om een PWA te implementeren en te onderhouden, dan een native app waarbij je ook rekening moet houden met verschillende besturingssystemen. Zijn Progressive Web Apps de toekomst van apps? En past een Progressive Web App in jouw marketingstrategie?

    Wil jij meer informatie neem nu contact met ons op!

    Geen velden gevonden.

Inmiddels al meer dan 10 jaar ervaren als webdeveloper en wordpress specialist. Daarnaast hou ik mij bezig met SEO website optimalisaties en online marketing.

WebYours Blog

In onze blog vindt u het meest recente ontwikkelingen en updates.

Gratis SEO offerte?

Wil jij ook de juiste positie bereiken met je website? Wij kunnen jou hier mee helpen en binnen no time de juiste gewenste positie te bereiken. 

Nieuwsbrief ontvangen?

Onze beoordelingen!

Wij scoren 10 van 10 sterren, berekend uit 7 reviews van klanten.

Wat zeggen onze klanten

  •    Avicena

    Webyours bv heeft me goed gehoplen sinds wij met hun samen werken is onze omzet voor 50% verhoogd.

  •    Anoniem

    Prettig samen werken luisteren goed naar wat je precies wilt en maken dot voor elkaar !!!

  Alle reviews

Ook interessant voor u!

See all posts
Hoger in Google en meer conversies

Hoger in Google en meer conversies?

Hogere snelheid van uw website betekent "Hoger in Google en meer conversies"…
Continue reading

VACATURE: Front-end developer

Front-end developer VACATURE: Front-end developer: Wij zoeken een enthousiaste en gepassioneerde frontend…
Continue reading

Complete SEO Gids voor je website

SEO is een mooi vak maar voor velen moeilijk te begrijpen. En…
Continue reading
No Comments

Laat jou mening achter!

This site uses Akismet to reduce spam. Learn how your comment data is processed.