Skip to main content

How to implement Google AMP on your WordPress site as easily as possible

With the news that Google will be rolling out its accelerated mobile pages (AMP) to all organic listings beyond the ‘Top Stories’ you’ll be forgiven for getting a little bit anxious.

Don’t worry. There are five solid reasons why you don’t need to panic…

  1. You’ve got till the end of the year
  2. Google AMP isn’t technically a ranking signal
  3. It’s *fairly* easy to implement
  4. The cynical among you will probably be proved correct that Google will just jettison the whole thing after a year anyway (see: authorship)
  5. There are probably more important things to worry about

Right now though we’re going to concentrate on those top three points, because ultimately enabling AMP means providing a faster, more user friendly experience for mobile search visitors and it is, as I said, *fairly* easy to implement. So you may as well give it a go.

Yes you should be providing the fastest, most user friendly mobile experience within your non-AMPed web pages anyway. And yes surely it would be better for Google to promote education on how to provide better, faster mobile pages, rather than insisting that webmasters implement what is essentially a quick fix.

But right now, Google is pushing AMP, and this is how (after much frustration and banging my head against a laptop) I successfully implemented AMP for my own site.

1) First you’ll need…

This is very specific to my own experience, and you may have a much easier, or much more difficult, route.

However if you have a WordPress site, all you’ll need is to download a couple of plug-ins and have access to Search Console. You may also need access to your web development hosting platform if things don’t run smoothly.

2) Download the Automattic AMP plug-in…

At first we used a plug-in from PageFrog that promised to deliver AMP content and Facebook Instant Articles in one handy tool. However this proved to be unworkable and glitchy.

Instead we downloaded the Automattic AMP plug-in as recommended by Yoast

AMP by Automattic

Once you’ve enabled the plugin, it adds a standard meta tag in the head of your webpages to help Google recognise that AMP enabled versions of them exist.

You can check for yourself, by adding the /amp/ suffix to the end of any URL on your site.

Here’s one of our normal webpages on your desktop:

methods unsound webpage

Here’s the same webpage on your desktop with the AMP suffix:

methods unsound AMP page

As you can see it’s very basic stuff. But have no fear, we can style it out!

3) Download the Yoast Glue plug-in

Yoast has developed its own simple to use plug-in called Glue that adds styling options for the Automattic plug-in.

Once you’ve enabled Glue, you can see the settings under SEO>AMP>Design. Here you can set the colours and fonts to be closer to your original desktop page, as well as uploading your own logo and adding you own custom CSS.

Here’s a quick example of our AMP page after a couple of minutes spent in the settings…

methods unsound AMP page with styling

It’s not perfect yet, but it’s getting there.

Next you’ll need to check that Google is indexing your AMP pages properly…

4) Visit Search Console

If you don’t have Search Console, then sign-up right now, or ask the webmaster for permission.

Once you’re inside, select your site from the dashboard, then click on Search Appearance>Accelerated Mobile Pages.

Upsettingly for us, and right up until just a few days ago, Google was reporting us having 258 AMP pages with errors, and this figure only increased the more we published.


Luckily Google provides a handy tool to check exactly what may be the cause.

5) Run the AMP validator tool

As you can see, we have a problem with ‘user authored Java script’ which can block Google indexing the AMP content.

Click on the specific issue you need to address…

map errors

This will take you to a list of error-filled webpages. Click on the first page…

amop pages failing

You’ll now see a two-step tool for discovering your errors.

validator tool

1) Will take you to a help page featuring the HTML reference for AMP.

2) Will run the validation tool to test for errors.

Click on number 2. This will bring up the HTML for the webpage and pinpoint exactly where it’s failing.

AMP fail

For us, it’s that tricksy bit of Javascript flagged above.

Reading along the code revealed its origin. A reporting tool called New Relic, that we had enabled through our web development host Pantheon.

It was entirely our fault. We enabled it and we didn’t realise the Javascript it placed within our HTML would block AMP.

All it took to fix the problem was logging into Pantheon and deactivating New Relic.

Within days we saw an improvement. And after around six days, we now have 328 successfully indexed AMP pages! Just look at the way those streams cross…

amp page checker

Also the 67 pages showing errors haven’t been indexed yet. When I run the validation tool, they come up as clear.

So now all that’s left to do is sit and wait for AMP pages to appear in organic results, and for our new mobile-first audience to come trickling in.

*sits twiddling thumbs, stares out of window, sighs*

via Search Engine Watch


Popular posts from this blog

How to Get SMS Alerts for Gmail via Twitter

How do you get SMS notifications on your mobile phone for important emails in your Gmail? Google doesn’t support text notifications for their email service but Twitter does. If we can figure out a way to connect our Twitter and Gmail accounts, the Gmail notifications can arrive as text on our mobile via Twitter. Let me explain:Twitter allows you to follow any @user via a simple SMS. They provide short codes for all countries (see list) and if you text FOLLOW to this shortcode following by the  username, any tweets from that user will arrive in your phone as text notifications. For instance, if you are in the US, you can tweet FOLLOW labnol to 40404 to get my tweets as text messages. Similarly, users in India can text FOLLOW labnol to 9248948837 to get the tweets via SMS.The short code service of Twitter can act as a Gmail SMS notifier. You create a new Twitter account, set the privacy to private and this account will send a tweet when you get a new email in Gmail. Follow this account …

Another SEO tool drops the word “SEO”

This guest post is by Majestic’s Marketing Director, Dixon Jones, who explains the reasons for their recent name change.
Majestic, the link intelligence database that many SEOs have come to use on a daily basis, has dropped the “SEO” from it’s brand and from its domain name, to become Since most people won’t have used Google’s site migration tool before, here’s what it looks like once you press the “go” button:

In actual fact – there’s a minor bug in the tool. The address change is to the https version of (which GWT makes us register as a separate site) but that message incorrectly omits that. Fortunately, elsewhere in GWT its clear the omission is on Google’s side, not a typo from the SEO. It is most likely that the migration tool was developed before the need for Google to have separate verification codes for http and https versions of the site.
The hidden costs of a name change
There were a few “nay sayers” on Twitter upset that Majestic might be deserting it…

6 types of negative SEO to watch out for

The threat of negative SEO is remote but daunting. How easy is it to for a competitor to ruin your rankings, and how do you protect your site? But before we start, let’s make sure we’re clear on what negative SEO is, and what it definitely isn’t.Negative SEO is a set of activities aimed at lowering a competitor’s rankings in search results. These activities are more often off-page (e.g., building unnatural links to the site or scraping and reposting its content); but in some cases, they may also involve hacking the site and modifying its content.Negative SEO isn’t the most likely explanation for a sudden ranking drop. Before you decide someone may be deliberately hurting your rankings, factor out the more common reasons for ranking drops. You’ll find a comprehensive list here.Negative off-page SEOThis kind of negative SEO targets the site without internally interfering with it. Here are the most common shapes negative off-page SEO can take.Link farmsOne or two spammy links likely won’…