Google AMP: the amplified mobile
experience

Publié le 15 January 2020 par Adrien Saint

Have you noticed this carrousel of news article with this “power” sign in your SERP? And have you noticed how fast these specific pages load?

AMP stands for Accelerated Mobile Pages, and it is a new format of web pages offering a smoother browsing experience on mobile.

Speed

Here is a speed test comparing the loading times for a classic web page, and an AMP web page:

  • loading time for a classic page: 22s
  • loading time for an AMP page: 0.07s

This amazing speed is achieved by ordering chronologically the loading of essential elements first, like text, followed by pictures, videos and other heavier elements.

This way, users can start reading while the page carries on loading non essential elements. This AMP is therefore particularly useful for text based web pages such as news or research or blog articles. Building a page with AMP is said to play in favour of that page in terms of SEO.

The code

To implement AMP, start by the doctype <!DOCTYPE html> <html > or <html amp>

Also keep your <head> and <body> and include <meta charset=utf-8> as first element and also insert the following in your head:

<script async src=https://cdn.ampproject.org/v0.js></script>

<script async src=https://cdn.ampproject.org/v0.js></script>

<link rel=canonical href=$SOME_URL>

<meta name=viewport content=width=device-width,minimum-scale=1> (-> recommended)

The « AMP boilerplate code » <amp-img src=‘’ alt’’></amp-img> vs <img src=‘’ img=‘’ />

To test your code, head to https://validator.ampproject.org/

Conclusion

On all the website 14eight has developped, we see 65% of the traffic being from mobile. 65% is huge, and highlights the importance of developping with mobile users’ comfort in mind right from the start. With AMP on your text based web pages, you are sure to offer the best experience currently available in terms of speed, while at the same time, you increase your page’s ranking in Google.

restez
informés

Abonnez-vous à notre newsletter pour être certain d’avoir un autre regard sur le numérique, vu dans haut, en panoramique !