Today we are going to tell you how to make your WordPress site Google AMP ready. Meaning of AMP is Amplified Mobile Pages.

First we would like to tell you, why we need AMP optimized CDN website. Mostly when a visitor visit a page which takes more than 3 seconds to load, then the user exits from the page. This results in increased bounce rate of the site. If you are on WordPress website you may be using CDN distribution services with Caching Plugins for speeding up your WordPress site. But we can tell you that Google AMP is the best optimized CDN (Content Delivery Network) service to serve optimized pages of your mobile website visitors to organic mobile visitors. It can be implemented easily with WordPress plugins.

Benefits of AMP in the Era of Smartphone Tech:

Everything is changing because we all love to stick with our smartphones , we can do marketing and promote our products on Social Media, Create Facebook ads, respond to live chat customers, and much more including taking selfies : )

Carrying smartphone is easy and so we do most of our work using apps on smartphones. This is the main reason desktop processor companies are also focusing on mobile processor more instead of desktop, because the need of desktop is going down. We can’t do designing and developing and typical works like that with smartphones yet! But we still do a lot of work and browsing on our smartphones. We and most of the world uses google search engine for searching how to, what if, etc. So, now you were too seeing changes in the google search results.

There are some cards and some links with AMP results on the top. Check Screenshot of Google Mobile Search: 

 Easy Tutorial To Make Your WordPress Site Google AMP Ready With Analytics & AdsenseEasy Tutorial To Make Your WordPress Site Google AMP Ready With Analytics & Adsense

Google is promoting AMP Optimized mobile sites in mobile search and there is a huge benefit. Check the example screenshot of website load speed with amp and non amp version:

Non AMP Version Load Test


Benefits of AMP in the Era of SmartPhone Tech

AMP Version Load Test

Benefits of AMP in the Era of SmartPhone Tech

Now you can see the benefit and because google is promoting AMP you should opt it as fast as possible and enjoy benefits.

Implement Google AMP:

The very first step is to install AMP plugin which is developed by Automattic. AMP plugin is available in the WordPress Plugin repository. You have to install it. This plugin adds support for the Accelerated Mobile Pages (AMP) Project, which is an open source initiative that aims to provide mobile-optimized content that can load instantly everywhere.

How to Install AMP Plugin:

How to Install AMP Plugin

You can install it using the two easy methods:

First Method:

How to Install AMP Plugin

Mouseover Plugins –> Add New —> Search “AMP” and then click on Install Now. There will be lots of results find the plugin by Automattic and After successful installation click on Activate button.

How to Install AMP Plugin

Second Method:

Mouseover to Plugins –> Add New —> Click on Upload —> Go to AMP WordPress Plugin Repository and Download the plugin and then select the zip file and then click on Install Now, after successful installation click on Activate button.

How to Install AMP Plugin

How to setup your website with Google AMP pages and WordPress

How to setup your website with Google AMP pages and WordPress

 

Now your website is AMP ready.

Want to Customize AMP Page Design ?

We have tested many plugins and I would recommend you to use AMP for WP – Accelerated Mobile Pages. It is the perfect plugin that we found for the AMP customization. We are also using the same plugin on this website. The developer team of this amazing plugin is constantly adding new features and they are trying to give all the possible features of AMP through this plugin.

Installation process is same: Mouseover on Plugins –> Add New —> Search “AMP for WP – Accelerated Mobile Pages” and then click on Install Now. There will be lots of results find the plugin by Mohammed Kaludi and After successful installation click on Activate button.

After activating the plugin you can see new AMP tab in your left admin sidebar. Now click on AMP or Mouseover and click on Getting Started.

How to setup your website with Google AMP pages and WordPress

Now you will see your customization settings. See the screenshot below :

How to setup your website with Google AMP pages and WordPress

Here are the list of features that are available within the plugin setting:

How to setup your website with Google AMP pages and WordPress

 

Customize your AMP Optimed Website Text using Translate Tab

 

How to setup your website with Google AMP pages and WordPress

 

Add Cookies Notification Text

 

How to setup your website with Google AMP pages and WordPress

 

Add Sturcture Data — Default Logo, Default Post Image, Image height & width.

 

How to setup your website with Google AMP pages and WordPress

 

Enable & Disable Social Media Buttons in the Social Tab

 

How to setup your website with Google AMP pages and WordPress

 

Customize Post page settings, enable or disable Floating social media and other features.

 

How to setup your website with Google AMP pages and WordPress

 

Insert your Adsense Ads Easily On 4 Different Positions

 

How to setup your website with Google AMP pages and WordPress

 

Add Menu to your AMP optimized webpage by clicking on that link.

 

How to setup your website with Google AMP pages and WordPress

 

Configure SEO setting enable if you are using Yoast SEO.

 

How to setup your website with Google AMP pages and WordPress

 

Choose your design from design selector, i am using Design two. because design work was showing validation errors in my website. And Then Customize Color And Design Using Design Tab & Customizer

 

Easy Tutorial To Make Your WordPress Site Google AMP Ready With Analytics & Adsense

 

Add Logo, Redirect Mobile Site To AMP, Add Google Analytics ID, and more settings.

 

How to setup your website with Google AMP pages and WordPress

 

Improve SEO with AMP using Glue for Yoast SEO

You must be very well familiar with the SEO. And for SEO optimation you will be using Yoast SEO so After integrating AMP on your WordPress site you have to work on some SEO factors. So, if you using Yoast SEO then you can make AMP version of your website SEO friendly just by installing Glue for Yoast SEO & AMP. Install Glue for Yoast SEO, using plugin above installation method. After Successful Installation Mouseover on Yoast Tab & then Click on AMP

Improve SEO with AMP using Glue for Yoast SEO

then you will see 3 tabs: Post Types, Design & Analytics use those tabs only if you have the need else leave it and then done!

Improve SEO with AMP using Glue for Yoast SEO

Improve SEO with AMP using Glue for Yoast SEO

Improve SEO with AMP using Glue for Yoast SEO

 

How to Check AMP Pages in Desktop:

Now check and validate if AMP is working or not. You can check our amp pages by just adding /amp/ in the end of the post page. For example:

Desktop Version : https://creativetacos.com/650-premium-blurred-backgrounds/

AMP Mobile Optimized Version: https://creativetacos.com/650-premium-blurred-backgrounds/amp/

 

Validate for Errors:

Check if your wordpress AMP pages are ready for google or are showing errors. You can easily test your AMP pages using this free chrome extension just install this extension and then visit your amp post page by adding /amp/ in the end of your desktop version url.

If validation is passed this extension button will turn from Grey Automatically checks each page for AMP validation.  to Green Automatically checks each page for AMP validation. and if the validation is failed it will turn to red or if there are warnings it will turn to blue. Check Screenshot Example:

Automatically checks each page for AMP validation.

 

If you don’t use chrome then visit AMP Validator Project and then paste your AMP url and click on Validate.

Validate AMP Pages

Validate AMP Pages

Now after few days google will automatically show AMP results in google mobile search. If your test is passed then everything is done and now wait for your results.

 

Need Help:

Follow all step carefully and it will take about 15 minutes and your entire website will be on amp. If you have a further query or need some help, drop a comment below in the comment section.

I hope you will find this post useful, If you do then share it with others and save their precious time

Thanks!

Get Amazing Freebies

Get great contents delivered straight to your inbox everyday, just a click away, Sign Up Now


Email address

 Checkout Our Best Selling Products