Google AMP: het mobiele formaat dat u prioriteit moet geven

Verschenen in de loop van 2015, heeft de technologie Accelerated Mobile Page zich snel opgelegd als een webstandaard en is ze vandaag onmisbaar. Het onmiskenbare succes van dit AMP-formaat verklaart zich met name door de opkomst van het mobiele gebruik, het device van waaruit de meerderheid van de zoekopdrachten plaatsvindt. Merken die hun mobiele formaat bevoorrechten, staan goed bij Google, zoals de bekende Mobile First Index bewijst. Maar hoe zit het echt met de impact van het AMP-formaat op de SEO-prestaties van een site? Dat behandelen we in deze gids!

Bron: StatCounter

Google AMP: wat is het?

In 2016 gebeurde 51,3 % van de globale internetnavigatie op een mobiele terminal, met name op smartphone. Een nieuwe consumptiegewoonte die zich zo snel heeft gevestigd dat ze webmasters lijkt te hebben verrast: de resultaten van mobiele zoekopdrachten laden dan vaak traag, omdat de websites daar niet voor zijn geoptimaliseerd, wat de mobiele zoekervaring merkbaar aantast… Zoals vaak is Google niet lang om te reageren. Het is dus hetzelfde jaar, in die context van recente overschrijding van het mobiele device ten opzichte van desktop, dat Google zijn formaat AMP (Accelerated Mobile Pages) lanceert. Het doel? De gebruikerservaring verbeteren door een snellere en vloeiendere weergave van webpagina’s op mobiele devices zoals smartphones en tablets: dat is het belangrijkste voordeel van AMP. En het is bijzonder belangrijk daarop te antwoorden wanneer men weet dat een te lange laadtijd de helft van de internetgebruikers ontmoedigt om verder te navigeren…

Een trage site is inderdaad een teleurstellende factor voor de gebruiker en kan tot afhakers, terugkeer naar de vorige pagina en frustraties leiden. Google stelt dat 53 % van de internetgebruikers een pagina verlaat als die meer dan 3 seconden nodig heeft om te laden.

Het verkeer van een website is voor veel uitgevers synoniem met business en groei (of het nu e-commercesites zijn of niet). De weergavesnelheid is logischerwijs een grote inzet geworden op het vlak van organische ranking. Een te trage site ziet bezoekers vertrekken zonder het einde van de weergave af te wachten. De bounce rate stijgt en de site kan geen goede indicatoren meer verantwoorden, noch een voldoende verkeersvolume om adverteerders te interesseren en de reclame-inkomsten te behouden.

Google maakt van de laadtijd vervolgens een van zijn belangrijkste bekommernissen voor SEO. Logischerwijs opent AMP de weg naar een hele reeks acties en updates, waaronder de Mobile First Index. Die mikt op een verbetering van de weergavesnelheid, de tevredenheid van internetgebruikers, en een betere monetisatie van sites.

Een oplossing die de versnelling van het mobiele internet mogelijk maakt

Duidelijk: Google AMP is een nieuw websiteformaat dat speciaal is aangepast aan mobiele apparaten: een standaard voor encoding en responsive ontwerp (aanpasbaar aan alle schermresoluties), en lichter, uitsluitend bedacht om de verbinding vlotter te maken en de weergaveduur en het laden van pagina’s en content van een mobiele site te optimaliseren.

AMP-pagina’s laten een groot aantal functies van klassieke webpagina’s toe (personalisatie, layout…) maar hun motto is helderheid: de prioriteit gaat naar de content, niets stoort de lectuur (pop-up, animaties…). Het laden is quasi-onmiddellijk en dit formaat is compatibel met de meeste platforms, met name sociale, om delen en links gemakkelijk te maken.

Maar omdat het de diepe conceptie van een website raakt en gevolgen kan hebben voor de structuur en de interne contentstrategie, evenals voor de zichtbaarheid in de zoekresultaten, doorbreekt AMP de codes op het vlak van organische ranking.

