Inloggen

Configuratiescherm Webmail Website Builder Webshop File Manager WordPress

Wat is AMP?

Laad jouw pagina’s sneller op mobiele apparaten!

AMP staat voor Accelerated Mobile Page. Versnelde mobiele pagina’s doen precies dat: het versnellen van de pagina’s die je op je mobiele telefoon bekijkt. 

vector

In het kort

Glossary

Accelerated Mobile Pages (AMP) is een technologie die webpagina’s sneller laat laden op mobiele apparaten. Dit doet het door een gecachte versie van de pagina te tonen zonder onnodige elementen, zodat de pagina snel geladen kan worden.

Hoe vaak hebben we niet geklikt op een link die iemand heeft gedeeld, bijvoorbeeld op Instagram, en werden we geïrriteerd als we te lang moesten wachten tot de link opent? Bezoekers hebben meestal het geduld om maximaal 4-5 seconden te wachten, daarna verlaten ze de pagina. Als de gebruiker dan toch  het geduld heeft om te wachten, zal hij hoogstwaarschijnlijk alleen een super trage pagina te zien krijgen waarbij het onmogelijk is om te scrollen. Dit zal ook logischerwijs resulteren in het verlaten van de website door de gebruiker. 

Dus, wat zijn Accelerated Mobile Pages dan?

Accelerated Mobile Pages is een project dat door Google wordt beheerd. AMP is een uitgeklede HTML- en JavaScript-code met de namen AMP HTML en AMP JS. Google besloot dit project te steunen omdat ze de noodzaak inzagen van snellere laadtijden. Google wil er op deze manier voor zorgen dat mensen pagina’s sneller kunnen laden op hun mobiele apparaten. Zo wordt statische inhoud niet gewijzigd of verwerkt op basis van het gedrag van een gebruiker. Kortom, inhoud is dan exact hetzelfde voor elke gebruiker die op die link klikt. 

Als je Accelerated Mobile Pages op je website integreert, markeert Google je inhoud om de kwaliteit ervan te beoordelen, zoals artikelen met een speciaal pictogram op de zoekpagina. Het pictogram, in de vorm van een bliksemschicht, geeft aan dat de pagina AMP-enabled is en zal zonder haperen laden.

Als gebruikers besluiten dat ze je inhoud willen lezen, klikken ze op de pagina, een AMP versie van de eigenlijke pagina. De pagina komt niet van de website die je probeert te bezoeken, maar wordt naar een CDN (content delivery network) gepusht dat eigendom is van Google. De volgende stap is dat Google caches van de pagina naar je telefoon pusht. En dit alles in minder dan 2 seconden. Deze drie componenten (AMP HTML, AMP JS, AMP cache) werken samen om ervoor te zorgen dat je pagina’s snel en onder de 2 seconden laden. 

Versnelde Mobiele Pagina’s kunnen je website ten goede komen. Behalve dat je pagina’s namelijk sneller laden, zal je ook hoger gaan scoren in de zoekmachine. Het implementeren van het AMP raamwerk op zich doet je niet hoog ranken in de zoekmachine. Maar snelheid is wel een enorme factor om hoog te scoren. Als je dus alles in het werk stelt om de snelheid van je website te optimaliseren, waaronder het inschakelen van AMP pagina’s, zul je hoogstwaarschijnlijk hoger gaan ranken. Daarnaast vermeldt Google de beste pagina’s die AMP-enabled zijn in zijn rubriek top stories. Dit is een mooie gelegenheid om op te vallen en de curve voor te zijn.

Hoe werkt AMP JavaScript?

AMP JavaScript werkt met het element dat ‘laadketen’ oftewel ‘loadchain’ wordt genoemd. Dit element regelt datgeen wat een gebruiker op het eerste gezicht te zien krijgt als hij een pagina bezoekt. Laden alle afbeeldingen meteen of beginnen ze te laden naarmate je scrollt (ook bekend als lazyload)? Bepaalde elementen en verzoeken krijgen voorrang op andere. Dit alles is gebaseerd op het gedrag van de gebruiker en zijn interactie met de pagina. 

AMP probeert de inhoud van de pagina te begrijpen en te doorgronden en presenteert wat het denkt dat relevant is voor de gebruiker om eerst te zien. Zo zal het bijvoorbeeld de advertentie die verderop de pagina staat pas later laden (als de gebruiker verder naar beneden gescrold is) en als eerste concentreren op het laden van de eerste afbeelding en de inhoud. Bovendien kan AMP de laadketen regelen door inhoud van derden pas te laden nadat je oorspronkelijke inhoud geladen is. 

Een negatief aspect om rekening mee te houden als je AMP niet inschakelt is reclame die vooraan en in het midden opduikt, waardoor de gebruiker niets anders kan doen dan weggaan of op de advertentie klikken. AMP beperkt in zijn codering de ruimte die een advertentie op een mobiele telefoon mag hebben. 

Accelerated Mobile Pages volgt het volgende vuist begrip: inhoud is koning, gebruikerservaring is koningin. Zo wil AMP ervoor zorgen dat de gebruiker ook werkelijk de inhoud te zien krijgt die hij wil (en waarvoor hij de website bezocht) en niet advertenties die het scherm overnemen.

AMP vs niet-AMP

Accelerated Mobile Pages is een hulpmiddel dat je als website eigenaar veel voordeel kan opleveren. Het hebben van een AMP functie op je website zorgt ervoor dat je gebruikerservaring top is. Je wilt niet dat je gebruiker zich geïrriteerd voelt en met met een irritant gevoel afdruipt. Je wilt ervoor zorgen dat je gebruiker een terugkerende bezoeker wordt. Nog belangrijker, je wilt er zeker van zijn dat je gebruiker je website met een positieve instelling verlaat. 

Als je AMP niet inschakelt, kan dat schade toebrengen aan je merk en je website. Zeker anno 2021, nu mensen een enorme hoeveelheid tijd op hun mobiele telefoon doorbrengen. Je wilt de concurrentie voor zijn en niet achterblijven. Maar: je moet ook rekening houden met een aantal elementen van Accelerated Mobile Pages voordat je ze inschakelt.

Zo zal AMP sommige functies die je op je website wilt hebben beperken. Bijvoorbeeld gave, maar zwaar beladen vraag-ontwerpen. Zo kun je misschien alleen een eenvoudig ontwerp hebben dat past bij de inhoud die je maakt. Een ander probleem is dat als een gebruiker je pagina bezoekt, hij niet geregistreerd wordt als bezoeker van je website. Dat komt omdat de bezoeker, zodra hij op de pagina klikt, met behulp van Google URL naar een AMP pagina wordt omgeleid.

Hoe werkt AMP in WordPress?

Als je AMP op je WordPress website wilt inschakelen, moet je de AMP plugin installeren die gemaakt is door Automattic (de mensen achter WordPress). De plugin zal automatisch AMP-compatibele versies van je berichten genereren. Als je veel inhoud publiceert, moet je AMP sowieso inschakelen. Het moet in je proces geïntegreerd zijn.

Nu je een AMP website hebt, wat nu?

Het duurt meestal een paar dagen voor je Accelerated Mobile Pages op Google’s zoekresultaten pagina verschijnen. Dit komt door de manier waarop Google pagina’s indexeert, dus maak je geen zorgen als het niet meteen gebeurt. Als je analytics geïnstalleerd hebt, kun je nagaan hoe goed je AMP-enabled pagina het doet.