How to setup Google AMP on your WordPress site

headerAccelerated Mobile Pages (AMP) is Google’s way of making websites load much faster on mobile devices. Like Facebook’s Instant Articles, AMP pages give users a much faster and better user experience on their mobile. Another benefit is that you will also be able to get more traffic, as Google marks AMP articles with a special icon on the search page, indicating to users that the page is AMP enabled. So how do you get this running on your WordPress site? That’s what we’re going to be talking about today.


Wired has an AMP icon on many of their articles

The easiest way to setup AMP is to use the AMP Plugin

The first thing you’ll need on your WordPress page is to have the AMP Plugin installed. Created by the Automattic (The people behind WordPress), it automatically generates AMP-compatible versions of your posts. In order to make full use of its features, though, there are a few settings you will need to tweak.

So head over to the Appearance/AMP page once you have the plugin installed.Screen Shot 2017-01-12 at 12.16.03 PM

On this settings page, you can set your header background and text color as well as customize the links. The plugin will also use your site’s icon/logo if your current theme supports it. If you want more details on how to get this up and running, you can check out this article on wpbeginner, they have a detailed guide there.

Now that you’ve got AMP going, what happens next?

It generally takes a few days for your AMP pages to appear on Google’s search results page as a result of how they index pages, so don’t fret it if doesn’t happen right away. If you have analytics installed, you can check on how well your AMP page is doing by going to the Google Search Console.

You could also look into other plugins that help further customize your AMP pages, such as Glue for Yoast (If you’re already a Yoast user).