Do you want to setup Google AMP on your WordPress site? Accelerated mobile pages or AMP is a way to make your website load faster on mobile devices. Fast loading websites offer better user experience and can improve your traffic. In this article, we will show you how to set up Google AMP in WordPress.
Google AMP for WordPress
What is Google AMP?
Google AMP stands for Accelerated Mobile Pages. It is an open source initiative supported by technology companies like Google and Twitter. The goal of the project is to make web content load faster for mobile users.
For many mobile users, reading on the web is often slow. Most content rich pages take several seconds to load despite all efforts taken by site owners to speed up their website.
Accelerated Mobile Pages (AMP) in search and browser view
It is very similar to Facebook Instant Articles. However, Instant Articles are limited only to Facebook’s platform, more specifically to their mobile app.
Accelerated Mobile Pages are platform-agnostic and can be used by any app, browser, or web viewer. Currently it is used by Google, Twitter, LinkedIn, Reddit, and others.
Pros and Cons of Google AMP (Accelerated Mobile Pages)
SEO experts claim that Accelerated Mobile Pages will help you rank higher in Google, and it improves the user experience for mobile users on slow internet connections. However, they are several challenges for website owners, bloggers, and marketers.
While Google AMP supports Google Analytics, it does not support many other analytics platforms. Same goes for advertising options which are limited to select few advertising platforms.
Despite its limitations, Google is pushing AMP pages by giving them a boost in mobile search.
If significant chunk of your traffic comes from mobile searches, then you may benefit from adding AMP support to improve and maintain your SEO.
First is by Alex Kras who claim that you can potentially lose mobile traffic if you enable Google AMP. Read the article thoroughly because that’s a huge problem, and despite what the Google Tech Lead for AMP project has said, there aren’t any good solutions that address the issue in our opinion.
Second is by Terrence Eden which highlights the difficulties of switching back from Google AMP should you change your mind in the future. We don’t believe this is a major issue because you can do a 301 redirect which several have pointed out in the comment section of his blog posts, but nonetheless it is something you need to think about.
For the reasons above, we are not switching WPBeginner to Google AMP.
However since several of our readers asked about how to setup Google AMP in WordPress, we have created a step by step process on how to setup Accelerated Mobile Pages in WordPress.
Setting up Accelerated Mobile Pages or AMP in WordPress
First thing you need to do is install and activate the AMP plugin. For more details, see our step by step guide on how to install a WordPress plugin.
Upon activation, you can head over to Appearance » AMP page to see how your site looks on mobile devices using AMP.
Settings page for WordPress AMP plugin
You can change the header background and text color on this page. The header background color you choose will also be used for links.
The plugin will also use your site’s icon or logo if your theme supports it. See our guide on how to add a favicon or site icon in WordPress for detailed instructions.
Don’t forget to click on the save button to store your changes.
Want to customize your AMP pages even more? There are many plugins which will allow you to add related posts, footer widgets, and even social media icons to your AMP pages.
However, you will need to make sure to validate your AMP pages after you install any addon plugins.
You can now visit any single post on your website and add /amp/ at the end of the URL. Like this:
This will show you a stripped down AMP version of the same post.
AMP mobile preview
If you view the source code of the original post, you will find this line in the HTML:
This line tells search engines and other AMP consuming apps/services where to look for the AMP version of the page.
If you see a 404 error when trying to view the amp version, then here is what you need to do.
Visit Settings » Permalinks page in your WordPress admin and click on the ‘Save Changes’ button. Remember, don’t change anything here, just press the save button. This will refresh your website’s permalink structure.
View Accelerated Mobile Pages in Google Search Console
Want to know how your Accelerated Mobile Pages are doing in Google Search? You can easily check this using the Google Search Console.
Log in to your Google Search Console dashboard and then click on Search Appearance » Accelerated Mobile Pages.
Accelerated mobile pages in Google Search Console
Don’t worry if you don’t see your AMP results right away. It may take a while for Google to index your Accelerated Mobile Pages and then show data in Search Console.
Getting Accurate Analytics on AMP Pages
One of the major issues with AMP is that it can skew your Google Analytics data. Visitors to your AMP pages aren’t tracked accurately and can even be double-counted.
For the most accurate analytics, we recommend using MonsterInsights. It’s the best Google Analytics plugin for WordPress.
The MonsterInsights AMP addon will automatically fix your tracking so that you get the real stats on your visitors.
We hope this article helped you learn how to set up Accelerated Mobile Pages (AMP) on WordPress. You may also want to see our list of actionable tips to drive traffic to your WordPress site.