Accelerated Mobile Pages (AMP) are lightweight pages designed to give mobile users a lightning-fast experience that is easier to read and more engaging. Google gives preference to AMP.
If you are in the process of developing a new website, you may enter into a debate as to whether it is worth the time and effort invested in creating an AMP page.
AMP is a web framework that integrates across a range of Google products. Whilst AMP is not a search engine optimisation ranking factor, speed is a factor, and AMP delivers a fast, reliable web experience.
Or, if you currently have a website generating AMP version of pages, then you may want to measure the impact AMP has on your user experience and website visibility.
What is AMP?
AMP is a Google-backed project to speed up the delivery of content through the use of stripped-down code known as AMP HTML. Put simply, AMP is a way to build web pages for static content (pages that don’t change based on user behaviour), that allows the pages to load (and pre-render in Google search) much faster than regular HTML.
AMP has been rolled out in response to projects such as Facebook Instant Articles, in which Facebook can host and render publishers content directly within their news feed, meaning the process of viewing a piece of content is much quicker than opening the equivalent web page in a mobile browser.
Facebook’s Instant Article technology is what’s known as closed, thus the technology used to display Instant Articles is specific to only their platform. The AMP project uses an open-source framework, meaning that it can be used by a whole host of other companies to serve content that’s been built using AMP HTML, including platforms such as Twitter, Pinterest and Google search, which is big news for content publishers.
How will AMP be used?
Google will be using AMP to quickly serve content on mobile devices without users having to click through to a website to view the content. You can view a demo of AMP within Google’s search results here if you’re reading this article on a mobile device.
Pages that have a valid AMP version will be served within the mobile results as a carousel above the rest of the results for a particular topic.
For example, the top stories section of Google’s results in the example above displays AMP versions of ‘mars’ related news stories, above both the news and regular results for that query. This is a huge opportunity for publishers who have created AMP versions of their content to outrank those who are slow to adopt AMP.
Examples of AMP
Publishers who choose to create AMP versions of their content will still need a regular desktop version of those pages. For example, if you have an AMP version of a particular page, you would need to mark it with a rel AMP HTML link on your desktop page, which would point Google in the direction of your AMP HTML page. So, publishers that choose to adopt AMP would end up with a page on their domain constructed of AMP HTML, as well as a regular HTML version of the page.
The Guardian has already rolled out AMP versions of every news story on their site, which you can view by adding /amp to the end of any news story on the Guardian website, such as this article which is hosted on the Guardian domain. To further increase the speed in which a piece of content can be viewed, AMP content that will soon show up in Google’s search results will typically be a cached version of an article hosted on gstatic.com, not the domain of the publisher in question.
Measuring the impact of AMP on search visibility
If you are creating AMP pages on your site, there are two ways to measure the impact it is having on your search visibility.
Google Search Console will report your AMP pages surfacing in the Google Discover results.
You can use your Google Analytics data to measure the behaviour of users interacting with your AMP pages. Google has written a guide here.
Limitations of AMP
AMP HTML is designed to improve both the speed and readability of content, meaning the code used is heavily stripped down. Thus, there are some visual limitations to this approach, which are as follows:
- No JavaScript will be allowed other than an off-the-shelf AMP library
- Images will only load when you scroll down to them (lazy load functionality)
- A streamlined version of your CSS will be required
You can read more about the technical requirements for AMP HTML here.
What can I do to prepare?
If you’re a regular blogger using a CMS such as WordPress, then you’ll want AMP to be an integral part of your publishing strategy in the future. Essentially, to increase your visibility in Google’s mobile results, you’ll need to create AMP versions of your content. WordPress already have an AMP plugin available, which can dynamically generate AMP-compatible versions of the posts on a WordPress site.
If you’re a publisher using another CMS, or considering building a custom CMS, then you should certainly consider incorporating AMP functionality into your site as soon as possible.
Why should I care about AMP?
If users are coming to your site primarily to read content from your blog/news section, then this is a clear opportunity for you to get a head start in Google’s mobile results by creating AMP versions of your content before Google incorporates AMP into their results this February.
For example, let’s imagine 3 different sites are serving 3 how-to guides on the same topic, and only one of the sites is serving an AMP version of that content. In cases like this, it appears that the AMP version would appear above the regular results.
Further articles for your ecommerce success are here.