What you should know about Google AMP and how to implement it in your WP site

AMP is a short form of Accelerated Mobile Pages that was introduced by Google on October 2015. Google’s main objective here with this introduction is to offer an enhanced user experience for mobile users. In other words, to make websites load very fast.

But of course that’s what Google wants for users. But for you as a WP developer, you will need to know more about AMP and how to get it started on your site so that Google crawlers / Google bots will be happy to see your links.

So what is AMP all about

According to research by Google, the growth of mobile search is happening much faster than anticipated. However, most of the searches done by mobile users are using slower internet connections which means that web pages that do not focus on website speed will take a longer time to load on their devices.

So with AMP, Google will take your site’s information / content (without the heavy designs and features) and place it on AMP which leads to your content to be delivered to users at a lightning speed.

AMP loads pretty damn fast because of it’s lightweight framework which is called AMP HTML. But this is not something you have to worry about as there is an easier way that I have found for you to implement AMP on your site. And I’ll get to that later.

For now, here’s some screenshots on how AMP pages looks like

It’s simple to identify AMP pages. If you see an AMP and flash sign beside the meta-description of a link in Google, then that’s the one. Here are some screen shots:

That’s right. If you also often use Facebook, then you will know that this feature is almost similar to Facebook’s Instant articles.

And here’s how to implement the feature to your WordPress site (With only two steps)

1. Install and activate the AMP plugin which is created by Automattic. Once the plugin is activated, it will automatically create AMP versions of your post.

If you would like to see the destination of your AMP contents, simply add /amp to any of the urls of a particular post on your site.

Example: https://yoursite.com/post (Normal link)

Example: https://yoursite.com/post/amp (AMP link)

2. Once you have completed the first step, you will need another plugin to manage the AMP options. In this case, I advise you to choose Glue for Yoast SEO & AMP which is developed by the well-known Yoast team. And you will need the main SEO by Yoast plugin installed first.

Simply install and activate Glue for Yoast SEO & AMP and you will see a new option under SEO. The settings option are divided into three sections called Post Types, Design and Analytics.

Post Types – This settings allows you to control which post types should have AMP support

Design – This settings allows you to set a default featured image and the colours for various elements like the title, text, link hover, post meta info, blackquote colours and link text.

Analytics – This settings allows you to add Google Analytics tracking code

And that’s about it.