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.

  AMP runtime – is implemented in JavaScript and initiates by including it in the AMP document. AMP runtime has three primary functions:

  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.

Why AMP?

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.

One thought on “Everything you Need to Know about AMP (Accelerated Mobile Pages)


  1. Hi Eden,

    Nice summary of AMP. Guides you linked to were often published when AMP was released last year, and much has changed since then. Specifically, more advanced AMP WordPress plugins are available now, including ours at https://www.weeblrpress.com/weeblramp.

    With such plugin, WordPress AMP pages can automatically have live commenting, any kind of forms (with CF7 and Gravity), WooCommerce add to cart, Analytics or Tag Manager, schema.org structured data, etc

    Worth revisiting!

    Cheers

Leave a Reply

Your email address will not be published. Required fields are marked *

Sign up to our newsletter!


© 2016 Copyrise Content Marketing SEO | All rights reserved.

This site uses cookies: By browsing this website you agree to our privacy policy. Sitemap