Home / Blog / Development / AMP: Een mobiele versie van jouw website

AMP: Een mobiele versie van jouw website

AMP

Gebruikservaring en snelheid zijn belangrijke factoren als het gaat om resultaat. Als je een goede website hebt, presteer je niet alleen beter, maar blijf je ook beter scoren, daardoor behaal je uiteindelijk meer resultaat. Google helpt je hier ook graag een handje verder mee: door de komst van AMP. Accelerated Mobile Pages (AMP) zijn webpagina’s met statische content en zijn geoptimaliseerd voor browsen op mobiele apparaten. Omdat AMP-pagina’s een eenvoudige oplossing biedt voor snelle webpagina’s en prioriteit geeft aan de gebruikerservaring, zullen jouw webpagina’s ook hoger ranken in de zoekresultaten. Deze AMP-pagina’s worden gecached door Google zelf, daardoor geeft Google ook de voorkeur om deze pagina’s te tonen als het gaat om mobiele zoekresultaten. Je kunt deze AMP pagina’s herkennen aan het “bliksem” teken bij het zoekresultaat.

Wat houdt Google Accelerated Mobile Pages (AMP) in?

Begin 2016 is AMP door Google geïntroduceerd. Het bestaat uit HTML, AMP JS en AMP Cache. HTML is de gebruikelijke code dat gebruikt wordt in websites, daarnaast zorgt AMP JS ervoor dat alle externe javascript asynchroon wordt ingeladen waardoor onder andere de site sneller werkt. Dat komt doordat alle inhoud boven de vouw de voorkeur krijgt en dus als eerst wordt ingeladen, voordat de rest is ingeladen zodat je zo snel mogelijk kunt beginnen met het lezen van de content. AMP-cache is een extra functie, dat ervoor zorgt dat pagina’s door Google worden gecached, waardoor ze nog sneller worden ingeladen.

AMP en GDRP

Sinds de komst van de AVG/GDRP is het noodzakelijk om cookiemeldingen te geven op jouw website. Ook voor AMP-pagina’s is dit noodzakelijk. Gelukkig bieden plugins de mogelijkheid om meldingen te geven.

Voordelen van AMP

Gebruiksvriendelijke website

Een AMP-pagina laadt supersnel, gemiddeld 1 seconde, daarnaast leest de pagina prettig en is alles overzichtelijk weergegeven. Alle nutteloze content wordt weggelaten. Dat komt dus goed uit, want bezoekers houden van snelle content. Hierdoor kun je snel lezen en wordt er uiteindelijk meer content gelezen.  Dit lijkt mij een win-win!

Hogere ranking binnen Google

Doordat jouw pagina’s zijn gecached, zal Google voorrang gegeven aan deze pagina’s en krijgen deze pagina’s dus een hogere ranking dan een niet-AMP pagina’s.

Makkelijk te maken

AMP-websites zijn relatief makkelijk te maken. Je kunt ze met verschillende plugins ontwikkelen. Er is wel enig verstand nodig van programmeer termen, die je nodig hebt om alles in te stellen.

Nadelen van AMP

JavaScript en CSS-beperkingen

JavaScript en CSS zijn heel erg beperkt binnen AMP, dit komt doordat zij zorgen voor een langere inlaadtijd. Hierdoor kun je dus mindere extra’s gebruiken, die je normaal wel zou hebben. Dit kan ervoor zorgen dat je niet altijd jouw branding en/of stijl kunt gebruiken.

Beperkte trackingmogelijkheden

Door AMP zijn er beperkte trackingmogelijkheden. Zo kun je bij Google Analytics maar het volgende tracken:

  • Paginagegevens: domein, pad, paginatitel
  • Gebruikersgegevens: client-ID, tijdzone
  • Browsergegevens: verwijzende URL, unieke paginaweergave-ID
  • Browsergegevens: schermhoogte, schermbreedte, user-agent
  • Interactiegegevens: paginahoogte en -breedte
  • Gebeurtenisgegevens

Als je een beetje bekend bent met Google Analytics dan zijn dit maar weinig trackingsmogelijkheden, maar Google beweert dat er in de loop van der tijd meer AMP-mogelijkheden worden toegevoegd.

Plugins voor WordPress

AMP

Dit is de officiële plugin uitgegeven door Google. Deze vormt de pagina’s welke je graag in AMP wilt automatisch om en geeft daarbij fouten aan die deze pagina’s bevatten. Deze plugin is echter wel beperkt als het gaat om opties en toepasbaarheid. Je hebt hier veel kennis voor nodig, met name in codetaal, om aanpassingen door te voeren.

AMP for WP – Accelerated Mobile Pages

Deze plugin biedt meer mogelijkheid als het gaat om het personaliseren van je AMP-pagina’s. Voor de gratis versie zijn er 2 gedeeltes die je kunt instellen. Gedeelte 1 zijn basis instellingen, zoals logo, SEO, cookiemeldingen, vertalingen van begrippen etc. Gedeelte 2 gaat over het design. Hier kun je kiezen uit 4 gratis thema’s. Daarnaast kun je hier de header, footer, menu etc. instellen.

Wat heb ik aan AMP voor mijn website?

Door AMP te gebruiken speel jij in op de gebruiksvriendelijkheid van jouw website: alle content wordt op een overzichtelijke manier weergegeven en is snel ingeladen. Dat zorgt ervoor dat er meer content gelezen wordt. Ook wordt jouw website waarschijnlijk hoger binnen zoekresultaten weergegeven, waardoor de kans op meer traffic aanzienlijk stijgt.  Al met al zeker een leuk project om mee te experimenteren.

This site is registered on wpml.org as a development site. Switch to a production site key to remove this banner.