Versnelde mobiele pagina's (AMP)

Het is voor niemand van ons nieuws dat het aantal mobiele gebruikers al veel groter is dan het aantal mensen dat een desktop gebruikt om informatie te zoeken of om een transactie te doen, toch? Google waarschuwt iedereen voor dit toenemende gedrag en biedt tegelijkertijd nieuwe oplossingen voor marketeers om alle veranderingen bij te houden. Raad eens welke onze favoriet is? 😉

AMP Pages is aangekomen om de mobiele SERP's (Search Engine Results Pages) te leiden en daarom moeten SEO-professionals en -ontwikkelaars zo veel mogelijk van hen implementeren om de beste mobiele gebruikerservaring voor bezoekers te bieden. Laten we nu eens wat meer te weten komen.

Wat zijn Accelerated Mobile Pages (AMP)?

AMP is een soort pagina die door Google en Twitter is gemaakt en die de snelste navigatie op het internet biedt. Het is in principe een eenvoudigere vorm van HTML die ontwikkelaars in staat stelt om eenvoudig snellaadbare mobiele webpagina's te maken. Dankzij deze nieuwe code kunnen uitgevers de snelheid van pagina's verbeteren (het duurt minder dan een seconde om te laden!), wat zorgt voor een betere gebruikerservaring.

Snelheid mobiele web

Omdat ze gebaseerd zijn op een eenvoudige versie van HTML, zijn er bepaalde tags die niet gebruikt kunnen worden, net als sommige CSS-functionaliteiten. Het gebruik van JavaScript is volledig beperkt omdat het de laadsnelheid vertraagt, dus je zult in plaats daarvan hun eigen versie moeten gebruiken.

Aangezien het hoofdidee van deze service is om de leesbaarheid te verbeteren, zullen afbeeldingen pas worden geladen als u ze door middel van scrollen bereikt, zodat de pagina niet al de eerste laadtijd neemt die ons allemaal doet jammeren (yay!). Nu vraag je je af: wat is de sleutel tot deze magische truc? Nou, deze pagina's zijn ontworpen om super cached te zijn. Dit betekent dat Google alle inhoud host, dus het zit daar op je te wachten.

Het coole aan deze code is dat het open-source is, zodat veel andere platformen de kans grijpen om dezelfde oplossingen aan hun bezoekers aan te bieden. Facebook instant artikelen, Snapchat Discover of Apple News zijn de meest bekende, maar we zullen binnenkort genieten van dezelfde navigatie ervaring op andere kanalen.

Het is u misschien opgevallen dat dit meestal wordt gebruikt door kranten om inhoud te publiceren die heel snel laadt en in een oogwenk op de SERP's verschijnt. Andere bedrijven zoals e-commerce sites, receptenpagina's en sommige bloggers implementeren deze technologie in hun berichten, en talloze bedrijven passen het toe op landingspagina's voor meerdere doeleinden. Heb je al besloten waarvoor je het wilt gebruiken?

Hoe kan ik Accelerated Mobile Pages implementeren?

Voordat we te technisch worden, willen we duidelijk maken dat u, ondanks het feit dat het een concreet HTML-template is, dezelfde identiteit van uw website kunt behouden met behulp van uw CSS-code, met enkele variaties. Ontwikkelaars zullen niet zoveel klagen als wanneer ze bestanden moeten minimaliseren om de snelheid van de pagina's te verbeteren, dat beloven we. 😉 En het resultaat zal superlicht zijn met veel minder moeite.

Nu, laten we in de 3 delen van deze magische code komen:

  1. AMP HTML: zoals we net al zeiden, dit moet niet moeilijk zijn en ook niet te veel tijd in beslag nemen als je bekend bent met gewone HTML. Je zult de lijst met vereiste mark-ups van het AMP-project willen bekijken voordat je je nieuwe pagina bewerkt, en als je er eenmaal een hebt gedaan krijg je het onder de knie.
  2. AMP JS: weet je nog dat we het hadden over de JavaScript-beperking? Door het JS-raamwerk voor Versnelde Mobiele Pagina's te volgen, zou u in staat moeten zijn om aan uw behoeften te voldoen.
  3. AMP CDN: er is een optioneel Content Delivery Network dat uw AMP-geschikte pagina's in de cache plaatst en automatisch optimaliseert.

Deze nieuwe pagina's worden gehost op Google AMP en bediend door het bovengenoemde CDN. De URL ziet er als volgt uit: https://www.google.com/amp/www.yourdomain.com

AMP en de SERP's

Over de zoekresultaten gesproken, we zijn er zeker van dat u het "donder"-icoon al heeft gezien naast het laatste nieuws uit digitale kranten. Hoe zit het met de AMP carrousel? Dit is hoe u normale resultaten kunt onderscheiden van de versnelde resultaten:

AMP zal meestal (maar niet per se altijd) verschijnen voor een ander resultaat, zelfs bovenop een zeer goed geoptimaliseerde mobiele website.

Historisch gezien, Google gerangschikt pagina's op basis van de optimalisatie van de desktop-versie, en deze parameter aangewezen de positionering van hun mobiele versie op de mobiele SERPs. Nou mensen, dit is niet langer het geval- "Mobile First" is echt! Dus, als je dit leest en uw site is nog niet mobiel-vriendelijk, stoppen met wat je doet en investeren al uw SEO inspanningen in mobiele (na het beëindigen van dit artikel, natuurlijk).

Onze instructies voor AMP zijn vrij eenvoudig:

  • Kies de pagina's die u met deze technologie wilt maken. Zij zullen meestal de best presterende degenen, alle blogposts of nieuws.
  • Maak de pagina's, en vergeet niet de basis van SEO: vooral de kwaliteit van de inhoud! Gebruik dan de HTML-tags op een verstandige manier.
  • Valideer de pagina's voordat u ze uploadt. Gebruik daarvoor de AMP Project website of de tool die in Google Chrome is ingebouwd - deze stap is essentieel!
  • Zoek een manier om dit hele proces te stroomlijnen. U wilt niet te veel tijd verspillen aan het opbouwen van al deze pagina's. Kijk of uw CMS plugins biedt om het te automatiseren. WordPress is een zeer goed CMS voor AMP Pages.
  • Ten slotte, maar niet in het minst, MONITOR hen en blijven optimaliseren. Gebruik de tool van FandagoSEO om te onderzoeken hoe uw Versnelde Mobiele Pagina's presteren en om de nodige aanpassingen te doen.

Klinkt toch makkelijk, hè? Laten we de nadruk leggen op het hoofdpunt van dit artikel: Google kijkt alleen naar mobiele-vriendelijke websites bij het definiëren van zijn rankings, dus concurrerend zijn in dit nieuwe tijdperk is van vitaal belang. AMP-pagina's worden zelfs boven de mobiele SERP's geplaatst, dus zorg ervoor dat u deze technologie op uw belangrijkste pagina's gebruikt als u een concurrerende site wilt hebben. De implementatie is niet al te moeilijk en de resultaten zijn geweldig in termen van positionering en natuurlijk voor verkeer en conversies.

Hoe u uw AMP op uw website controleren

Als u bent begonnen met het implementeren van deze technologie op uw website, u controleren welke van uw pagina's AMP zijn en welke niet. Verken uw site met FandangoSEO om het exacte aantal pagina's met en zonder AMP te zien. Deze gegevens kunnen ook worden weergegeven door het percentage dat wordt weergegeven op het web. Een lijst met al uw AMP-pagina's verkrijgen, zodat u snel de juiste uitvoering zien.

Klaar om de mobiele SERPs te rocken?

Controleer nu uw AMP

Pijl omhoog