Hoe werkt Google AMP?

Vanuit technisch oogpunt

Deze open source-technologie steunt op 3 pijlers, HTML, Javascript en de Google Cache, om een maximaal gebruikscomfort te garanderen en de SEO te optimaliseren.

De HTML-code van een AMP-pagina bevat minder regels, wat ze makkelijker uitvoerbaar maakt en het gewicht van de pagina’s aanzienlijk deelt om hun laden te versnellen: tien keer minder tijd dan het laden van een klassieke HTML-pagina!

Het Javascript-framework van een AMP-pagina is eveneens lichter: wanneer het wordt behouden, is het al geschreven en voert het zich makkelijk uit zonder personalisatie toe te laten. In de meeste gevallen wordt het echter uit de encoding gehouden. Men behoudt alleen het strikt noodzakelijke aan gegevens om weer te geven op tablet of smartphone.

Zodra de pagina is gebouwd, wordt die geïntegreerd en in cache opgeslagen door Google, op zijn servers. Het is dus Google die ze levert in de SERP (resultatenpagina’s), volgens de query’s van internetgebruikers op zijn engine.

Bovendien zijn de CSS-stijlen (die grafische stijlen op pagina’s toepassen) uitgeschakeld op AMP-pagina’s. Dit formaat behoudt alleen de beelden, video’s, audio, sociale deellinks, knoppen en eventuele call-to-actions binnen de webpagina.

Een tot het maximum gereduceerde code en een caching van de content zijn de twee criteria die een onmiddellijke weergave mogelijk maken, temeer daar alleen de code die overeenkomt met de zichtbare content wordt geladen.

Welke zijn de belangrijkste betrokken sites?

Bij de lancering was de AMP-technologie zeer gegeerd bij mediasites die moeten beantwoorden aan echte inzetten van onmiddellijkheid. En terecht: hun businessmodel steunt op de snelle verspreiding van informatie. Bovendien behoren deze sites tot de meest geconsulteerde en wordt de content die ze bieden grotendeels geconsumeerd tijdens verplaatsingen, en dus via devices zoals mobiel of tablet.

Historisch is de tweede categorie van sites die door AMP wordt geraakt die van de e-commercesites. De opkomst van onlineaankopen via mobiel verklaart waarom AMP snel tot deze typologie van sites is uitgebreid.

Op dit moment kunnen alle sites profiteren van de toevoeging van de AMP-technologie. Als ze vooral beperkt blijft tot informatiesites en blogs, blijft ze toch interessant voor alle sites omdat ze de SEO versterkt.

Enkele voorbeelden van sites

Onderzoek van Google bewijst dat er een correlatie bestaat tussen de laadsnelheid van een pagina en haar inkomsten. De toevoeging van de AMP-technologie zou de consultatietijd verdubbelen. Anderzijds presenteren de pagina’s van de bestudeerde AMP-e-commercesites conversieratio’s die 20% hoger liggen dan de niet-AMP-pagina’s.

Voor e-commercesites tonen de voorbeelden van Amazon of Walmart eveneens het verband tussen verkopen en laadprestaties:

Bron: Studie Moz

De voordelen van Google AMP

De laadsnelheid

De vermindering van de laadtijd vormt het belangrijkste voordeel van de integratie van AMP op uw website. De stap van de opslag van de AMP-pagina in de Google-cache is cruciaal omdat ze de pagina zeer snel laat laden bij een mobiele zoekopdracht op de engine. Bij elke weergave van een SERP begint de engine op de achtergrond te laden de AMP-pagina’s die beschikbaar zijn in de resultatenlijst. Als de internetgebruiker dus op een ervan klikt, wordt die quasi-onmiddellijk weergegeven.

De eenvoud en de snelheid van toegang tot informatie moedigen de internetgebruiker aan de navigatie op de site voort te zetten. Die is dus meer geneigd acties op de site uit te voeren (een formulier invullen, een review achterlaten, kopen…) en dat gedrag verbetert zo de conversieratio van de webpagina.

