AMP stands for Accelerated Mobile Pages Project and you can read more about it here

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

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 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

That’s it!

If you found this article useful, don’t forget to check my channels:
Insta: georgemastro
500px: georgemastro
Twitter: george_mastro

or contact me here

February 11, 2018