Here I am listing the best Android apps – every Android user would love to have on their phone. These apps help you to get your work done easily and efficiently. By using these apps…
Google has introduced a new project called Accelerated Mobile Pages. Learn how to enable Accelerated Mobile Pages in WordPress. I will also discuss what are Accelerated Mobile Pages, what is AMP and why it is important for you to setup AMP on your WordPress website.
What are Accelerated Mobile Pages? What is AMP?
First of all, AMP i.e. Accelerated Mobile Pages is a project which aims to load webpages instantly on mobile devices. AMP is brought to us by Google in collaboration with many others (publishers, platforms and technology companies etc.) of the industry.
The fact is, a lot of people use internet on their phones on 2G or 3G mobile network. And the user experience of mobile browsing is not up to mark for most of the websites because of slow internet speed and large webpage size. Studies show that when a webpage loads slower on mobile, there are greater chances that user will go off from that webpage and will try another. AMP aims to fix this.
In order to load webpage instantly on mobile, AMP plays with HTML of your site and limits bulky HTML code to load. AMP filters all that large HTML and at the same time retains all important content of webpage. This is how AMP helps to make mobile optimized content which loads instantly.
Why You should Setup AMP on your WordPress Website
Though industry influencers have different opinions about AMP, its implementation and future. But Google is emphasizing on AMP by giving priority to AMP pages in mobile search rankings. Also, you may consider AMP as part of technical SEO, as it helps to prioritise your content in search results. Therefore, it’s a good idea to implement AMP on your website, regardless of what influences are thinking about it.
In addition to whether you should setup AMP, one more question is buzzing on the web that who should implement Accelerated Mobile Pages? The straight answer is the news websites and blogs must enable AMP to get those eye-catchy spots in mobile search ranking. AMP pages (in Google Search Results) look like as shown below. See the pictures below:
How to Enable Accelerated Mobile Pages in WordPress
Accelerated Mobile Pages or AMP can be enabled by adding amp in the html tag <html> of your webpage. Search engines recognize it and rank these amp pages on top of the list in mobile search results. For example
<html amp> <body>
Because it is not easy to manually add amp in all the pages of our website. That is why Automattic (the company behind WordPress) has introduced an exclusive plugin called AMP for this purpose. All you need is to install this small plugin. Once you install and activate this plugin, your site will start supporting Accelerated Mobile Pages (AMP).
Now, all the post of your site will have AMP version. You can access your AMP webpages by adding
/amp at the end of URL.
For example, we have enabled AMP on my website and you can access any post of technumero.com by adding
/amp at the end. i.e. https://technumero.com/display-code-snippets-in-wordpress/amp/
As AMP plugin by Automattic does not have settings to make any changes. Therefore, you need to find another way if you wish to tweak the style of AMP pages. In the next para, I have explained how you can change some basic style of AMP pages and can tweak few other things.
How to Integrate AMP with Yoast SEO [And Why?]
In AMP pages, Google Analytics Tracking is disabled by default. Since you want to track AMP pages in Google Analytics and want to make some basic style changes in AMP version of your webpages. Then you can install another small plugin named Glue for Yoast SEO & AMP. This plugin is written by Yoast and work with Yoast SEO plugin. This plugin allows you to tweak some basic design, link color, AMP icon etc.
When you install and activate Glue for Yoast SEO & AMP plugin. It will add AMP menu under Yoast SEO plugin settings as shown in the screen below. You can access AMP settings by clicking it.
Under Post Types you can select, which post type you want to enable with AMP.
In Design tab, there are some style settings for AMP version of webpages.
Under Analytics tab you can paste Google Analytics tracking code in order to track AMP traffic in Google Analytics.
Traffic and user engagement is important for your website. AMP helps to prioritise your website in search results. Also, Accelerated Mobile Pages make user experience better by loading web pages instantly. Because of all these reasons, you must consider to setup Accelerated Mobile Pages on your WordPress website. I hope you will find this guide helpful to enable Accelerated Mobile Pages in WordPress? Let me know your experience. If you have a question regarding this, post it via comment section below. I will happy to answer.