Verkoop Meer Met Mobiele Apparaten

jun 17

Verkoop Meer Met Mobiele Apparaten

Tablets en smartphones hebben een revolutie gebracht in de manier waarop mensen toegang hebben tot informatie. Tegenwoordig verkrijgen mensen een enorme hoeveelheid informatie en nieuws via hun draagbare apparaten. Uitgevers over de gehele wereld spelen daarop in door hun websites te optimaliseren zodat deze worden ondersteund door mobiele apparaten. De ervaring daarvan laat echter te wensen over.

Wat is het gevolg hiervan? Het betekent gewoon dat een webpagina te lang nodig heeft om te laden. Daardoor verliezen ze de aandacht van de lezer en daarmee de potentie om te groeien in het aantal lezers en web-gebruikers van de pagina.

Dit beperkt de mogelijkheden om inkomsten te genereren door middel van een abonnement of een reclame campagne. De reden hiervan is dat de adverteerder het moeilijk wordt gemaakt om de aandacht te trekken van de gebruiker. Hierdoor zullen zowel de gebruikers als de adverteerder uiteindelijk de pagina verlaten.

Vorig jaar oktober kondigde Google een nieuw open source initiatief aan genaamd: Accelerate Mobile Pages. Dit zou de prestaties van mobiele websites drastisch moeten verbeteren. Wat zijn Accelerated Mobile Pages precies? Het doel van AMP is om de webpagina een rijke inhoud te geven zoals animaties, video’s en advertenties welke snel te laden zijn. De code moet op meerdere apparaten en platforms te gebruiken zijn zodat de inhoud overal binnen een seconde kan worden getoond, ongeacht welk soort tablet of mobiele telefoon de klant gebruikt.

Wat zijn Accelerated Mobile Pages?

Accelerated Mobile Pages (AMP) is een goed doordachte en innovatieve versie van een mobiele website. Deze draait op een nieuwe versie van HTML-code welke wordt gebruikt om een mobiele webpagina te creeren.
Deze nieuwe versie van HTML (ook wel bekend als AMP HTML) verwijdert delen die kunnen leiden tot het langzaam laden van een pagina zoals bij scripts van derde partijen en Javascript.

Google verklaart dat pagina’s die zijn gemaakt met Accelerated Mobile Page HTML overal 15 tot 85% kunnen laden in vergelijking met de niet AMP versie van diezelfde pagina.
Dat klinkt goed. Echter, als je het vanuit een ander perspectief bekijkt zie je dat Google alle infrastructuur marketeers heeft verwijder zodat adverteerders op dit moment moeten vertrouwen op berichten die impact hebben op de gebruiker.

We verliezen de moed niet, er zijn nog steeds veel dingen die we kunnen leren.

Er is een nieuwe aanpak nodig voor het adverteren op mobiele telefoons, verder zijn er weinig andere redenen te bedenken waarom je je zou moeten inschrijven bij AMP.

Wat maakt AMP snel?

Google geeft aan dat deze code is als een dieet HTML. Bepaalde tags van HTML zijn daardoor niet meer te gebruiken. Dit geldt bijvoorbeeld voor formuliere, waardoor je gedwongen wordt een gestroomlijnde versie van CSS te gebruiken.

Tegelijkertijd kun je het grootste deel van CSS gebruiken, sommige delen vallen onder best practise en kunnen niet worden gebruikt, omdat dit niet is toegestaan. Derde partij Javascript is in principe niet toegestaan. Dit betkent dat marketeers niet in staat zijn om de Javascript libraries die u voorzien, te gebruiken. Al deze factoren zullen een website traag maken.

Daarom is dit platform puur voor leesbaarheid en snelheid ontworpen. Dingen als afbeeldingen kunnen niet worden geladen tot ze in beeld worden geschoven. Dit is slechts een voorproefje van dit nieuwe platform.

Hoe werkt het?

Zoals we gezien hebben, is het in essentie een framework voor het maken van mobile pages. Accelerated mobile pages bestaat uit drie hoofdonderdelen:

1.    AMP Content Delivery Network (CDN)

Het heeft een optionele CDN, die gebruikt maakt van aangepaste web pages, die daarna in grote mate zullen worden gecached. Dit verbetert automatisch de performance.

2.    AMP JavaScript (JS)

Het heeft ook een JavaScript framework voor mobile pages. Het managet vooral informatie of content en ook het asynchroon laden. Wat betekent dat? Simpel gezegd zorgt het ervoor dat het alleen een paar items zoals afbeeldingen en videoís laadt als je verder scrolt.

NOOT: third-party JavaScripts kunnen niet door AMP worden gebruikt

3.    AMP HTML

Haar HTML is de basis van dit systeem.  Het is de taal die een aantal custom tags, eigenschappen, opties en veel beperkingen heeft. Maar als je bekend bent met de reguliere HTML, dan zal je niet veel moeite hebben om bestaande HTML paginaís aan te passen naar AMP HTML. Voor meer informatie over in hoeverre deze code anders is dan standaard HTML, verwijs ik je graag naar Googleís Project List.

Hoe pas je AMP toe op je website?

Eerst dient een uitgever ten minste 2 soorten inhoud leveren. De eerste moet de originele versie zijn en moet op de artikel pagina. Dit is de pagina die gebruikers te zien krijgen. Dan volgt de AMP versie van deze pagina. AMP staat niet dingen toe als formulier elementen of third-party JavaScript. Dit betekent dat je waarschijnlijk geen commentaar op je pagina zult hebben, of formulieren en andere zaken die marketeers gebruiken in een conventionele uitvoering.

Er is kans dat je de template van je website zal moeten herschrijven aan de voorwaarden te voldoen. Zo moet CSS in dit platform de richtlijnen volgen en niet meer dan 50KB grooyt zijn. Echter,  vanwege de laadsnelheid moeten alle aangepaste fonts worden geladen met AMP-font-extensie. Op deze manier zal de gebruiker een betere laadtijd hebben.

Alle multimedia moeten worden behandeld met speciale aandacht. Wat betekent dit? Afbeeldingen moeten de AMP-img extensie gebruiken. Het moet ook de juiste hoogte en breedte hebben. Wel, de waarheid is dat het omzetten van een standaard webpagina naar een AMP sjabloon een naar klusje voor je kan worden; vooral als het formaat niet correct wordt toegepast. Bovendien, als je foto’s hebt die geanimeerd zijn (GIF), zal je gevraagd worden om een aparte uitbreiding bekend als AMP-Anim te gebruiken.

Net zoals afbeeldingen, is er ook een aangepaste tag die moet worden gebruikt om lokaal gehoste video’s activeren via HTML5. Deze uitbreiding is bekend als AMP-video. Voor ingesloten video, zoals YouTube, is er een aparte extensie bekend als AMP-YouTube die men moet gebruiken.

Als je meer over wat accelerated mobile pages zijn leert, is het belangrijk om te weten dat dit platform andere functies ondersteunt, zoals diavoorstellingen. Dit wordt mogelijk gemaakt door middel van AMP-carrousel. Image lite boxes zijn mogelijk gemaakt door de AMP-afbeelding light box. Het is ook mogelijk om social media platformen, zoals Pinterest, Vine, Facebook, Instagram, en Twitter, in te sluiten via hun eigen extensies.

Dit zijn slechts maar een paar dingen die dit nieuwe platform te bieden heeft. Hopelijk heeft de bovenstaande informatie jouw vraag beantwoord wat accelerated mobile pages zijn.

Leave a reply

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

This website uses cookies to give you the best experience. Agree by clicking the 'Accept' button.