Search rank penalisations over mobile requirements are about as fun as a trip to the dentist; learn what AMP is, and why it’s the next big Google hoop to jump through.
Roundup: Everything SEO about AMP (Accelerated Mobile Pages)
What is AMP?
AMP or Accelerated Mobile Pages project is a new update Google has just rolled out in an effort to render pages faster by taking out many components of normal web pages and leaving only the important content.
It is composed of three individual components which are:
AMP HTML – documents are written in HTML including tags specifically needed for optimal mobile performance.
Manages resource loading and prioritization
Implements AMP components
Includes a runtime validator for AMP HTML
AMP cache – AMP documents can be served from this special cache to optimize the document even more.
The AMP project was launched to allow content-rich sites around the world to have their content viewed on mobile phones significantly faster as a way of retaining readers and providing the opportunity to earn revenue through advertising and subscriptions.
AMP’s main purpose is to provide users with extremely fast loading mobile web pages which puts further emphasis on page load time as an important Google ranking signal.
John Parise, software engineer at Pinterest says that in comparison to mobile-optimized pages, Accelerated Mobile Pages load four times faster and use eight times less data.
How does AMP work?
The project works through a subset of HTML called AMP HTML which allows websites to build lightweight pages by only creating reading content instead of anything interactive.
The AMP HTML is able to tell a document to render itself but only as far as what is visible above the fold and only elements that are not CPU-intensive.
Because AMP documents are designed to be pre-renderable, the user will be able to view the content right away by the time they click on a link on a page.
6 Guides to Help You Set Up AMP
We’ve compiled a list of 6 of the best AMP resources on the web to get you up and running in no time at all;
Turn Your AMP Up to 11 – Smashing Magazine has once again created another deeply informative guide about Advanced Mobile Pages. I also recommend checking out their hard copy books, too.
The Fun and User-Friendly Guide to Accelerated Mobile Pages – for non-developers who don’t understand coding jargon, this guide explains AMP the fun and easy way.
AMP HTML Specification – learn AMP’s unique set of HTML specifications before you begin to convert your site pages into AMP HTML documents.
How to Get Started with Accelerated Mobile Pages – Paul Shapiro gives us an extensive discussion of how AMP works and explains how you can set up AMP in WordPress.
Setting up WordPress for AMP: Accelerated Mobile Pages –This post explains how AMP works with Yoast SEO and how you can smoothly integrate it in your WordPress site.
AMP HTML examples – get a feel of how AMP HTML looks like by going over these examples from Github.