Learn how you can display Code Snippets in WordPress post or page. What are the best ways to display code snippet in WordPress within a blog post. If you blog about how to guides on…
Google has introduced a new project called Accelerated Mobile Pages. Learn how to enable Accelerated Mobile Pages in WordPress. I will also discuss what Accelerated Mobile Pages are, what is AMP and why it is important for you to implement it on your website.
What are Accelerated Mobile Pages? What is AMP?
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 goes 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 same time retains all important content of webpage. This is how, AMP helps to make mobile optimized content which loads instantly.
Though web influencers have different opinions about AMP, its implementation and future. But, as Google is emphasizing on AMP by giving priority to AMP pages in mobile search ranking. Therefore, it’s a good idea to implement AMP on your website, regardless of what influences are thinking about it.
Regarding Accelerated Mobile Pages, one more question is buzzing on web that who should implement it? 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 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 listed amp pages top of the list in mobile search results. For example
<html amp> <body> <div> <p>Hello</p> </div> </body> </html>
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. http://technumero.com/internet/display-code-snippets-in-wordpress/3389/amp/
As AMP plugin by Automattic does not have settings to make any changes. Clearly, if you wish to tweak style of AMP pages you need to find another way. 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. If 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 as shown in 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.
Do you like this post? Was this guide helpful for you 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.