Recente statistieken hebben bevestigd dat dit het geval is 4.68 miljard mobiele gebruikers actief surfen en internet verkennen. En anno 2016 mobiel verkeer overtrof het desktopverkeer door 51.3% van de internetgebruikers te claimen als gebruikers van mobiele apparaten. Hoezeer deze term ook de afgelopen tien jaar werd gebruikt, het is waar nu dat het Mobile-First-tijdperk is begonnen.
Het zal dan ook geen verrassing zijn dat organisaties eerst proberen betere diensten en ervaring aan mobiele gebruikers te bieden. Google sprong echter een paar jaar geleden op de mobiele kar toen PWA en AMP waren geïntroduceerd.
Wilt u meer weten over AMP-advertenties? Klik hier
Zowel PWA als AMP zijn ontworpen om de webervaring van een gebruiker te verbeteren terwijl hij een platform gebruikt dat compatibel is met mobiele apparaten. Maar gebruikers raken vaak in de war tussen PWA en AMP. Laten we u wat tijd besparen en u helpen het verschil tussen PWA en AMP te begrijpen.
Wat is PWA?
PWA staat voor Progressive web-app. Het is ontworpen om gebruikers het uiterlijk en de ervaring van een mobiele applicatie te geven door de webpagina's in een browser te openen. Simpel gezegd is PWA een geoptimaliseerde webpagina om een app-achtige functionaliteit te bieden. PWA werkt wanneer een platform of zijn diensten toegankelijk zijn via mobiel internet, maar zonder de mobiele app te installeren.
Zoals gezegd is PWA gericht op het bieden van app-achtige functies. Dit bevat:
- Snellere overgang tussen pagina's
- Een complete app-achtige interface
- Mogelijkheid om pushmeldingen te verzenden (waarvoor toestemming van de gebruiker vereist is)
- Offline toegankelijkheid van inhoud en meer.
We hebben al een mobiele applicatie, waarom hadden we dan progressieve webapps nodig?
Met mobiele apparaten kunnen gebruikers native apps downloaden (applicaties die u downloadt via de App Store of Google Play), maar PWA is beter. Waarom en hoe?
Andreas Gazdecki beantwoord de vraag in een Forbes-artikel: “PWA’s zijn efficiënter dan native apps. Ze werken on-demand en zijn altijd toegankelijk, zonder het waardevolle geheugen of de gegevens van een smartphone in beslag te nemen. Door ervoor te kiezen een PWA te gebruiken in plaats van een native versie van dezelfde applicatie, verbruiken gebruikers minder data. Dit betekent echter niet dat gebruikers het gemak van een native app moeten opofferen. Ze kunnen de PWA nog steeds op hun startscherm opslaan; het kan worden geïnstalleerd zonder het gedoe van een echte download.”
De laatste tijd is de populairste native mobiel apps die we gebruiken zijn hun platform toegankelijker maken met behulp van PWA, vooral e-commerce en sociale mediaportals.
Vervolgens: Wat is AMP?
AMP of Versnelde mobiele pagina werd in 2015 door Google geïntroduceerd om sneller ladende webpagina's voor mobiele apparaten te maken. Google heeft de 'AMP-project' om ontwikkelaars te helpen deze webpagina's te bouwen.
Om mobielvriendelijke websites te maken wordt het onnodige (inline) JavaScript verwijderd. Bovendien is de CSS beperkt tot 50 KB voor inline gebruik en Google cachet de inhoud van de website om een CDN-achtige functionaliteit te bieden. De AMP-webcomponent biedt onder andere ook (beperkte) JavaScript-invoeging als onderdeel van de AMP-bibliotheek waarmee u animatie aan uw mobiele webpagina's kunt toevoegen zonder latentie te riskeren.
In het huidige scenario is AMP niet langer beperkt tot websites. Er zijn AMP-advertenties, AMP-e-mails en zelfs AMP-verhalen. De AMP-versie van al deze is gebouwd om snel op mobiele apparaten weer te geven.
Beeldcredits: Bannersnack
“Als het tegenwoordig niet onmiddellijk is, is het niet snel genoeg. Zelfs het meest memorabele advertentiemateriaal zal zijn doel niet dienen als de advertentie traag is en de UX verstoort.” legt de AMP-site uit.
Zoals verwacht van advertenties maximaliseren AMP-advertenties de ROI door een betere CTR te behalen. Het is bewezen dat ze hetzelfde opleveren. Triplelift, een native advertentietechnologiebedrijf, heeft een 13% stijging in de opbrengst toegeschreven aan zes keer sneller laden van advertenties met behulp van AMP-advertenties.
PWA versus AMP: wat moet u kiezen?
| Parameter | PWA | AMP |
|---|---|---|
| Definitie | Een webpagina die de look en feel van een mobiele applicatie biedt. | Ontworpen om snelle en mobielvriendelijke webpagina's op mobiele apparaten weer te geven. |
| Hoe het gedaan wordt | Gecodeerd voornamelijk met behulp van Javascript. Echter ontworpen als een webapp en bevat functies zoals pushmeldingen. | De website is ontdaan van niet-vereiste CSS en Javascript om snel ladende webpagina's te bieden met behoud van de gebruikerservaring. |
| Aanbevolen voor | Progressieve webapps worden in hoge mate gebruikt door e-commerce- en socialemediabedrijven. | Versnelde mobiele pagina's worden aanbevolen voor alle uitgevers die zich richten op mobiele doelgroepen. |
| Voordelen: | - App-achtige functies. - Snel, betrouwbaar en boeiend. - Elimineert de vereiste om apps voor verschillende besturingssystemen (Android/iOS) te ontwerpen met verschillende talen. - Offline toegankelijkheid van de site. - Gebruikers hoeven de app en de updates ervan niet te downloaden. | - Sneller laden van webpagina's. - Goed voor mobiele SEO. - Betere kansen om meer verkeer te genereren - Verbeterde advertentieweergaven. - Uitgelicht worden in de topverhalencarrousel van Google leidt tot een hogere Click-Through Rate (CTR). |
| Resultaat | Een webpagina die mobiele app-achtige functies en ervaring biedt en biedt. | Een sneller ladende webpagina met een betere gebruikerservaring |
Kunnen AMP en PWA samen worden gebruikt?
Ja, AMP en PWA kunnen samen worden gebruikt om elegante gebruikerservaringen te bieden. Dit is hoe het eruit zal zien:
De gebruiker zoekt naar een dienst en er verschijnt een resultaat dat geschikt is voor AMP op zijn/haar scherm. Dit betekent dat een lichtgewicht en vooraf in de cache opgeslagen website wacht tot er op de gebruiker wordt geklikt. Zodra de gebruiker op de website klikt, kunnen de uitgevers de gebruiker betrekken bij een app-achtige webpagina die vraagt om pushmeldingen te verzenden. Deze webpagina biedt de gebruiker functies zoals:
- Offline browsen door inhoud en service
- Vlotte overgang, zelfs tijdens een trage internetverbinding
- Een app-achtige ervaring
Wat houdt ons tegen om dit idee over te nemen?
De voornaamste uitdaging is ontwikkeling. Hoewel AMP werkt volgens de regel om alleen HTML en CSS te gebruiken en JavaScript helemaal te vermijden (voor het grootste deel), worden PWA-pagina's voornamelijk ontworpen met behulp van JavaScript-compatibele servicemedewerkers.
Dit kan echter worden tegengegaan door aparte AMP-pagina’s te maken die worden gebruikt voor SERP’s, waarop het verkeer wordt doorgestuurd naar de PWA-pagina. Wat dit betekent is dat de AMP-pagina kan worden gebruikt om goed te scoren in zoekmachines, en zodra de gebruiker klikt om de AMP-pagina te openen, initieert de browser de PWA-pagina voor gebruikersbetrokkenheid en -behoud.
Lees ook: De juiste manier om inkomsten te genereren met AMP-voorraad
Final Word
PWA en AMP zijn verschillende technologieën voor mobiele telefoons. AMP wordt gebruikt om webpagina's sneller te laden en PWA wordt gebruikt om de look en feel van native apps te bieden.
As geanalyseerd door Adobe40% van hun omzet kwam van 1 november tot en met 31 december 2018 van mobiele apparaten. Omdat 10.5% mobiel verkeer resulteerde in conversies, in tegenstelling tot desktopverkeer waar het conversiepercentage 7.4% bedroeg, is het duidelijk dat bedrijven, zowel groot als klein, moeten hun mobiele publiek serieus nemen en gaan investeren in AMP, PWA en/of beide, afhankelijk van hun behoeften.
Tegen eind januari 2019, 12% advertenties die door Google werden weergegeven, waren AMP-advertenties. Er wordt ook gezegd dat het door de meeste uitgevers wordt gebruikt, vooral degenen die zich zorgen maken over de weergave van advertenties en de laadsnelheid.
Beide zijn krachtige tools om de prestaties van de site en de gebruikerservaring te verbeteren. U kunt een van de twee technologieën kiezen of beide implementeren om het beste van beide te ervaren. De keuze is aan jou.
Shubham is een digitale marketeer met rijke ervaring in de advertentietechnologie-industrie. Hij heeft ruime ervaring in de programmatische industrie, waar hij de bedrijfsstrategie en schaalfuncties aanstuurt, inclusief maar niet beperkt tot groei en marketing, operations, procesoptimalisatie en verkoop.
2 Heb je vragen? Stel ze hier.
Verward kiest ook welke hij moet kiezen. Maar ik denk dat het voor mij meer geschikt is voor AMP, omdat de blog die ik heb maar een simpele blog is en bezoekers alleen via zoekmachines komen. Als je beide wilt tekenen, is dat dan moeilijk? Sha
Hallo Shan,
Nee, het is niet moeilijk. Ik denk echter dat je de juiste beslissing hebt genomen door alleen AMP voor je blog te kiezen. We hebben het al een keer geprobeerd en het maakte echt een verschil in onze algemene ranking, maar we hadden een probleem met het bijhouden van de URL's van de pagina's.
Hartelijk dank,