Tritac TomTom AMP-pagina

TomTom AMP-pagina

01 August 2018  |  Website

Via onze online marketing vrienden van Maxlead kregen we het verzoek om een AMP-pagina te ontwikkelen voor de Webfleet-pagina van TomTom (telematics). 

AMP?

Accelerated Mobile Pages (AMP) zijn webpagina's met statische content, geoptimaliseerd voor browsen op mobiele apparaten. Het is het antwoord van Google en Twitter op het Facebook Instant Articles project van Facebook (verrassend) en Apple News. Volgens onderzoek van Google hebben meer dan 75% van de mobiele websites ruim 10 seconden nodig om volledig te laden op een 3G verbinding. Als je dan ook bedenkt dat ruim 50% van de bezoekers van een website of -shop wegklikt als deze na drie seconden nog niet is geladen, dan ligt hier een enorme uitdaging en kans. Daarom heeft Google een oplossing bedacht: Accelerated Mobile Pages.

AMP pagina's zijn ontwikkeld in 'AMP HTML', een open framework met bestaande webtechnologie voor het ontwikkelen van kleine en bliksemsnelle webpagina's (vandaar het bliksem-icoon). Het is een zeer interessante techniek en het framework is erg overzichtelijk en minimalistisch. En ook heel belangrijk; er is een uitgebreide documentatie over. Met ampproject.org en ampbyexample.com heb je eigenlijk alles wat je nodig hebt. Duidelijke uitleg, strakke indeling en een scala aan voorbeelden.

Voor- en nadelen

Het grote voordeel van een AMP-variant van een bestaande pagina (naast de bliksemsnelle laadtijd; pakweg twee keer zo snel als een 'normale' mobiele pagina) is dat deze een hogere positie in de zoekresultaten van Google krijgt. Een AMP-pagina krijgt dus een voorkeursbehandeling van Google. Je herkent AMP-pagina's overigens aan het speciale bliksem-icoontje bij de zoekresultaten of ze worden in de zogenaamde 'top stories carousel' geplaatst.

Daarnaast wordt er in de wandelgangen van Google gesuggereerd dat de aanwezigheid van AMP-pagina's in de toekomst gaan zorgen voor een hogere ranking op Google. Iets wat nu nog niet mogelijk is omdat AMP-pagina's los staan van bestaande pagina's.

Een nadeel is dat nog niet alles mogelijk is met het AMP-framework. Je bent nu overgeleverd aan dit framework en je kunt geen externe of zelfgeschreven Javascript inladen. Je zult het dus moeten doen met de Javascript (dat asynchroon ingeladen wordt) en componenten van het AMP-framework (wat nog volop in ontwikkeling is). Dit is aan de andere kant ook weer een voordeel omdat je zo voorkomt dat er allerlei slordigheden insluipen door eigen Javascript spinsels of dubieuze externe Javascript.

Potentie?

Toen het AMP-project nog maar net gelanceerd was werd er voornamelijk gefocust op media- en nieuwssites. Nieuwssites zoals nu.nl en nos.nl maken er vandaag de dag gretig gebruik van (google op uw mobiel maar eens op 'nieuws'). Deze trend is nu wat breder aan het groeien richting informatieve landing- of productpagina's (zoals de TomTom Webfleet pagina) en zelfs volledige e-commerce platforms (Ebay is al helemaal 'AMP-ready') . Het is een mooie kans om uw product of website/-shop extra te pushen. En het kan stap voor stap. Maak bijvoorbeeld eerst uw nieuws- en blogartikelen AMP-ready.

Mocht u nog vragen hebben over AMP en is uw interesse gewekt? Neem gerust contact op met ons. Wij zijn in ieder geval razend enthousiast over het AMP-project.