Seocheckout

Install AMP on WordPress - 6 steps guide



Write the reason you're deleting this FAQ

Install AMP on WordPress - 6 steps guide

AMP or Accelerated Mobile Pages is a brand new technology developed by Google in the last two years has grown in popularity among webmasters and business owners because it just loads their web sites up to 80% faster compared with normal website design.

AMP technology
is similar with Facebook instant articles or Apple news. The only difference is, AMP pages will get indexed in Google's Mobile Index.
For the ones of you that don't understand this yet, below you can find an example of AMP results in a mobile search:

Install AMP on WordPress - 6 steps guide

As you can see the AMP text and icon are clearly visible to any AMP result. This will increase clickthrough rate and with CTR your rank will increase. So you might say that AMP is an indirect ranking factor for SEO and search engines in general.

Now, seocheckout's custom AMP allows them to implement AMP pages for service pages as well as implementing cool structure data so that cool results like that one above will be achieved.
The following tutorial for implementing AMP will be oriented towards WordPress users. You don't need to be a programmer to implement AMP for a WordPress based website, you just need to follow my guide and everything will be fine.

1. Install SEO Yoast plugin.

If you aren't using Yoast as your main SEO plugin I suggest you switch to Yoast. The thing you will need to do later on will be way more simple if you already have Yoast install and configured on your current WordPress setup.

2. Install and activate AMP plugin from Automattic
Install AMP on WordPress - 6 steps guide
And DONE you already have an AMP version for every post on your site. You can check the amp version from a desktop browser by putting "/amp/" at the end of every post, though seeing it on a desktop is highly ugly and not recommended. I personally use my smartphone to test everything.

Keep in mind that you also want to configure certain aspects of AMP, like having a custom logo, custom tags, certain menu and all that stuff. You will also want to have AMP on your pages not only your posts. For this to happen AMP plugin from Automattic isn't enough, you need to install one more additional plugin.

3. Install and activate AMP for WP – Accelerated Mobile Pages By Ahmed Kaludi and Mohammed Kaludi
Install AMP on WordPress - 6 steps guide
This is one of the most helpful plugins you can find out there! Seriously, it can save you a ton of time and even money if you don't really need to develop a custom AMP version.
It has a full guide on how to configure everything based on your needs, website features and design. With the help of this plugin, you can also implement Ads on your AMP pages version. When configuring this plugin you will also notice the importance of having a configured Yoast on your blog, it will make stuff easier and merge everything nicely together.

4. Install Google Analytics or Google Tag Manager on AMP

Install AMP on WordPress - 6 steps guide
This is fairly simple. Just go to the Analytics tab and choose the way you want to process, by using Tag Manage or just inserting the Google Analytics ID fo your site. I personally chose the second option and I had no problem tracking my AMP traffic later on.
Note: You can find your GA ID in Google.analytics -> account -> property -> tracking info -> tracking code - will always start with "UE".

5. Additional Implementations and configurations
Install AMP on WordPress - 6 steps guide

This AMP plugin has loads of options. This is why I consider it to be the best. You should go through all of them, starting with general settings, ensuring AMP will be custom implemented just the way you want it and need it.
Just to name a few of the options you will have:
  • The ability to implement a custom logo.
  • The option to implement AMP on all pages.
  • Page builder tool.
  • Design options - you will have the ability to disable/enable all AMP design elements.
  • Ads - you can add ads on your AMP pages.
  • Custom Menu - you can choose if you want the plugin to implement an automatically generated menu for AMP pages or you can build one yourself from the Menu feature in WordPress.
  • Social Media - you have loads of social media options and features making sure people are able to share on whatever platform you want them to share.
  • SEO - As as said, it is for the best to have Yoast SEO already installed, nevertheless this plugin is giving you options to implement some custom SEO features.
  • Structure data
  • Notifications
  • Comments settings
  • Translation Panel - Highly important if you want to implement AMP on a non-English website. Here you will have all the tools needed to translate everything into your native language. I personally did this myself translating stuff in Romanian.
6. Is your AMP page valid? Index it!
Once everything is up and running you need to test everything with Google AMP validation tool found here: https://search.google.com/test/amp
Make sure you enter your AMP URL with the "/amp" at the end. Otherwise, you'll just gonna test a non-amp version of the site.
In the end, this is what you will want to see as a result:
Install AMP on WordPress - 6 steps guide

As well as this:
Install AMP on WordPress - 6 steps guide

Once Google validates your AMP page you will want to submit your AMP version to Google for indexing.
You can do that by hitting the "Submit to Google" like in the print I've listed above. The confirmation should look like this:
Install AMP on WordPress - 6 steps guide
You can also submit for indexing AMP versions pages from Search Console, under Google Fetch.
Also, make sure you regularly check Search Console from now on under Search Appearances -> Accelerated Mobile Pages - this section of Search Console will single any AMP errors or issues Google might find as well as the number of good AMP pages indexed in Google.

Have fun getting all that new organic traffic from AMP pages! Check your analytics and constantly analyze how your users interact with the AMP version of the site. A bigger bounce rate than usually is normal.
You may also experience AMP traffic as a "referral" source, this happens when users that landed on your AMP pages switch to non-amp.

If you have any issues or questions regarding the process and guide I presented here let me know in the comments bellow!

Comments

Please login or sign up to leave a comment

Join
TommyCarey
With the push towards everything going responsive, I'm definitely going to be checking up on my websites to make sure that all the pages are mobile friendly Install AMP on WordPress - 6 steps guide



Are you sure you want to delete this post?

Tronia
Thank you for such a detailed article and how-to-install guide. I love educating myself in this aspect as much as possible because I am heavily aware the importance of creating a website that is mobile friendly. I can't remember the exact number of how many people access the website using only their phone but it was a really high and crazy %.

We are in this new technological era where we carry our phones everywhere we go. You literally see people browsing the web even when eating their breakfast - that's why you really need to make sure that your site is up to par with the rest and if you want it to be successful, it definitely needs the AMP.



Are you sure you want to delete this post?

hermessantos
Thanks for your tip!

I am a big fan of Wordpress and use it on all my personal projects and clients. I've never particularly used the AMP, but with this guide you've created, I will now test it to assess its full potential.

Thanks for the info.



Are you sure you want to delete this post?

overcast
I have installed AMP on wordpress. But not sure if the site currently offers the monetization option. As you can see there does not seem to be a way for that. But we can get a good mobile structured view for the pages. Also the amount of time it takes to load those pages is very low. I have found that even the images can load lot quicker. It's just that AMP concept is going to take lot of time for people to adopt.



Are you sure you want to delete this post?

keen2write
I actually never knew about this I am going to also check my blogs and install this plugin great post and thank you for sharing this with us.



Are you sure you want to delete this post?

vinaya
I am using wordpress on 6 websites. However, I have not used AMP in any of these websites. In fact prior to reading this, I did not know anything about AMP. Thanks for introducing this brand new topic to me and writing easy to follow instructions on how to use AMP for my wordpress sites.



Are you sure you want to delete this post?

itommy
I never tried this plugin for my WP site but will try after reading your this post.
Thanks for sharing useful article.



Are you sure you want to delete this post?

Corzhens
Thank you for the information that you shared about the installing of accelerated mobile pages. It is now getting to be the standard for sites to have the AMP for the benefit of mobile browser. We have to admit that mobile browsers now constitute the majority of internet users and webmasters should be doing everything to give priority to the mobile browsers for purposes of getting traffic.



Are you sure you want to delete this post?