How does it work?
AMP uses a combination of AMP HTML, AMP JS and AMP CDN (Content Delivery Network). AMP HTML is a slimmed-down form of HTML, which contains extensions to build content that’s a little richer and restrictions to bring better page performance than basic HTML could offer.
The AMP JS library allows for the fast rendering of AMP HTML pages and the AMP CDN is an optional system that optimises the performance through caching pages.
What makes AMP so fast?
It forces coders to use best practices and the AMP JS library, which is optimised for fast delivery. Images, for example, are not loaded until they scroll into view with AMP JS and AMP CDN cache pages to do away with multiple loads of the same page.
The impact on search engine rankings
The AMP system also has an impact on how your site appears in the search rankings – boosting the user experience to make it easier to scroll between the rankings to find the page you want. On the search engine results page for a mobile device, a user can click through a list of AMP-compliant websites.
The content loads almost instantaneously as Google pre-renders the content above the fold for AMP listings. When a user clicks on a site, a persistent blue bar appears at the top of the page, with a call to action to return to the search results page.
Click on the whiteboard image below to open a high resolution version in a new tab!
Mobile friendly sites already achieve better search engine rankings than their non-friendly counterparts so it follows that AMPs will get a serious search engine ranking boost. AMP sites are also highlighted with a small green lightning bolt, which further entices users to click on that site.
To learn more about mobile friendly websites and having better search engine rankings, head on over to our blog post about Google’s mobile friendly algorithm update found here https://www.baldwindigital.ie/google-mobilegeddon-whats-happening-two-months-on.
If you have a website that isn’t mobile friendly, we provide a responsive web design service. Speak to us today and have your website optimised for all devices including smartphones and tablets. This will provide a better user experience and boost in search engine rankings!
How do I get started with AMP in WordPress?
There are many different ways to implement the AMP system for your site – but the easiest way is to use it with an official WordPress plugin that has been developed by Automattic and WordPress. The plugin is frequently updated on GitHub and it just involves a few simple steps to get it up and running.
All you need to do is install the plugin, tweak your site to activate the AMP initiative, validate it with some schema markup and optimise it to work with Google Analytics. Yoast, also provides a setup guide that helps you setup AMP correctly https://yoast.com/setting-up-wordpress-for-amp-accelerated-mobile-pages
The AMP project is quickly gathering pace and Google started highlighting AMP-enabled pages in its mobile search results last month. It’s a much-needed initiative to bring the mobile web up-to-date with the rest of the online world in terms of speed and performance.
The initiative from Google is very much expecting marketers to conform to its own vision of what a better mobile web is in order to reap the rewards in terms of higher search rankings. But this is no bad thing.
The enhanced user experience and improved loading speeds, combined with new search features of AMPs, makes the initiative a worthwhile move, and a relatively painless one to implement.