What is Google’s AMP? Guide to Accelerated Mobile Pages
For past few days, we have been seeing articles and discussions about Google’s new AMP project. If you still have confusion, this article will try to explain things in simple way to make it easy to understand. Google’s AMP project basically aims to make mobile experience better and hence it wants developers to take care of speed of web pages on mobile devices. AMP specifies set of technologies to create fast web pages. These web pages will appear in different format in search results and will load much faster than other mobile pages.
This is what Google says about AMP.
““The Accelerated Mobile Pages (AMP) Project is an open source initiative that embodies the vision that publishers can create mobile optimized content once and have it load instantly everywhere.””
Watch this video before you read more about AMP
What is Google’s AMP Project
AMP has been segmented into three parts:
- AMP HTML – HTML page with custom AMP properties.
- AMP JS – AMP JS library stores JS resources. It manages resource loading and gives you the custom tags mentioned above, to ensure a fast rendering of your page.
- Google AMP Cache– AMP CDN is a proxy-based CDN to deliver AMP documents.
How do Accelerated Mobile Pages work?
AMP or Accelerated Mobile Pages are similar to other HTML pages but with limited set of functions to focus on just content. Allowed technical functions are defined and governed by the open source AMP spec.
It appears as cards results above the original search results. It helps publishers use rich media like carousels, maps data visualizations and videos. See the snapshot below.
It is worth to mention that you must know little coding if you want to start using AMP. For WordPress users, I suggest to wait for few more months to get a working Plugin.
This project is open to all and any one can take advantage of it.
How to start with AMP
It is worth to mention that you must know little coding if you want to start using AMP. For WordPress users, WordPress.com has already announced to integrate the AMP framework. We can also expect native support in self-hosted WordPress build. If this happens, it will benifit millions of WordPress users. You can use this available AMP plugin to take benifit of AMP.
If you want to learn how to use AMP, you should read this page for AMP tutorials. In this guide, you will learn how to start and code for AMP. You can also test AMP pages before finalising it to see if you are doing everything right.
How to make your AMP pages discoverable?
You have learnt how to create AMP pages and now how to make it discoverable by Google. There is a new rel attribute for it. You will have to use rel=“amphtml” for this. This will be present in your standard page to point the AMP version of the page.
Add the following to the non-AMP page to let Google know the AMP version of the current page.
<link rel="amphtml" href="https://www.example.com/url/to/amp/document.html" />
And this to the AMP page to let Google know the original page.
<link rel="canonical" href="https://www.example.com/url/to/full/document.html" />
Will AMP affect advertising?
Yes, it will. AMP is for lightning fast mobile pages. So, you will not be able to integrate irritating and low ads. But you can always monetize your website with optimized ad inventory.