De zichtbaarheid van de pagina

Google AMP-pagina’s profiteren van een betere zichtbaarheid in de zoekresultaten en zijn dus performanter op het vlak van SEO. In de SERP’s worden ze inderdaad vergezeld van een klein bliksemteken en een makkelijk herkenbaar AMP-acroniem. Het doel van het logo is om in de geest van de internetgebruiker te worden geassocieerd met de ervaring van een snelle, heldere webpagina die ideaal is voor mobiele consultatie. Zodra de internetgebruiker vertrouwd is met het sigle en het pictogram, kan men dus een tendens anticiperen om het te bevoorrechten in de keuzes en klikoriëntaties.

Pers-, informatie- en actualiteitssites hebben een echte inzet van snelheid en toegankelijkheid van content, ongeacht de kracht van de mobiele verbinding van de gebruiker. Het is dus eerst voor hen dat het AMP-formaat is uitgerold. Dankzij die geschiedenis wordt AMP-content bevoorrecht in de weergave van de Google Nieuws-resultaten zoals de News-carrousel, bovenaan de SERP’s.

De uitlichting van pagina’s gekoppeld aan het sigle « AMP » voor SEO, die een betere mobiele weergavesnelheid belooft, is een vergelijking die een significante verhoging van de klikratio mogelijk maakt.

Bovendien heeft de AMP-encoding geen invloed op de positionering van de website en haar niet-AMP-pagina’s in het kader van een klassieke zoekopdracht op computer.

De weergave in de vorm van een carrousel « In de kijker » biedt ook een evidente extra zichtbaarheid. Evenzo is dit type weergave bijzonder aangepast aan mobiel gebruik, met de mogelijkheid om naar rechts of links te swipen om van de ene content naar de andere te gaan.

Om te hopen te profiteren van de weergave in de Google-carrousel, moet uw AMP-pagina of -artikel minstens één beeld bevatten dat zal worden gebruikt als « beeld in de kijker ».

Op dit moment betreft dit carrouselformaat een vijftiental landen, maar er zullen er binnenkort verschillende worden toegevoegd.

Bron: Web Rank Info

Google AMP, een formaat dat makkelijk te benutten en te delen is

Als men de richtlijnen van Google en de talrijke voordelen die de AMP-technologie belooft in overweging neemt, is het bijzonder verleidelijk om ze op de site te implementeren. Maar hoe zit het in de praktijk?

Kan men AMP op alle sites gebruiken?

Het antwoord is ja. Maar er moet vooraf werk worden verricht op alle pagina’s die naar AMP moeten, om ze compatibel te maken. Dat impliceert dat men een aantal elementen moet durven loslaten, zoals JS-bibliotheken en Custom JS, formulieren, inline CSS-stijlen… Op het vlak van design komt de keuze voor AMP erop neer om uitgewerkte presentaties van productpagina’s bijvoorbeeld op te geven.

Leeft uw site van reclame-inkomsten? Geen paniek! Reclame van de netwerken AdSense, DoubleClick van Google of nog AdTech, A9 en Ad Reactor blijft compatibel en blijft weergegeven met AMP. Let op, dat lost het probleem van adblockers niet op.

Sinds de lancering heeft AMP een weg afgelegd. Sommige SEO-actoren denken dat de implementatie binnenkort verplicht zou kunnen worden. En u?

Hoe installeert u AMP op uw site?

Voor de installatie van AMP zijn er twee situaties:

