Why AMP?

The AMP-technology has been introduced in October 2015. What has been discovered since then? Does it really work and how? What are its pros and cons? Does it really make our surfing experience faster? Let’s try to find it out.

Why AMP | AltSolution Blog

WHAT IS AMP?
AMP (Accelerated Mobile Pages) technology was conceived to render static content faster. It means that the page is loading instantly.

It’s about speed and readability. As a result,

  • low bounce rate,
  • high page depth and
  • a satisfied reader who consumes more of your content.

And what about search results? Yes, AMP-valid pages are showing above the regular (non-AMP) links.

HOW?

There are 3 components that help to make it happen:
• AMP HTML (extended HTML with some new AMP properties)
• AMP JS (the optimization of all JS and CSS elements, as well as, sandboxing of all iframes)
• AMP Cache (the selection of AMP pages that fetch and caching them).

AMP HTML. On this stage the regular HTML tags and attributes are being replaced by AMP-equivalents which make the process more performant.

AMP JS makes the elements from the external resources optimized without blocking on the page loaded.

AMP Cache makes the delivery process of all the AMP-pages accurate and fast. Due to the previous validation of them and caching.

 

HOW THE PAGE CAN BE AMP-ed?
A page can be adapted manually. Some of HTML tags should be replaced, f.i.: instead of <img> one should use <amp-img>. And to make a fully responsive image one should add layout=”responsive”.

img or amp img

Read more — AMP HTML Specification

Contribute — GitHub

Automatically adaptation into AMP-format can be done with the help of plugins (see below).

 

HOW TO TEST AND VALIDATE?

We should inform Google Search of the existence of AMP and non-AMP version of the page (if the content coincides), using <link> tag.

0326a-clip-18kb

The validation can be done with the help of Google Search Console

Google Search Console. AMP validation | AltSolution.net

or AMP Project Validator 

d1a80-clip-70kb

AltSolution Lifehack

In order to solve the problem of validation, use Google Chrome extension, which works more accurately without additional tabs opening.

e8d11-clip-75kb

FORCE TO INDEX FASTER. 

To speed up the indexing process you can use Google Search Console.

Use ‘Fetch as Google’ and ‘Request indexing’ options.

Fetch Google and Request Indexing | AltSoluution.net

 

MANUALLY OR AUTO?

It is not obligatory to adapt your pages into AMP-format manually. You can if you like. But in case you don’t, there are a number of AMP plugins that relieve the user from such a pain.

For WordPress use AMP WordPress plugin.

For Magento — AMP Magento plugin.

For Drupal — AMP Drupal plugin.

 

IF IT’S A SELF-MADE PHP?

info

 

You can request a follow-up revision.

Drop us a line! We will help you to develop an AMP-module for your website.