How Accelerated Mobile Pages (AMPs) help with your SEO
It is an ever growing mobile world. We want information available now and we certainly do not want to wait for it, especially on mobile. But that is not all, we want that content to be displayed in a readable version to give us a great user experience.
How do we know this?
It all comes down to the data. According to StatCounter, 51.3% of all web visits in October 2016 were from mobile devices.
“This should be a wakeup call especially for small businesses, sole traders and professionals to make sure that their websites are mobile friendly. Many older websites are not,” commented Aodhan Cullen, CEO, StatCounter.
Now that we know the stats, what can we do about it?
The first step would be to make sure your website loads quickly and has a great user experience. You can test your website on mobile at WebPageTest and you are looking to bring this under 3 seconds for a quick site.
After you test that out, you are going to want to know about AMP’s which are Accelerated Mobile Pages. Which is what we are going to speak about today and make sure you are optimised for AMP so that you can rank higher and provide a better experience for your end user.
What is AMP?
Accelerated Mobile Pages (AMPs) are now the standard for quickly loading mobile pages and how all websites should be built from a mobile perspective. AMPs load much faster that your standard mobile page but maintain the functionality.
It’s basically a HTML page that has been designed to be pre rendered and designed purely for fast loading.
The AMP Project have a tonne of information on AMPs with the latest support and information available to read and get familiar with.
The following video by them really sums up AMPs so you can get a great understanding of them.
How does it impact Search Engine Results?
Good question and the answer is it will only come up in mobile searches. But that is self-explanatory, with Mobile in the heading, we know this is directed to mobile only. But it’s going to be different on mobile because the pages with AMP will get some preferential Search Engine Optimisation (SEO) treatment. It’s not purely because of the AMP but because of the speed that it loads. But that is what AMP is all about. Making those mobile pages super quick.
Here is how it will look on mobile:
Now that you know what it looks like and you know the impact it will have on your pages, here is how you can implement AMPs for your website. Disclaimer, we have written this for WordPress, because it’s our favourite platform for SEO and customisation.
Step 1: Plugins for AMP
The first step is to get the AMP plugin by Automattic, which you will need to begin. You need this plugin for AMP to work on your WordPress site:
This plugin will generate the AMP compatible versions of all your posts automatically.
After you have installed the AMP plugin you can start to add on top of this. We love Yoast for all things SEO which is why we use
Next to the technical SEO improvements, the Yoast SEO: AMP Glue plugin also provides a simple way to customize your AMP pages.
It adds rudimental styling in the form of colours and link styles, so your AMP pages can maintain the feeling your main pages have.
Step 2 Validate
The next step is validating your AMP pages, which is very simple.
Place your URL in the search area and Run the Test. You want to see the Valid AMP Page
Step 3: Submit for indexation
Once you are validated and tested, you want to submit this to google for indexation.
Step 4: Test page speed
Once you’ve completed the above you need to test out what you have done. To do this, got to WebPageTest and compare the results of what you ran before and your new AMP.
We hope you have found this helpful. If you want some work done on speed for your website or AMP, please don’t hesitate to speak to one of our team. We love helping, mainly because we love the high five that comes at the end after you start winning.