• als u een CMS van het type WordPress, Joomla of Drupal gebruikt, bestaan er plugins die het leven vergemakkelijken. Een CMS (Content Management System) is een tool om een website te maken en te beheren. WordPress bijvoorbeeld, een van de meest gebruikte CMS’en, heeft zich snel bijgewerkt door de integratie van Google AMP via een officiële AMP-plugin. Het volstaat deze extensie te installeren en vervolgens te activeren, in enkele klikken. Ze creëert automatisch een versie in het AMP-formaat van artikelen en klassieke pagina’s. Om ze te consulteren, volstaat het het suffix « /AMP » toe te voegen in het adres van elke pagina. Bovendien integreert deze applicatie een canonieke URL in de AMP-pagina om te vermijden dat Google een van de twee pagina’s als duplicate content categoriseert. Maar in het algemeen vereist de integratie van AMP in CMS’en de creatie van een nieuwe websiteversie, volgens de specificaties van de applicatie: alleen die laat toe de aanbevelingen en de « minimumversies » van pagina’s te integreren die Google voor dit formaat oplegt. Theoretisch kunt u alle klassieke pagina’s vervangen door AMP-pagina’s.

• als uw site from-scratch is ontwikkeld, moet u dat werk dan met de hand uitvoeren op de pagina’s die u relevant lijkt om naar AMP te brengen.

De volgende stap bestaat erin te laten verifiëren dat de AMP-pagina’s geen fouten bevatten en hun code te laten valideren via de AMP Project Validator die eventuele fouten in de kijker zet. Als u de browser Chrome gebruikt, bestaat er een plugin die u kostbare tijd zal laten winnen bij de uitrol van AMP.

Staat uw pagina al online? U kunt eenvoudig de URL kopiëren/plakken in de tool die rechtstreeks beschikbaar is op de zoekmachine:

AMP-content delen op sociale netwerken

We zeiden het, AMP-content is makkelijk deelbaar op sociale netwerken: Twitter, Pinterest, en uiteraard Facebook. Maar die laatste omvat al een gelijkaardige functionaliteit sinds 2015: Facebook Instant Articles. Die laat toe artikelen rechtstreeks op Facebook te hosten, zonder internetgebruikers naar informatiesites te leiden. Net als AMP-pagina’s laden Instant Articles snel en bieden ze zo een betere mobiele ervaring.

Volgens Facebook leiden deze geoptimaliseerde artikelen tot een stijging van de klikratio met 20 %, een toename van de bezoekers met 70 % en een stijging van 30 % van de shares.

Deze functionaliteit neemt dus dezelfde werkwijze aan als Google AMP: de artikelen worden opgeslagen op de servers van het sociale netwerk en gebruikers kunnen rechtstreeks toegang krijgen tot de informatie zonder Facebook mobile te verlaten. Een openlijke concurrentie van de twee reuzen voor de controle van webcontent?

Google AMP: een opportuniteit voor advertenties en reclame

Een snel laden van de ads

Reclame op mobiel heeft altijd tot de oorzaken van de vertraging van het laden van pagina’s behoord. Maar de AMP-technologie kon zich er niet toe beperken reclame eenvoudig te schrappen, op het risico de woede van adverteerders op zich te laden. Bijgevolg, naast het lichter maken van de HTML-bestanden, stelt AMP ook voor het laden van de reclameadvertenties te verminderen en ze tegelijk met de content weer te geven: dat is AMP voor advertenties, of AMP for Ads.

Paul Muret, Vice President Display, Video & Analytics bij Google in 2016, toonde het belang aan van het optimaliseren van de reclame van een pagina in AMP-formaat: een AMP-pagina met een AMP-advertentie heeft minder dan 1 seconde nodig om te laden, tegen 4 seconden voor een AMP-pagina met een klassieke advertentie.

En om het gebruikerstraject tot het einde van het reclameproces vlot te maken, voorziet AMP for Ads dat de landingspagina’s van AMP-advertenties zelf ook in AMP-formaat zijn. Adverteerders moeten dus een AMP-versie van hun landingspagina voorzien, maar Google kan het overnemen wanneer de AMP-technologie niet op hun site is geïmplementeerd. Met andere woorden, Google is in staat zelf automatisch AMP-mobiele pagina’s te creëren vanuit niet-AMP-pagina’s!

De nieuwe functionaliteiten voor reclame

