How to install AMP on your WordPress site

AMP stands for Accelerated Mobile Pages Project and you can read more about it here https://www.ampproject.org

Installing it on your site is quite straightforward, although not very easy. The best plugin of all IMHO is “AMP for WP” and you can find it here https://wordpress.org/plugins/accelerated-mobile-pages/

After installing it, you must activate it and follow these steps:

Press Start

Then choose your logo

Select the pages that you want AMP to be enabled. I suggest selecting pages that don’t have any special or weird mechanisms that rely heavily on JavaScript.

Then set your Google Analytics Tracking code

Select your desired style from the 3 pre-installed

And you’re all set!

There are some more thing you can do to refine some settings. Head on to the preferences of the plugin here

On General->Settings page you can change the pages where you want AMP to be enabled. In my case, I only want it for my blog, so this is how it looks like:

I suggest turning on “Meta Tags from Yoast”

Turn on “Minify AMP Page”

Make sure you have Structured data enabled for posts and pages

You can also enable Facebook’s Instant Articles. Just be sure to Re-Save permalink when you enable this option.

Turn on “Mobile Redirection”

On Design->Global page, choose your favorite color palette and add any CSS needed for typography that doesn’t match your main theme

Add Navigation on your AMP pages

Then go to your WordPress Appearance->Menus and add your preferred menu to your AMP theme

As a last step go here https://search.google.com/test/amp and check if one of your pages can be read correctly from Google. If so, it should look like this

Hit “SUBMIT TO GOOGLE” in order to be processed from your Google Console faster. After about 24-48 hours, your search results should show the familiar AMP lightning icon