AMP VOOR WORDPRESS WAT IS HET EN HOE WERKT HET?

Eind Februari is Google begonnen met het uitrollen van AMP: Accelerated Mobile Pages. Een nieuw concept waarmee Google de snelheid van mobiele websites wil gaan verbeteren. Maar wat is het en hoe maak jij er zelf gebruik van? Wij zochten voor je uit hoe AMP voor WordPress werkt.

Snelheid is steeds belangrijker en daar weten we alles van. Daarom komt Google nu met AMP: Accelerated Mobile Pages. Het is een open-source framework waarmee browsers en apps sneller websites kunnen laden op smartphones en tablets. WordPress is al vanaf het begin betrokken geweest bij het AMP Project en op alle WordPress.com sites kan je nu al gebruik maken van snellere pagina’s voor mobile devices.

De bedoeling van AMP is om pagina’s bijna direct aan te bieden op een mobiel device. Dit kan omdat AMP alternatieve pagina’s geeft die geoptimaliseerd zijn op snelheid: alle fancy attributen zijn verdwenen, maar je content is hetzelfde. Eigenlijk is het een “kale” versie van je normale website. Zo laden websites ook op tragere 2G en 3G verbindingen gewoon lekker snel. En dat is wat Google wil!

Onze websites zijn natuurlijk al rete snel. Waarom zou je dan nog gebruik maken van AMP? Het kan altijd sneller en daarom maken wij ook gebruik van AMP. We zijn fan van snel, dus fan van AMP. Google zal zelfs AMP pagina’s hoger tonen in de zoekresultaten. En dat is een reden waarom ook jij gebruik moet gaan maken van AMP: zeker als je een grote blog runt.

Meer over het AMP Project kan je lezen op www.ampproject.org (nieuw venster) of bekijk de demo (nieuw venster).

Omdat WordPress al vanaf het begin betrokken is geweest bij het AMP Project was een handige plugin door Automattic 

(nieuw venster) natuurlijk logisch.

Als je de plugin hebt geïnstalleerd en geactiveerd krijg je automatisch van alle berichten (posts) een/amp/-versie. Dit artikel is bijvoorbeeld te bereiken via geev.nl/amp-voor-wordpress/amp/. Op dit moment werkt AMP voor WordPress nog niet op pagina’s. De plugin heeft geen instellingen, het werkt gewoon out-of-the-box: het creëert een compleet uitgeklede versie van het blogbericht met de juiste canonieke URL naar de “normale” versie van je artikel. Als je een logo hebt ingesteld via de WordPress Customizer wordt die getoond, maar dat is dan ook wel alles.

En omdat we bij Geev niet zo’n eenheidsworst zijn, vinden we de standaard AMP stijl wel errug saai. Gelukkig is er de plugin PageFrog (nieuw venster). Deze plugin geeft je de mogelijkheid om je AMP pagina aan te passen. Daarnaast voegt het ook Facebook Instant Pages (nieuw venster) toe: de Facebook-tegenhanger van AMP. Na installatie voegt PageFrog een nieuw menu-item “Mobile Formats” toe aan de WP-admin. Het instellen van deze plugin gaat een beetje te ver voor deze blog, maar we helpen je graag.

Zie hier het verschil tussen standaard AMP (links) en het eindresultaat met behulp van PageFrog (rechts).

(nieuw venster)Met de AMP voor WordPress plugin van Automattic worden al standaard meta-data toegevoegd aan AMP-pagina’s. Als je gebruik maakt van de Yoast SEO plugin (en dat doen nogal wat mensen…) dan werkt dit niet altijd even lekker. En Yoast zou Yoast niet zijn als ze daar een oplossing voor geven: Glue for Yoast SEO & AMP 

(nieuw venster)

(nieuw venster)
Na installatie van de plugin werkt alles gewoon zoals het hoort. Andere instellingen zijn dus niet meer nodig.Om ook te profiteren van Accelerated Mobile Pages op jouw website volg je de volgende stappen:

1. Installeer Automattic AMP for WordPress (nieuw venster)
2. Controleer hoe je blog berichten er uit zien
3. Te saai of wil je gebruik maken van Google Analytics? Installeer PageFrog (nieuw venster)
4. Doe de benodigde instellingen in PageFrog
5. Maak je gebruik van Yoast SEO? Installeer dan ook Glue for Yoast SEO & AMP (nieuw venster).
6. Zorg er voor dat ieder (blog) artikel een uitgelichte afbeelding en minimaal 1 afbeelding van minstens 696 pixels breed heeft
7. Interne links (links van de ene pagina naar een andere pagina van je website) worden steeds belangrijker omdat AMP geen navigatiebalk toont.
8. Google zal op den duur ook jouw AMP pagina’s gaan indexeren.

Smashing Magazine schreef een zeer uitgebreid artikel over AMP (nieuw venster), maar je mag ook ons altijdeven mailen als je meer wilt weten over Accelerated Mobile Pages voor WordPress.