Ondanks het principe van uitsluiting van JavaScript in geoptimaliseerde pagina’s, integreert Google AMP bepaalde codes om advertenties, reclame en enkele JavaScript-elementen weer te geven. Net als de content worden deze bestanden opgeslagen in de servers van Google om de laadsnelheid te verzekeren. Ze worden in de code ingevoerd door de tag, die gedeeltelijk lijkt op de tag van een klassieke HTML-pagina.

In de interfaces voor het beheer van reclamecampagnes Google AdWords en Google AdSense worden contentuitgevers en adverteerders aangemoedigd om toe te treden tot de AMP-technologie voor hun SEO.

AdWords-advertenties laten landingspagina’s in AMP-formaat toe sinds mei 2017. De vermindering van de laadtijd laat toe de afhaakratio te verlagen, de globale prestaties van de pagina en haar SEO te verbeteren, en zo de mobiele acquisitiekosten van de campagnes te verlagen. Op dezelfde manier kunnen deelnemers aan het AdSense-programma reclame in responsive formaat voor AMP bewerken, door eenvoudig een dedicated code te gebruiken. Een vrij eenvoudige implementatie, bedoeld om alle andere platforms aan te moedigen het AMP-formaat aan te nemen, en een stap verder te zetten naar de totale dominantie van Google…

De invloed van de AMP-technologie op SEO

Voorbij de vraag of u AMP op uw site kunt integreren, draait het debat eerder rond de vraag: is het relevant? Wat is de echte toegevoegde waarde? Voor informatiesites is het antwoord duidelijk ja. Maar voor de anderen?

Een studie van Moz zet de evolutie van het verkeer van de site Thrillist en van twee andere mediasites in de kijker na de conversie van verschillende pagina’s naar het AMP-formaat.

Ratio van de naar AMP geconverteerde pagina’s:

• Thrillist: 90%

• mediasite 2: 95%

Bron: Moz

Het is evident dat AMP de ranking van sites indirect beïnvloedt in de zin dat een vermindering van de laadtijd de kwaliteit van de gebruikerservaring positief beïnvloedt. Bovendien wordt AMP-content uitgelicht ten opzichte van de andere, met name in de Google-carrousel.

Welke gestructureerde data moet u opnemen in AMP-pagina’s?

Gestructureerde data is facultatief voor AMP-pagina’s, zoals overigens voor klassieke pagina’s, maar ze wordt sterk aangeraden voor uw SEO. Als u ze echter in de bekende carrousel wilt zien verschijnen, is ze onmisbaar!

Zoals altijd is het formaat dat geldt Schema.org, dat echter moet worden aangepast aan uw contenttype: artikel, news, blogpost of video. Aan de syntaxiszijde is JSON-LD het meest aanbevolen. Als u een kruimelpad aan uw site wilt toevoegen, moet u dat beheren bij het toevoegen van de gestructureerde data, omdat dit type formaat niet wordt meegenomen door JSON-LD.

AMP-pagina’s en Google Nieuws

De sectie Google Nieuws, die sterk wordt geconsulteerd op mobiel, kan zeer mooie verkeerskansen voor uw site openen. In een logica van Mobile-First Index en in lijn met de consumptiegewoonten van hot news, bevoorrecht Google dus content in AMP-formaat op mobiel.

Vorig jaar heeft de werking van Google News een periode van belangrijke turbulentie gekend. Die omwenteling verklaart zich deels door een mogelijke convergentie tussen de rankingcriteria van het AMP-rankingalgoritme en dat wat de ranking op Google News beïnvloedt.

Meer dan bevoorrecht, zijn AMP-formaten duidelijk overheersend op Google Nieuws. Wilt u uw content positioneren in de bekende carrousel?

Creatie van AMP-pagina’s en duplicate content: hoe beheert u dat?

Vertrekkend van het principe dat AMP-pagina’s identieke content bieden als de basispagina’s, kunt u makkelijk geconfronteerd worden met een vrij belangrijk probleem van duplicate content.

