{"id":21557,"date":"2019-02-28T07:12:15","date_gmt":"2019-02-28T05:12:15","guid":{"rendered":"https:\/\/kinsta.com\/?p=7477"},"modified":"2023-06-09T10:17:48","modified_gmt":"2023-06-09T08:17:48","slug":"google-amp","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/","title":{"rendered":"Google AMP &#8211; Zo implementeer je het in WordPress"},"content":{"rendered":"<p>Het web is constant in ontwikkeling en voor veel ondernemers betekent dit dat ze constant op de hoogte moeten blijven van veranderingen bij Google. Als je je niet aanpast, kan dat betekenen dat je snel achter de zaken aanloopt. Google AMP, het mobiele initiatief om het internet te versnellen, nadert zijn eenjarig jubileum. Omdat het al veel stabieler is dan pakweg 6 maanden geleden, dachten we dat nu het juiste moment is om enkele stappen te delen over hoe je kan beginnen met Google AMP binnen WordPress. Ook bespreken we de voor- en nadelen van dit nieuwe platform.<\/p>\n<ul>\n<li><a href=\"#google-amp\">Wat is Google AMP?<\/a><\/li>\n<li><a href=\"#pros-google-amp\">Voordelen van Google AMP<\/a><\/li>\n<li><a href=\"#cons-google-amp\">Nadelen van Google AMP<\/a><\/li>\n<li><a href=\"#setup-google-amp-wordpress\">Hoe Google AMP in te stellen in WordPress<\/a><\/li>\n<li><a href=\"#validate-google-amp-code\">Jouw Google AMP-code valideren<\/a><\/li>\n<\/ul>\n<h2 id=\"google-amp\">Wat is Google AMP?<\/h2>\n<p><a href=\"https:\/\/googleblog.blogspot.com\/2015\/10\/introducing-accelerated-mobile-pages.html\" target=\"_blank\" rel=\"noopener noreferrer\">Google AMP<\/a> (Accelerated Mobile Pages Project) werd oorspronkelijk gelanceerd in oktober 2015. Het project is gebaseerd op AMP HTML, een nieuw open framework dat volledige is opgebouwd uit bestaande webtechnologie\u00ebn en waarmee websites lichtgewicht webpagina&#8217;s kunnen bouwen. Simpel gezegd is het een manier om een uitgeklede versie van je huidige webpagina te tonen.<\/p>\n<blockquote style=\"font-size: 1rem\"><p>Vanaf de eerste dag was snelheid een van de belangrijkste speerpunten van AMP. Het is misschien wel een van de meest frustrerende dingen van het mobiele internet &#8211; uit recent <a href=\"https:\/\/www.doubleclickbygoogle.com\/articles\/mobile-speed-matters\/\" target=\"_blank\" rel=\"noopener noreferrer\">onderzoek van Google<\/a> blijkt dat 53% van de mensen een website verlaat als de site niet binnen 3 seconden laadt. Dat is slecht nieuws voor iedereen: gebruikers, bedrijven, uitgevers, websites en het mobiele web als geheel. &#8211; David Besbris, AMP-projectleider bij Google<\/p><\/blockquote>\n<p>Volgens het meest recente State of the Online Retail Performance-rapport van <a href=\"https:\/\/www.soasta.com\/wp-content\/uploads\/2017\/04\/State-of-Online-Retail-Performance-Spring-2017.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Akamai<\/a> is elke tiende van een seconde van belang. Zelfs een lichte toename in paginalaadtijd naar 2,8 seconden zorgde voor een daling van het conversiepercentage met 2,4%.<\/p>\n<figure style=\"width: 1437px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/conversiepercentages-op-mobiel.png\" alt=\"conversiepercentages op mobiel\" width=\"1437\" height=\"682\"><figcaption class=\"wp-caption-text\">Correlatie tussen snelheid en conversiepercentages op mobiel<\/figcaption><\/figure>\n<p>Veel grote bedrijven hebben het afgelopen jaar Google AMP ge\u00efntroduceerd, zoals WordPress, Reddit, eBay, Pinterest, Washington Post, Wired en Gizmodo. <a href=\"https:\/\/amphtml.wordpress.com\/2016\/10\/07\/amp-a-year-in-review\/\" target=\"_blank\" rel=\"noopener noreferrer\">Volgens Google<\/a> zag Slate een <strong>stijging van 44% in maandelijkse unieke bezoekers<\/strong> en een <strong>73% toename in bezoeken per maand voor elke unieke bezoeker<\/strong>.<\/p>\n<p>Wanneer een pagina wordt weergegeven via AMP in Google, staat het AMP-symbool ernaast, zoals je hieronder kan zien in de demo van <a href=\"https:\/\/www.google.com\/search?q=nyt&#038;esrch=AcceleratedMobilePages::Preview,AcceleratedMobilePagesDesktop::Promo\" target=\"_blank\" rel=\"noopener noreferrer\">New York Times<\/a>. Let op: om dit te testen moet je op een mobiel apparaat zijn. Je kan ook de device-emulator van Chrome devtools gebruiken. Met gestructureerde gegevensmarkering kan Google je content prominenter presenteren in de zoekresultaten. AMP-artikelen met de juiste mark-up-eigenschappen kunnen bijvoorbeeld de felbegeerde carrouselplek in SERP&#8217;s krijgen, zoals hieronder wordt weergegeven.<\/p>\n<figure style=\"width: 634px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/google-amp-carrousel-1.jpg\" alt=\"Google AMP-carrousel\" width=\"634\" height=\"826\"><figcaption class=\"wp-caption-text\">Google AMP-carrousel<\/figcaption><\/figure>\n<p>En hier is een voorbeeld van hoe een AMP-pagina eruitziet op de website van The New York Times. Zoals je ziet is het erg eenvoudig en simpel, wat precies het doel is van AMP. Dit zorgt ervoor dat de pagina snel laadt en een betere gebruikerservaring biedt.<\/p>\n<figure style=\"width: 634px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/voorbeeld-google-amp-pagina.jpg\" alt=\"Voorbeeld Google AMP-pagina\" width=\"634\" height=\"840\"><figcaption class=\"wp-caption-text\">Voorbeeld Google AMP-pagina<\/figcaption><\/figure>\n<p>Zoals met elk nieuw platform moet je de voor- en nadelen afwegen en beslissen of dit de juiste zet is voor je bedrijf en\/of website.<\/p>\n<h2 id=\"pros-google-amp\">Voordelen van Google AMP<\/h2>\n<ul style=\"margin-left: 30px\">\n<li>AMP is gratis en open source.<\/li>\n<li>AMP kan de <a href=\"https:\/\/kinsta.com\/nl\/leren\/wordpress-sneller-maken\/\" target=\"_blank\" rel=\"noopener noreferrer\">laadtijd van je WordPress-site zeker verbeteren<\/a>. En onthoud dat snelheid een rankingfactor is.<\/li>\n<li>Betere plaatsingen in SERP&#8217;s door middel van carrousel voor een betere CTR. Een populaire uitgever <a href=\"https:\/\/www.ampproject.org\/case-studies\/plista\/\" target=\"_blank\" rel=\"noopener noreferrer\">implementeerde<\/a> <strong>Google AMP en kreeg 600% meer CTR&#8217;s<\/strong>!<\/li>\n<li>Google AMP forceert veel aanbevolen methodes om webprestaties te verbeteren, zoals het vermijden van grote CSS- en JS-frameworks<\/li>\n<li>Kan je conversies positief be\u00efnvloeden.<\/li>\n<li>Het afgelopen jaar zijn er veel verbeteringen aangebracht en er zijn nu advertentie-opties beschikbaar in Google AMP. Dit betekent dat tijdschriften en nieuwe publicaties hun AdSense-inkomsten kunnen behouden of zelfs vergroten.<\/li>\n<li>Automatische <a href=\"https:\/\/developers.googleblog.com\/2017\/01\/google-amp-cache-amp-lite-and-need-for.html\" target=\"_blank\" rel=\"noopener noreferrer\">afbeeldingsoptimalisatie<\/a> (zelfs conversie naar het <a href=\"https:\/\/kinsta.com\/nl\/blog\/webp\/\">WebP-formaat<\/a>!)<\/li>\n<li>AMP Lite zorgt voor verdere optimalisatie voor trage netwerkverbindingen. Google zag een gecombineerde vermindering van 45% in bytes.<\/li>\n<\/ul>\n<h2 id=\"cons-google-amp\">Nadelen van Google AMP<\/h2>\n<ul style=\"margin-left: 30px\">\n<li><a href=\"https:\/\/www.searchenginejournal.com\/will-amp-become-ranking-signal\/171722\/\" target=\"_blank\" rel=\"noopener noreferrer\">AMP is momenteel geen rankingfactor<\/a>, maar dit kan in de toekomst veranderen. Dit kan zowel als een voordeel als nadeel beschouwd worden.<\/li>\n<li>AMP kan moeilijk zijn om te implementeren en te testen als je geen ontwikkelaar bent. Gelukkig maakt het WordPress-platform het je een beetje eenvoudiger.<\/li>\n<li>Introduceert een volledig nieuw, afzonderlijk platform en functionaliteit waar je tijd in moet steken. Wat is er gebeurd met het simpelweg optimaliseren van mobiele sites?<\/li>\n<li>Kan je conversies negatief be\u00efnvloeden.<\/li>\n<li>Er zijn meldingen geweest van dat <a href=\"http:\/\/searchengineland.com\/using-amp-known-bug-probably-screwing-google-analytics-270466\" target=\"_blank\" rel=\"noopener noreferrer\">Google AMP statistieken verstoort<\/a> in <a href=\"https:\/\/kinsta.com\/nl\/blog\/gebruik-google-analytics\/\">Google Analytics<\/a>.<\/li>\n<li>In sommige gevallen leidde dit tot <a href=\"https:\/\/twitter.com\/aleyda\/status\/824582687356817408\" target=\"_blank\" rel=\"noopener noreferrer\">lagere engagement<\/a> en hogere bounce-percentages.<\/li>\n<li>Sommige externe scripts en applicaties zijn niet ondersteund.<\/li>\n<li>Er is geen support voor sommige oudere browsers, zoals Internet Explorer 11. Google <a href=\"https:\/\/github.com\/ampproject\/amphtml\/blob\/master\/DEVELOPING.md#supported-browsers\" target=\"_blank\" rel=\"noopener noreferrer\">verklaarde<\/a> dat in het algemeen de twee meest recente versies van de grote browsers, zoals Chrome, Firefox, Edge, Safari en Opera worden ondersteund. Hierbij ondersteunen ze de desktop-, telefoon-, tablet- en webview-versies van de respectievelijke browsers.<\/li>\n<li>Lees waarom Jan Dawson vindt waarom <a href=\"http:\/\/www.recode.net\/2016\/10\/20\/13318746\/online-publishing-platform-amp-facebook-instant-articles-apple-news\" target=\"_blank\" rel=\"noopener noreferrer\">Google AMP het moeilijker<\/a>, en niet makkelijker, maakt om op het internet te publiceren.<\/li>\n<li>Lees Alex Kras&#8217; artikel waarin hij een <a href=\"https:\/\/www.alexkras.com\/google-may-be-stealing-your-mobile-traffic\/\" target=\"_blank\" rel=\"noopener noreferrer\">aantal problemen met Google AMP<\/a> beschrijft, samen met een antwoord van de technische leiding van het Google AMP-project.<\/li>\n<li>Tim Kadlec deelt zijn mening over Google AMP en de behoefte aan een beter alternatief: <a href=\"https:\/\/timkadlec.com\/2016\/02\/a-standardized-alternative-to-amp\/\" target=\"_blank\" rel=\"noopener noreferrer\">beleid voor contentprestaties<\/a>.<\/li>\n<\/ul>\n<p>Vanaf februari 2017 is Google AMP begonnen met het weergeven van URL&#8217;s van de uitgever. Daarvoor werd alleen <a href=\"http:\/\/searchengineland.com\/google-url-for-amp-265344\" target=\"_blank\" rel=\"noopener noreferrer\">de versie van Google<\/a> weergegeven, die uit de cache werd getoond. Dit leverde echter zorgen op vanuit een branding-perspectief. Gelukkig realiseerde Google zich dit ook en voerde een verandering door. Het URL-veld van een browser blijft nu een Google-URL weergeven. In het AMP-headergedeelte wordt echter een link- of kettingpictogram weergegeven, wat ook wel de &#8216;anker&#8217;-knop wordt genoemd. Als je hierop klikt, wordt de directe URL van de uitgever weergegeven, zodat deze gemakkelijk gekopieerd en geplakt kan worden. Dit is nog steeds geen perfecte oplossing, maar het is beter dan niets.<\/p>\n<figure style=\"width: 640px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/url-van-google-amp-uitgever.png\" alt=\"URL van Google AMP-uitgever\" width=\"640\" height=\"446\"><figcaption class=\"wp-caption-text\">Bron: <a href=\"https:\/\/developers.googleblog.com\/2017\/02\/whats-in-amp-url.html\" target=\"_blank\" rel=\"noopener noreferrer\">Google Developer Blog<\/a><\/figcaption><\/figure>\n<p>Hier is nog een voorbeeld van het verliezen van branding.<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">Another reason to not use Google AMP &#8211;&gt; You lose your brand \ud83d\ude42 cc  <a href=\"https:\/\/twitter.com\/HuffingtonPost?ref_src=twsrc%5Etfw\">@HuffingtonPost<\/a> you might want to think about it \ud83d\ude42 <a href=\"https:\/\/t.co\/n3LEHIOEBZ\">pic.twitter.com\/n3LEHIOEBZ<\/a><\/p>\n<p>&mdash; Syed Balkhi (@syedbalkhi) <a href=\"https:\/\/twitter.com\/syedbalkhi\/status\/822069960734310400?ref_src=twsrc%5Etfw\">January 19, 2017<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>Het is ook belangrijk om op te merken dat als de enige mobiele versie van een pagina op je website een AMP-versie is, Google nog steeds de desktopversie voor indexering zal gebruiken, zelfs wanneer Google de index overzet naar de <a href=\"https:\/\/www.searchenginejournal.com\/google-splitting-search-index-prioritizing-mobile-desktop\/176149\/\" target=\"_blank\" rel=\"noopener noreferrer\">mobile-first-index<\/a>.<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">So <a href=\"https:\/\/twitter.com\/maileohye?ref_src=twsrc%5Etfw\">@maileohye<\/a> confirmed that in a situation where there is desktop and AMP, Google will index desktop for mobile first. <a href=\"https:\/\/twitter.com\/hashtag\/StateofSearch?src=hash&amp;ref_src=twsrc%5Etfw\">#StateofSearch<\/a><\/p>\n<p>&mdash; Jennifer Slegg (@jenstar) <a href=\"https:\/\/twitter.com\/jenstar\/status\/798311940036628480?ref_src=twsrc%5Etfw\">November 14, 2016<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<h2 id=\"setup-google-amp-wordpress\">Hoe Google AMP in te stellen in WordPress<\/h2>\n<p>Gelukkig is het nu een stuk eenvoudiger om Google AMP in WordPress te implementeren dan zes maanden geleden. Er is veel vooruitgang geboekt met WordPress-plugins en het platform als geheel. Vergeet echter niet dat je je code moet valideren bij Google om de <a href=\"https:\/\/support.google.com\/webmasters\/answer\/6340290?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">AMP-versie<\/a> van je site in SERP&#8217;s te laten zien. Een plugin verandert je bericht in een AMP-versie, maar het besluit ligt altijd bij Google om de AMP-versie te tonen.<\/p>\n<p>In principe werkt het zo dat je WordPress-bericht een andere URL krijgt toegewezen. Dit wordt allemaal automatisch afgehandeld door de WordPress plugin. Normaal gesproken wordt \/amp of \/?amp aan je bericht toegevoegd. Hier is een voorbeeld:<\/p>\n<p>Oorspronkelijke URL blogartikel: https:\/\/domein.nl\/blogartikel<br \/>\nAMP-URL blogartikel: https:\/\/domein.nl\/artikel<strong>\/amp\/<\/strong><\/p>\n<h3>Google AMP WordPress-plugins<\/h3>\n<p>Er zijn momenteel 2 populaire WordPress-plugins die je kunnen helpen bij het instellen van Google AMP. De eerste is de gratis offici\u00eble <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener noreferrer\">AMP-plugin<\/a> die door het team van Automattic is ontwikkeld.<\/p>\n<figure style=\"width: 1349px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/google-amp-wordpress-plugin.jpg\" alt=\"google amp wordpress plugin\" width=\"1349\" height=\"433\"><\/a><figcaption class=\"wp-caption-text\">Offici\u00eble Google AMP-plugin van Automattic<\/figcaption><\/figure>\n<p>Op het moment van schrijven heeft deze meer dan 200.000 actieve installaties met een score van 3.5 van de 5 sterren. Je kan deze downloaden vanuit de <a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-bibliotheek<\/a> of door te zoeken vanuit je WordPress-dashboard onder &#8216;<a href=\"https:\/\/kinsta.com\/nl\/blog\/zo-installeer-je-wordpress-plugins\/\" target=\"_blank\" rel=\"noopener noreferrer\">Add New<\/a>&#8216; in het plugins tabblad. Je kan het uiterlijk aanpassen onder de &#8216;Appearance AMP&#8217;-editor (zoals hieronder te zien is). Met deze plugin heb je echter beperkte opties en de toepasbaarheid van de plugin is grotendeels afhankelijk van je kennis over het implementeren van <a href=\"https:\/\/github.com\/Automattic\/amp-wp\" target=\"_blank\" rel=\"noopener noreferrer\">extra filters<\/a> voor features als Adsense of Analytics.<\/p>\n<figure style=\"width: 499px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/wordpress-amp-stijlen.png\" alt=\"WordPress AMP-stijlen\" width=\"499\" height=\"607\"><figcaption class=\"wp-caption-text\">WordPress AMP-stijlen<\/figcaption><\/figure>\n<p>Het is ook belangrijk om op te merken dat de plugin alleen artikelen ondersteunt en geen pagina&#8217;s, hoewel er is aangekondigd dat dit in de nabije toekomst verandert. Hieronder zie je een voorbeeld van hoe ons WordPress-artikel er na de installatie van de plugin uitziet.<\/p>\n<figure style=\"width: 599px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/wordpress-amp-voorbeeld.png\" alt=\"WordPress AMP-voorbeeld\" width=\"599\" height=\"1049\"><figcaption class=\"wp-caption-text\">WordPress AMP-voorbeeld<\/figcaption><\/figure>\n<p>Als je makkelijk extra functies toe wil voegen, dan kan je het best eens kijken naar de plugin <a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">AMP for WP<\/a>. Dit is in feite een geavanceerdere versie van de offici\u00eble AMP-plugin en komt met extra functies en support. De plugin is ontwikkeld door<a href=\"https:\/\/twitter.com\/ahmed_kaludi\" target=\"_blank\" rel=\"noopener noreferrer\"> Ahmed Kaludi<\/a> en <a href=\"https:\/\/twitter.com\/Mohammed_Kaludi\" target=\"_blank\" rel=\"noopener noreferrer\">Mohammed Kaludi<\/a>, die een succesvolle WordPress-themawinkel runnen.<\/p>\n<figure style=\"width: 1347px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/amp-for-wp-plugin.jpg\" alt=\"AMP for WordPress-plugin\" width=\"1347\" height=\"436\"><\/a><figcaption class=\"wp-caption-text\">AMP for WordPress-plugin<\/figcaption><\/figure>\n<p>Op het moment van schrijven heeft de plugin meer dan 70.000 actieve installaties met een score van 4.6 van de 5 sterren. Je kan deze downloaden vanuit de <a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress-bibliotheek<\/a> of door te zoeken vanuit je WordPress-dashboard onder &#8216;Add New&#8217; in het plugins-tabblad. Met deze plugin kan je je Google AMP-configuratie op veel verschillende manieren wijzigen. Ook biedt de plugin ondersteuning voor pagina&#8217;s. Hieronder bespreken we de aanpassingen en functies die je kan maken vanuit het dashboard van de AMP-plugin.<\/p>\n<p>We gebruiken deze plugin zelf ook bij Kinsta! Je kan AMP aan het werk zien in dit artikel als je gaat naar <del>https:\/\/kinsta.com\/blog\/google-amp\/amp\/<\/del>.\u00a0(<strong>Update:<\/strong> vanaf begin september hebben we geen AMP meer op onze site. Bekijk onze casestudy over <a href=\"https:\/\/kinsta.com\/nl\/blog\/google-amp-leads-kelderden\/\" target=\"_blank\" rel=\"noopener noreferrer\">waarom we kozen om Google AMP uit te schakelen<\/a>). Hieronder vind je een voorbeeld van hoe een Kinsta blogpost eruitziet in de SERP&#8217;s. Je kan het AMP-logo duidelijk zien.<\/p>\n<figure style=\"width: 1574px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/voorbeeld-van-kinsta--amp-in-serps.png\" alt=\"Voorbeeld van Kinsta AMP in SERP's\" width=\"1574\" height=\"1318\"><figcaption class=\"wp-caption-text\">Voorbeeld van Kinsta AMP in SERP&#8217;s<\/figcaption><\/figure>\n<h4><strong>General<\/strong><\/h4>\n<p>In het &#8216;general&#8217;-tabblad, kan je een logo toevoegen, je website aanpassen en kiezen of je AMP ook voor pagina&#8217;s wil inschakelen. Afhankelijk van je site en verkeer, wil je AMP misschien alleen inschakelen op je blog (artikelen).<\/p>\n<figure style=\"width: 1876px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/algemene-opties-voor-versnelde-mobiele-paginas.png\" alt=\"Algemene opties voor versnelde mobiele pagina's\" width=\"1876\" height=\"1516\"><figcaption class=\"wp-caption-text\">Algemene opties voor versnelde mobiele pagina&#8217;s<\/figcaption><\/figure>\n<p><strong>Homepage<\/strong><\/p>\n<p>Onder &#8216;Homepage&#8217; kan je kiezen of je support voor je homepage in- of uitschakelt. Verder kan je de thumbnail-grootte kiezen en bepalen wat er gebeurt als bezoekers op het logo klikken (naar de AMP- of niet-AMP-versie van je site gaan.<\/p>\n<figure style=\"width: 1871px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-homepage.png\" alt=\"AMP homepage\" width=\"1871\" height=\"1514\"><figcaption class=\"wp-caption-text\">AMP homepage<\/figcaption><\/figure>\n<p><strong>Page Builder<\/strong><\/p>\n<p>Onder &#8216;Page Builder&#8217; kan je het gebruik van AMP-widgets toestaan.<\/p>\n<figure style=\"width: 1874px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-page-builder.png\" alt=\"AMP page builder\" width=\"1874\" height=\"1519\"><figcaption class=\"wp-caption-text\">AMP page builder<\/figcaption><\/figure>\n<p><strong>Design<\/strong><\/p>\n<p>Onder &#8216;Design&#8217; kan je de post-builder opstarten of kiezen uit vooraf ontworpen sjablonen. U kunt HTTPS inschakelen voor zoeken en ook een knop Nu bellen toevoegen. Verder is hier de mogelijkheid om aangepaste CSS in te voegen. Op onze site voegen we bijvoorbeeld de volgende code toe om de kleur van de header aan te passen:<\/p>\n<pre><code>.amp-wp-header {background-color:#5CC0C0;}<\/code><\/pre>\n<figure style=\"width: 1873px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-design.png\" alt=\"AMP design\" width=\"1873\" height=\"1516\"><figcaption class=\"wp-caption-text\">AMP design<\/figcaption><\/figure>\n<p><strong>Single<\/strong><\/p>\n<p>Onder &#8216;Single&#8217; kan je sociale pictogrammen inschakelen, links uitschakelen, biografie van auteurs laten zien en zelfs de instellingen voor gerelateerde berichten wijzigen.<\/p>\n<figure style=\"width: 1868px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-single-post.png\" alt=\"AMP single post\" width=\"1868\" height=\"1556\"><figcaption class=\"wp-caption-text\">AMP single post<\/figcaption><\/figure>\n<p><strong>Advertisement<\/strong><\/p>\n<p>In het scherm van &#8216;Advertisement&#8217; kan je AdSense inschakelen en de locatie van advertenties kiezen. Deze plugin biedt een van de gemakkelijkste manieren om Adsense aan Google AMP toe te voegen. Voor de lezers onder jullie die afhankelijk zijn van advertenties kan dit een zeer nuttige functie zijn (voorgestelde lezing: <a href=\"https:\/\/kinsta.com\/nl\/blog\/google-adsense-wordpress\/\">Hoe Google AdSense toe te voegen aan WordPress<\/a>).<\/p>\n<figure style=\"width: 1873px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-advertisement.png\" alt=\"AMP advertisement\" width=\"1873\" height=\"1570\"><figcaption class=\"wp-caption-text\">AMP advertisement<\/figcaption><\/figure>\n<p><strong>AMP Menu<\/strong><\/p>\n<p>Onder &#8216;Menu&#8217; kun je kiezen of je \/amp\/ aan het einde van de menu-URL&#8217;s wilt toevoegen. Misschien wil je dat je bezoekers op de AMP-versie van je site blijven wanneer ze een menu-item aanklikken. Mocht dat zo zijn, dan kan je dat hier inschakelen.<\/p>\n<figure style=\"width: 1870px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-menu.png\" alt=\"AMP menu\" width=\"1870\" height=\"1508\"><figcaption class=\"wp-caption-text\">AMP menu<\/figcaption><\/figure>\n<p><strong>Social<\/strong><\/p>\n<p>In het menu van &#8216;Social&#8217; kan je de sociale netwerken toevoegen waarvan je wil dat ze tevoorschijn komen. Voor Facebook moet je een gratis <a href=\"https:\/\/developers.facebook.com\/apps\" target=\"_blank\" rel=\"noopener noreferrer\">App ID<\/a> registreren.<\/p>\n<figure style=\"width: 1868px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-social.png\" alt=\"AMP social\" width=\"1868\" height=\"1613\"><figcaption class=\"wp-caption-text\">AMP social<\/figcaption><\/figure>\n<p><strong>SEO<\/strong><\/p>\n<p>Het SEO-scherm is waarschijnlijk een van de belangrijkste, omdat deze betrekking heeft op hoe Google je website ziet en je AMP-content rankt. We raden aan om de optie &#8216;Meta Description&#8217; aan te zetten. Als je de <a href=\"https:\/\/kinsta.com\/nl\/blog\/yoast-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yoast SEO-plugin<\/a> gebruikt, raden we aan de opties &#8216;Meta Tags from Yoast&#8217; en &#8216;Yoast Description in ld+jason&#8217; in te schakelen.<\/p>\n<figure style=\"width: 1928px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-seo-options-yoast.png\" alt=\"AMP seo options yoast\" width=\"1928\" height=\"1801\"><figcaption class=\"wp-caption-text\">AMP SEO options<\/figcaption><\/figure>\n<p><strong>Analytics<\/strong><\/p>\n<p>Op het Analytics-scherm kan je trackingscripts toevoegen van Google Analytics en Google Tag Manager. Als je bezoekersstatistieken up-to-date wil houden, dan is dit een cruciale stap.<\/p>\n<figure style=\"width: 1932px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-analytics.png\" alt=\"AMP analytics\" width=\"1932\" height=\"1519\"><figcaption class=\"wp-caption-text\">AMP analytics<\/figcaption><\/figure>\n<p>De plugin ondersteunt daarnaast Segment Analytics, Piwik Analytics, Quantcast Measurement, comScore, Effective Measure, StatCounter, HitStats Analytics, Yandex Metrika en Chartbeat Analytics.<\/p>\n<p><strong>Structured Data<\/strong><\/p>\n<p>Op het scherm &#8216;Structured Data&#8217; kan je het standaard gestructureerde-gegevenslogo en artikelafbeelding vervangen.<\/p>\n<figure style=\"width: 1964px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-structured-data.png\" alt=\"AMP structured data\" width=\"1964\" height=\"1552\"><figcaption class=\"wp-caption-text\">AMP structured data<\/figcaption><\/figure>\n<p><strong>Contact Form<\/strong><\/p>\n<p>In dit &#8216;Contact Form&#8217;-scherm kan je kiezen of je ondersteuning voor <a href=\"https:\/\/kinsta.com\/nl\/blog\/contact-form-7\/\">Contact Form 7<\/a> wil inschakelen.<\/p>\n<figure style=\"width: 1957px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-contact-form.png\" alt=\"AMP contact form\" width=\"1957\" height=\"1520\"><figcaption class=\"wp-caption-text\">AMP contact form<\/figcaption><\/figure>\n<h4><strong>Notifications<\/strong><\/h4>\n<p>In dit scherm kan je een cookiewaarschuwing inschakelen. Dit kan handig zijn voor mensen uit landen met strengere privacywetten.<\/p>\n<figure style=\"width: 1968px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-notifications.png\" alt=\"AMP notifications\" width=\"1968\" height=\"1522\"><figcaption class=\"wp-caption-text\">AMP notifications<\/figcaption><\/figure>\n<p><strong>Comments<\/strong><\/p>\n<p>Op deze pagina kun je ondersteuning inschakelen voor externe reactiesystemen, zoals Disqus en Facebook Comments.<\/p>\n<figure style=\"width: 1960px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-comments.png\" alt=\"AMP comments\" width=\"1960\" height=\"1512\"><figcaption class=\"wp-caption-text\">AMP comments<\/figcaption><\/figure>\n<h4><\/h4>\n<p><strong>Advanced Settings<\/strong><\/p>\n<p>Onder &#8216;Advanced Settings&#8217; kan mobiele omleidingen inschakelen. Houd er rekening mee dat normaal gesproken AMP alleen wordt ingeschakeld voor mobiele gebruikers die vanuit SERP&#8217;s naar je website gaan. Als een mobiele gebruiker rechtstreeks naar je site surft, krijgt deze geen AMP-versie te zien, tenzij je een omleiding inschakelt. Je kan hier ook een aangepaste HTML invoeren en wijzigen wat er gebeurt als bezoekers klikken op de link in de footer.<\/p>\n<figure style=\"width: 1931px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-advanced-settings.png\" alt=\"AMP advanced settings\" width=\"1931\" height=\"1847\"><figcaption class=\"wp-caption-text\">AMP advanced settings<\/figcaption><\/figure>\n<p><strong>Extensions<\/strong><\/p>\n<p>De ontwikkelaars bieden ook premium extensies aan waarmee je tegen betaling de functionaliteiten van de plugin uit kan breiden. Sommige populaire opties die het overwegen waard zijn, zijn e-mailopties, CTA-buttons en ondersteuning voor aangepaste berichttypen.<\/p>\n<figure style=\"width: 1934px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/AMP-extensions.png\" alt=\"AMP extensions\" width=\"1934\" height=\"1773\"><figcaption class=\"wp-caption-text\">AMP extensions<\/figcaption><\/figure>\n<p>En zo ziet onze post eruit met de AMP for WP-plugin, wanneer we die uitvoeren op ons Kinsta-blog.<\/p>\n<figure style=\"width: 1607px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/voorbeeld-amp-for-wp.png\" alt=\"Voorbeeld AMP for WP\" width=\"1607\" height=\"1337\"><figcaption class=\"wp-caption-text\">Voorbeeld AMP for WP<\/figcaption><\/figure>\n<p>De ontwikkelaars van AMP for WP hebben onlangs ook een nieuwe plugin uitgebracht, genaamd <a href=\"https:\/\/wordpress.org\/plugins\/amp-woocommerce\/\" target=\"_blank\" rel=\"noopener noreferrer\">AMP WooCommerce<\/a>, waarmee je AMP kan toevoegen aan je ecommerce-website.<\/p>\n<figure style=\"width: 1350px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wordpress.org\/plugins\/amp-woocommerce\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/amp-woocommerce.jpg\" alt=\"amp woocommerce\" width=\"1350\" height=\"439\"><\/a><figcaption class=\"wp-caption-text\">AMP WooCommerce plugin<\/figcaption><\/figure>\n<h2 id=\"validate-google-amp-code\">Jouw Google AMP-code valideren<\/h2>\n<p>Nadat de Google AMP-configuratie op je WordPress-site is gelukt, moet je ervoor zorgen dat je code wordt gevalideerd. Als dit niet het geval is, zal Google de AMP-versie niet weergeven in SERP&#8217;s. Een manier om dit te testen is om je WordPress-site door de <a href=\"https:\/\/validator.ampproject.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google AMP Validator-tool<\/a> te halen. Onderaan de pagina zal je vervolgens te zien krijgen of je code gevalideerd is.<\/p>\n<figure style=\"width: 1299px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/google-amp-validator.png\" alt=\"google amp validator\" width=\"1299\" height=\"768\"><figcaption class=\"wp-caption-text\">Google AMP validator<\/figcaption><\/figure>\n<p>Je kan ook de gratis<a href=\"https:\/\/chrome.google.com\/webstore\/detail\/amp-validator\/nmoffdblmcmgeicmolmhobpoocbbmknc\" target=\"_blank\" rel=\"noopener noreferrer\"> Chrome AMP-extensie<\/a> downloaden die elke pagina voor je valideert. Als je website een rode kleur krijgt, dan kan je erop klikken om de foutmeldingen en waarschuwingen op de pagina te zien.<\/p>\n<figure style=\"width: 1399px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/google-amp-fouten.png\" alt=\"Google AMP-fouten\" width=\"1399\" height=\"1060\"><figcaption class=\"wp-caption-text\">Google AMP-fouten<\/figcaption><\/figure>\n<p>Mocht het niet gelukt zijn om je pagina te valideren, dan krijg je waarschijnlijk zoiets te zien: &#8216;Not a valid AMP page.&#8217; In het onderstaande voorbeeld was dit te wijten aan het gebruik van oude en niet langer ondersteunde HTML-tags, &lt;deltime&gt; en &lt;instime&gt;. Er is een volledige lijst met <a href=\"https:\/\/www.ampproject.org\/docs\/reference\/spec#html-tags\" target=\"_blank\" rel=\"noopener noreferrer\">door AMP ondersteunde HTML-tags<\/a> beschikbaar. Ongeldige AMP-pagina&#8217;s hebben geen AMP-specifieke functies in de zoekresultaten van Google.<\/p>\n<figure style=\"width: 1296px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/geen-geldige-amp-pagina.png\" alt=\"Geen geldige AMP-pagina\" width=\"1296\" height=\"1611\"><figcaption class=\"wp-caption-text\">Geen geldige AMP-pagina<\/figcaption><\/figure>\n<p>Je kan je site ook controleren op problemen met AMP in <a href=\"https:\/\/kinsta.com\/nl\/blog\/google-search-console\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Search Console<\/a> in de sectie &#8216;Search Appearance&#8217;. Het is belangrijk om te weten dat veel gebruikers grote vertragingen hebben gemeld met AMP-rapportage in Google Search Console. Dit is waarschijnlijk omdat het nog steeds een vrij nieuw platform is en crawlen niet zo vaak voorkomt.<\/p>\n<figure style=\"width: 1682px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/google-search-console-amp.png\" alt=\"google search console amp\" width=\"1682\" height=\"864\"><figcaption class=\"wp-caption-text\">Versnel rapport van mobiele pagina&#8217;s in GSC<\/figcaption><\/figure>\n<p>Als je fouten tegenkomt, zal Google je per e-mail op de hoogte stellen dat je de vereiste gestructureerde gegevens moet toevoegen aan je AMP-pagina&#8217;s.<\/p>\n<figure style=\"width: 921px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/amp-fouten-google-search-console.png\" alt=\"amp fouten google search console\" width=\"921\" height=\"541\"><figcaption class=\"wp-caption-text\">AMP-fouten &#8211; GSC<\/figcaption><\/figure>\n<h3>Google AMP SEO<\/h3>\n<p>Een ander aspect waar je misschien vragen over hebt, is hoe SEO nou precies werkt. Je hebt immers nu twee exemplaren van dezelfde pagina of hetzelfde artikel. Maak je echt geen zorgen over dubbele content: beide plugins maken gebruik van canonieke tags met AMP. Canonieke tags vertellen Google dat je desktopversie de oorspronkelijke content is. Google heeft automatisch in de gaten dat de AMP-pagina&#8217;s op je website origineel zijn, omdat deze worden geleverd met een header-tag die de Googlebot naar je AMP-pagina verwijst.<\/p>\n<p>Voorbeeld op de originele pagina:<\/p>\n<pre><span class=\"nt\">&lt;link<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"<strong>amphtml<\/strong>\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"https:\/\/domein.nl\/amp\/\"<\/span><span class=\"nt\">&gt;<\/span><\/pre>\n<p>Voorbeeld op de AMP-pagina:<\/p>\n<pre><span class=\"nt\">&lt;link<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"<strong>canonical<\/strong>\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"https:\/\/domein.nl\/\"<\/span><span class=\"nt\">&gt;<\/span><\/pre>\n<p>De AMP for WP-plugin die we eerder beschreven werkt ook uitstekend samen met de Yoast SEO-plugin om meta- en OG-tags toe te voegen voor SEO en sociale doeleinden. Zie voorbeeld hieronder.<\/p>\n<figure style=\"width: 1790px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/google-amp-metatags.png\" alt=\"Google AMP-metatags\" width=\"1790\" height=\"813\"><figcaption class=\"wp-caption-text\">Google AMP-metatags<\/figcaption><\/figure>\n<h3>New Relic\u00a0monitoring met Google AMP<\/h3>\n<p>Het is ook belangrijk op te merken dat klanten die gebruik maken New Relic-monitoring (licentie vereist),\u00a0te maken kunnen krijgen met een foutmelding, doordat hun Google AMP validator door een extern script niet werkt:<\/p>\n<pre id=\"pre1\">Het 'script'-tag is niet toegestaan, behalve in specifieke formulieren.<\/pre>\n<p>Dit komt omdat HTML-pagina&#8217;s die zijn geoptimaliseerd voor Google AMP geen JavaScript van derden mogen bevatten. De hierboven genoemde AMP for WP-plugin biedt gelukkig volledige ondersteuning voor New Relic. Als je de New Relic Browser op AMP-pagina&#8217;s wil uitschakelen, volg dan de instructies uit het artikel &#8216;<a href=\"https:\/\/docs.newrelic.com\/docs\/browser\/new-relic-browser\/installation-configuration\/disable-browser-monitoring-specific-pages\" target=\"_blank\" rel=\"noopener noreferrer\">Browser-monitoring uitschakelen voor specifieke pagina&#8217;s<\/a>.&#8217; Je kan ook gebruik maken van een gratis plugin, genaamd<a href=\"https:\/\/wordpress.org\/plugins\/disabled-newrelic-for-amp\/\" target=\"_blank\" rel=\"noopener noreferrer\"> Disabled NewRelic For AMP<\/a>.<\/p>\n<h3>AMP inschakelen voor externe koppelingen met Cloudflare<\/h3>\n<p>Cloudflare heeft een recent gelanceerde functie waarmee je <a href=\"https:\/\/blog.cloudflare.com\/accelerated-mobile\/\" target=\"_blank\" rel=\"noopener noreferrer\">versnelde mobiele links<\/a> voor externe AMP-links kan inschakelen. Een van de voordelen voor je site is dat AMP-content rechtstreeks in de viewer wordt geladen van de site die naar de content linkte. Nadat de lezer klaar is met het consumeren van je content, wordt je lezer automatisch teruggebracht naar je website bij het sluiten van het artikel. Het zou dus de tijd die een gebruiker op je website zit, kunnen vergroten. Je kan dit inschakelen in het &#8216;Performance&#8217;-dashboard van Cloudflare.<\/p>\n<figure style=\"width: 1695px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2016\/10\/cloudflare-accelerated-mobile-links.jpg\" alt=\"cloudflare accelerated mobile links\" width=\"1695\" height=\"566\"><figcaption class=\"wp-caption-text\">Cloudflare Accelerated Mobile Links<\/figcaption><\/figure>\n<h2>Samenvatting<\/h2>\n<p>Zoals je hebt kunnen lezen, zijn er een aantal eenvoudige methodes om Google AMP aan het werk te krijgen op je WordPress-site. Is het echt slim om dit te doen? Het antwoord hierop hangt voornamelijk af van wat voor soort WordPress-site je beheert. Als je een online magazine of nieuwssite beheert, kan het verstandig zijn om te kijken hoe je Google AMP op jouw site kan implementeren en AdSense-posities kan testen. Als je in de SaaS-dienstverlening zit, dan kan het je conversies aantasten als je niet voorzichtig bent. Google AMP is zeker een grote verandering, vooral als je al veel mobiel verkeer ontvangt. Ons advies is om te testen, want dat is de enige manier om te weten of het een positieve of negatieve invloed heeft op jouw bedrijf.<\/p>\n<p>Heb je nog andere tips over het gebruik van Google AMP met WordPress? Als dat zo is, horen we het graag hieronder in de reacties. Bekijk ook de offici\u00eble <a href=\"https:\/\/www.ampproject.org\/roadmap\/\" target=\"_blank\" rel=\"noopener noreferrer\">AMP-roadmap<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Het web is constant in ontwikkeling en voor veel ondernemers betekent dit dat ze constant op de hoogte moeten blijven van veranderingen bij Google. Als je &#8230;<\/p>\n","protected":false},"author":38,"featured_media":21606,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[60,62],"topic":[892],"class_list":["post-21557","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-amp","tag-mobile","topic-wordpress-ontwikkeling"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Google AMP - Zo implementeer je het in WordPress<\/title>\n<meta name=\"description\" content=\"Lees onze gedetailleerde handleiding om te met Google AMP in WordPress. Daarnaast behandelen we de voor- en nadelen van dit nieuwe platform.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google AMP - Zo implementeer je het in WordPress\" \/>\n<meta property=\"og:description\" content=\"Lees onze gedetailleerde handleiding om te met Google AMP in WordPress. Daarnaast behandelen we de voor- en nadelen van dit nieuwe platform.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-28T05:12:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-09T08:17:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Lees onze gedetailleerde handleiding om te met Google AMP in WordPress. Daarnaast behandelen we de voor- en nadelen van dit nieuwe platform.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Google AMP &#8211; Zo implementeer je het in WordPress\",\"datePublished\":\"2019-02-28T05:12:15+00:00\",\"dateModified\":\"2023-06-09T08:17:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/\"},\"wordCount\":3208,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png\",\"keywords\":[\"AMP\",\"mobile\"],\"articleSection\":[\"WordPress performance tutorials\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/\",\"name\":\"Google AMP - Zo implementeer je het in WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png\",\"datePublished\":\"2019-02-28T05:12:15+00:00\",\"dateModified\":\"2023-06-09T08:17:48+00:00\",\"description\":\"Lees onze gedetailleerde handleiding om te met Google AMP in WordPress. Daarnaast behandelen we de voor- en nadelen van dit nieuwe platform.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png\",\"width\":1460,\"height\":730,\"caption\":\"Google AMP - hoe te implementeren in WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress ontwikkeling\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-ontwikkeling\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Google AMP &#8211; Zo implementeer je het in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Google AMP - Zo implementeer je het in WordPress","description":"Lees onze gedetailleerde handleiding om te met Google AMP in WordPress. Daarnaast behandelen we de voor- en nadelen van dit nieuwe platform.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/","og_locale":"nl_NL","og_type":"article","og_title":"Google AMP - Zo implementeer je het in WordPress","og_description":"Lees onze gedetailleerde handleiding om te met Google AMP in WordPress. Daarnaast behandelen we de voor- en nadelen van dit nieuwe platform.","og_url":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2019-02-28T05:12:15+00:00","article_modified_time":"2023-06-09T08:17:48+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"Lees onze gedetailleerde handleiding om te met Google AMP in WordPress. Daarnaast behandelen we de voor- en nadelen van dit nieuwe platform.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png","twitter_creator":"@brianleejackson","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Brian Jackson","Geschatte leestijd":"21 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Google AMP &#8211; Zo implementeer je het in WordPress","datePublished":"2019-02-28T05:12:15+00:00","dateModified":"2023-06-09T08:17:48+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/"},"wordCount":3208,"commentCount":1,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png","keywords":["AMP","mobile"],"articleSection":["WordPress performance tutorials"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/google-amp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/","url":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/","name":"Google AMP - Zo implementeer je het in WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png","datePublished":"2019-02-28T05:12:15+00:00","dateModified":"2023-06-09T08:17:48+00:00","description":"Lees onze gedetailleerde handleiding om te met Google AMP in WordPress. Daarnaast behandelen we de voor- en nadelen van dit nieuwe platform.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/google-amp\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2019\/02\/google-amp.png","width":1460,"height":730,"caption":"Google AMP - hoe te implementeren in WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/google-amp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WordPress ontwikkeling","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-ontwikkeling\/"},{"@type":"ListItem","position":3,"name":"Google AMP &#8211; Zo implementeer je het in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinsta.com\/nl\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/21557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=21557"}],"version-history":[{"count":11,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/21557\/revisions"}],"predecessor-version":[{"id":49365,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/21557\/revisions\/49365"}],"alternate":[{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/21557\/translations\/es"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/21557\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/21557\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/21557\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/21557\/translations\/de"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/21557\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/21557\/translations\/nl"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/21557\/translations\/dk"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/21557\/translations\/se"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/21557\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/21606"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=21557"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=21557"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=21557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}