How To Convert Your Mobile WordPress Site Into Complete Amp Website
AMP – Accelerated Mobile Pages
Accelerated Mobile Pages (AMP) are set to roll out within Google’s mobile search results in February 2016. Here we explain what AMP is, how it will impact Google’s results, and look at what you should be doing in preparation.
What is AMP?
AMP is a Google-backed project with the aim of speeding 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-sourceframework, 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 abovethe rest of the results for a particular topic.
For example, the top stories section of Google’s results on the example above displays AMP versions of ‘mars’ related news stories, above both the news and regular results for that query. This is clearly 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.
How to install AMP on your WordPress website:
- Download the plugin : AMPforWP
- Install the plugin to your website. (You can also go into plugins and search for it)
- Setup with instructions.
- Clear your cache from your plugin.
- For more info you can also visit the AMPforWP website.