Wees gerust, als uw AMP-pagina’s correct zijn gebouwd, zal er geen negatieve impact zijn die door duplicate content wordt veroorzaakt op uw SEO-prestaties. Precies, dit formaat is ook ontworpen om de duplicatie van pagina’s tussen desktop- en mobiele versies te vermijden.

Zoals op een klassieke site kunt u canonieke tags gebruiken die u toelaten gedupliceerde of zeer nabije content te beheren.

AMP en crawlbudget

Dankzij een licht paginamodel en een ultrasnel laden zal het crawlbudget van uw site er alleen maar beter van worden. De Googlebots zullen vaker kunnen langskomen en meer pagina’s sneller indexeren.

Bron: Le Journal du Net

Let echter op, want deze uitspraken zouden moeten worden genuanceerd volgens François Goube, een referentie op het vlak van SEO. Als de Googlebots uw AMP-pagina’s bevoorrechten, impliceert dat dat uw standaardpagina’s minder worden gecrawld. Het is dus te verkiezen AMP te zien als een middel om meer organisch verkeer en zichtbaarheid op korte termijn te verwerven, maar niet als een betrouwbare oplossing op termijn.

Om crawlbudget niet nutteloos te verbruiken, bestaat een kleine truc erin de AMP-versie uit te schakelen van pagina’s waarvan de content hot news betreft, en die bijgevolg een zeer beperkte levensduur hebben.

Andere SEO-professionals zouden eerder geneigd zijn beide paginaversies, AMP en niet-AMP, beschikbaar te laten. Achter die strategie ligt het idee dat de site van een mooie zichtbaarheid via de AMP-pagina’s profiteert, en dat ze uitschakelen fouten zou kunnen veroorzaken die extreem schadelijk zouden zijn voor SEO.

Beide praktijken zijn verdedigbaar, het staat iedereen vrij zich een eigen mening te vormen volgens de doelstellingen en de sector!

Hoe weet u of Google uw AMP-pagina’s heeft geïndexeerd?

Opnieuw is de te gebruiken techniek gelijkaardig aan die voor klassieke sites: alles wordt beheerd via de Search Console.

Zoals eerder uitgelegd, moeten AMP-pagina’s eerst worden gevalideerd voordat ze kunnen worden geïndexeerd. Als u net de indexatie hebt gevraagd maar er lijkt niets te gebeuren, wees dan niet ongerust: het proces kan 1 tot 2 weken duren volgens de gevallen.

Een verificatie van het bestand robots.txt laat u in alle gevallen toe eventuele fouten te detecteren die de goede indexatie van uw AMP-pagina’s belemmeren.

Is het uiteindelijk belangrijk om voor AMP te kiezen?

De barometer van het digitale kondigde in 2017 aan dat 3 op 4 personen in Frankrijk een smartphone bezaten, terwijl het percentage zoekopdrachten op mobiel blijft groeien en 50% van het wereldwijde internetverkeer van een smartphone komt. In het licht van die statistieken begrijpt men beter waarom de AMP-technologie zo belangrijk is in 2020.

De belangrijkste voordelen van de AMP-technologie zijn:

• de gebruikerservaring verbeteren,

• de bounce rate verlagen,

• de crawlfrequentie van de Googlebots verhogen,

• een betere zichtbaarheid op de SERP krijgen,

• meer klikken aantrekken dankzij een uitlichting in de zoekresultaten,

• de interne servers ontlasten met lichtere pagina’s.

Verlies niet uit het oog dat tussen twee pagina’s die gelijkaardige content bieden, die welke AMP is, wordt bevoorrecht ten opzichte van de andere in de ranking.

Uiteindelijk lijkt geleidelijk naar het AMP-formaat overstappen een goede keuze om uw positionering op de SERP te verbeteren en te bestendigen. Deze overgang vereist echter een aanzienlijk werk, waarbij de inzet erin bestaat AMP-pagina’s te kunnen presenteren die zo gelijkaardig mogelijk zijn aan de desktop- of responsive versie, om een homogene navigatie-ervaring te bieden.