Month: January 2018

An overview of Google accelerated mobile pages

An overview of Google accelerated mobile pages

Google algorithms of search engine ranking keeps updating at a rapid pace. This means the way google treats our pages for ranking also keeps changing. In recent times we have seen google giving more importance to mobile first websites. This in common terms means that websites having optimised mobile pages will stand a better chance in the ranking (obviously with due attention given to the usefulness of the content).

An addition to this mobile first initiative is the Google accelerated mobile page concept.

What is Accelerated Mobile pages?

Accelerated Mobile pages or AMP as it called, are minimal versions of the mobile web pages. These pages have pure article content with all the clutter of a normal webpage removed. The concept of AMP is only for mobile pages and only recognised by google search engine.

Why Accelerated Mobile pages?

The concept was introduced due to the fact that mobile web pages need to be light and quick to load even in cases of not so great mobile internet connections. The core purpose of having a mobile web page is getting information on the go. If the website dumps in a lot of non information stuff like flashy animations, heavy images, heavy JavaScript etc, then it kind of shifts from the basic purpose of a mobile web page in the first place. This is primarily the reason of introducing the concept of AMP by google.

What makes a page AMP compliant?

The amp compliant mobile pages have a different markup as compared to the traditional html pages. These help the search engines identify whether a page is amp compliant or not. You can find a list of all these markups and the way for writing an amp page here

You can validate your webpage for amp compliance through a wide range of validators available. Google webmaster tools has an inbuilt validator as well.

AMP checklist

I am putting down a quick checklist that you need to keep in mind while building an AMP page:

  1. Use amp compliant tags
  2. You cannot have external JavaScript files included like you normally do using the script tag. You need to load it using the google CDN. Try to avoid adding an external JavaScript file as much as possible for the sake of simplicity and keeping the page light
  3. The css should be either inline or internal. Loading external css files is not allowed.
  4. The main mobile webpage will have an amphtml meta tag pointing to the amp url of the mobile webpage. The amp version will have a canonical meta tag pointing to the main mobile version of the webpage
  5. You cannot have the normal adsense ads or any other types of ads as you would use it on normal sites. These also need to be modified for amp. There is a google adsense amp version available which you can use. Also there is an amp version of google double click ads. These two can be used for adding any kinds of ads on the amp pages
  6. For placing any kinds of widgets you can make use of amp iframes

Hope this article gave you a quick overview of what AMP is all about. Do leave your feedback in the comment section below.