Since its launch 6 months ago, the Top Stories carousel on mobile has taken off. We recently rolled out the carousel to additional countries including Australia, Colombia, Argentina, the Netherlands, and the Ukraine. Here’s a sneak peek of expanded AMP support coming soon across the entire search results page.
Dit bericht rolde afgelopen dinsdag onze mailbox in. De AMP (Accelerated Mobile Pages) top stories carrousel is nu al een sinds 2 augustus live in NL. Uitgevers als Sanoma, de persgroep doen mee. AMP werd weliswaar al live gezet in februari dit jaar maar het bleef toch een incrowd feestje van Engelstalige uitgevers. Toen werd namelijk in Google news van een aantal uitgevers de AMP carrousel live gezet.
Daarna verschenen in juni 2016 Google Search console ook de eerste AMP crawl resultaten. En nu dus een preview van wat er te wachten staat. “..coming soon across the entire search results page.” Er komt dus meer aan! Naast de ‘Nieuws carrousel’ kunnen ook ‘gewone webpagina’s en zelfs shop product pagina’s met AMP razendsnel geladen worden.
AMP sneak preview
Als je bovengenoemde AMP sneak preview link opent op je smartphone kun je zien wat eraan gaat komen. Zie dit voorbeeld van eBay product pagina’s in Google search:
Let op, dit is een preview die je alleen op je mobiel te zien krijgt als je daarin de link sneak peek of expanded AMP support opent. Over zijn grote partijen als marktplaats.nl, conrad.nl, bol.com of coolblue nog niet te vinden met AMP pagina’s. Als je ‘gewoon’ zoekt op je mobiel zul je AMP resultaten nog niet zien.
AMP blijvertje?
Na de eerste scepsis toen AMP in januari werd aangekondigd: “Gaat dit weer zo’n proefballon worden zoals met ‘Google authorship‘ het geval was?” Google heeft wat dit betreft geen goed track record maar ze lijken door te zetten.
En zeker nu Google dus aankondigt meer dan alleen nieuws content via AMP aan te gaan bieden lijkt het zinvol te worden voor niet-publishers.
Tijd om erin te duiken!
Waarom zou ik aan AMP beginnen?
Kort antwoord: Voor je mobiele rankings.
Lang antwoord: Google heeft aangekondigd dat ze in mobiele zoekresultaten pagina’s met AMP gaan bevoordelen:
- Ze hebben dat leuke icoontje naast het resultaat (valt dus meer op)
- Ze gaan hoger scoren (belangrijkste natuurlijk)
- Omdat ze veel sneller laden (goed voor Google en je usability) Volgens Google verlaat 40% van de gebruikers een pagina op mobiel als deze langer dan 3 seconden erover doet te laden.
- Omdat Google ook AMP Adwords advertenties gaat uitrollen.
(klik op bovenstaande plaatje om de live speed verschil te bekijken)
Wat is AMP?
Dat weet je natuurlijk allang als je met SEO bezig bent. Lees anders over het AMP project en hier de richtlijnen voor AMP Google search.
In het kort komt het er op neer dat je Google een uitgeklede pagina van je content ‘voert’ zonder veel vertragende javascript, css etc.
Google gaat deze content vervolgens gratis opslaan op hun servers zodat je als zoeker via een pagina op bijvoorbeeld https://www.google.nl/amp/s/www.searchenginejournal.com/how-will-googles-amp-pages-affect-seo/159741/amp de pagina zeer snel kan laden.
Hoe stel ik AMP in?
Achter elke pagina maak je een AMP pagina dor achter elke url /amp/ te zetten.
Als je WordPress gebruikt heb je geluk. Installeer dan AMP. Deze plugin extraheert van elke blogpost een AMP pagina met de URL/amp/ extensie. Met de extensie van Yoast ‘Glue for Yoast SEO & AMP‘ stel je vervolgens de basic look en feel in: logo, kleuren tekst en links en je Google Analytcs tag.
Is AMP alleen voor nieuws?
Nu nog wel maar ook e-commerce product pagina’s kunnen in het project opgenomen worden. Zo heeft eBay al haar content al ‘ge-amp-ed’.
En wat doet Facebook?
Het Google AMP project is een reactie op Facebook Instant Articles. Daarnaast werkt Apple aan een vergelijkbare oplossing voor Apple news.
AMP debuggen
Er mag van alles niet in AMP. Hoe weet je nu of je goed zit of niet?
- Dit vind je door de Chrome extensie AMP Validator te installeren,
- Of de online AMP URL validator uit te voeren.
- Ook kun je achter de amp pagina #development=1 toevoegen. Klik vervolgens op enter en kijk in chrome in de inspector onder de tab ‘console’.
- Of eenmaal geindexeerd in Google Search Console te kijken onder: ‘Zoekopmaak’ > ‘Accelerated Mobile pages‘.
Hoe weet Google of je AMP pagina’s hebt?
Als je AMP- en niet-AMP-versies van je pagina’s hebt, neem je de volgende links op:
- Verwijs op een niet-AMP-pagina naar de AMP-versie van de pagina om Google en andere platforms op de hoogte te stellen van de pagina:
<link rel="amphtml" href="https://www.example.com/url/to/amp-version.html" />
- Voeg op de AMP-pagina de volgende tekst toe om te verwijzen naar de canonieke niet-AMP-versie van de pagina:
<link rel="canonical" href="https://www.example.com/url/to/regular-html-version.html" />
Voor zelfstandige AMP-pagina’s (die geen niet-AMP-versie hebben) moet de AMP-pagina zichzelf aanduiden als canonieke versie:
<link rel="canonical" href="https://www.example.com/url/to/amp-document.html" />
(De WP plugin doet dit overigens out of the box)
Als je nieuwe AMP pagina’s nog niet gevonden zijn door Google laat deze dan vinden door ‘fetchen as Google‘ uit te voeren.
En hoe vergaat het ons met AMP?
Met bovengenoemde plugins zijn de AMP pagina’s opgezet, althans voor de Engelstalige blogs. Multi-language is ook niet alles blijkt dan maar weer. Die plugin van WPML doet nog raar.
Dus blogposts als “Update: track your competitor’s subdomain rankings too!” worden netjes gegenereerd (let ook op de canonical die netjes naar de AMP loze URL verwijst) maar het Nederlandse broertje van die blogpost “Update: volg ook rankings subdomeinen concurrenten” blijft maar 301 redirecten naar de gewone URL.
Ook nadat de veel geuite oplossing de permalinks pagina te openen zodat je permalink instellingen van de URL wordt opgeslagen.
Daarnaast staan er nog een fouten die de opname in search zal tegenhouden dus we knutselen vrolijk verder maar ik wilde je dit nieuws niet langer onthouden.
Update 19-9-2016: Inmiddels hebben zowel de Nederlandse als de Engelse blogposts van SEO Effect een /amp/ versie die door de validatie komen. Ook Google Analytics staat er nu goed in. Meer hierover in een nog te verschijnen aparte blogpost.
Daarnaast zijn we bezig om je ranking voor AMP pagina’s in te bouwen in een AMP rank tracker. Dan kunnen we ook snel de winnaars en verliezers gaan monitoren.
Wordt vervolgd dus…