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.
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:
- 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.
- 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.
- 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 gemakkelijk, nietwaar? Laten we het belangrijkste punt van dit artikel benadrukken: Google kijkt alleen nog maar naar mobielvriendelijke websites bij het bepalen van zijn rankings, dus concurrerend zijn in dit nieuwe tijdperk is van vitaal belang. AMP pagina's worden zelfs boven de mobiele SERPs geplaatst, dus zorg ervoor dat u deze technologie gebruikt op uw belangrijkste pagina's 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, verkeer en conversies.
Hoe AMP-pagina's te testen
Zodra u uw AMP pagina's heeft geïmplementeerd, is het de moeite waard om ze te testen om er zeker van te zijn dat ze correct functioneren. Dit is iets wat u gemakkelijk kunt doen met Google Search Console.
Wanneer Google AMP pagina's op uw site detecteert, zullen deze automatisch worden weergegeven in de zoekconsole. Log gewoon in op uw account en selecteer het gewenste domein. Klik op "AMP" onder "Verbetering".
U vindt de AMP pagina's die Google heeft gecrawled en hun status (Fout, Geldig met waarschuwingen, en Geldig).
AMP pagina's die een fout vertonen kunnen niet worden getoond in de zoekresultaten. Bekijk de soorten fouten en waarschuwingen en volg de aanbevelingen van Google om de problemen op te lossen. Al uw AMP pagina's zouden geldig moeten zijn.
U kunt ook individuele pagina's testen met de gratis AMP Test Tool van Google.
Een andere tool die u kunt gebruiken om uw AMP pagina's te controleren nog voor u ze publiceert is de AMP validator van het AMP project.
Merk op dat wijzigingen niet onmiddellijk verschijnen in de Google Search Console. Als u onmiddellijk de wijzigingen wilt controleren die u op meerdere pagina's hebt aangebracht, zou het gebruik van een SEO crawler met een AMP checker een betere keuze zijn, zoals we hieronder uitleggen.
Hoe u uw AMP op uw website controleren
Als u bent begonnen met het implementeren van deze technologie op uw website, kunt u controleren welke van uw pagina's AMP zijn en welke niet. Crawl 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 het vertegenwoordigt op het web. Verkrijg een lijst van al uw AMP-pagina's, zodat u snel kunt zien de juiste uitvoering ervan.
