Mobile Optimization

Google's Accelerated Mobile Pages Project: What it Means for Your Website & Your Google Ranking

JannelleChemko
ByJannelleChemko

For many, reading on the mobile web is a slow, clunky and frustrating experience – but it doesn’t have to be that way. The Accelerated Mobile Pages (AMP) Project is an open source initiative that embodies the vision that publishers can create mobile optimized content once and have it load instantly everywhere.

Last fall, on the heels of Mobilegeddon, Google introduced their Accelerated Mobile Pages (AMP) project, which was motivated by the fact that smartphones and tablets are now the primary ways in which the world accesses information and news.

We’ve all been there: we try to access a website or page on our mobile, phone, and it takes forever to load. Every time this happens, that website loses a potential reader, as that reader becomes frustrated or impatient, and closes the page or moves on to a different topic or source option. When this happens, the original publisher loses potential ad, subscription, or ecommerce revenue, because the reader leaves the page before it’s even able to load.

Google_AMP.png

The Google AMP project aims to dramatically improve the performance of websites on mobile devices, especially those with rich content like videos and graphics. They want all mobile content to load simulateously — no matter the site content, and no matter the phone, table tor mobile device. The project wil rely upon AMP HTML, which is an open framework that has been built out of pre-existing online and web technology, and will help websites to build newer, light-weight, responsive and quick-loading webpages.

AMP HTML is basically HTML extended with custom AMP properties. The simplest AMP HTML file looks like this:

<!doctype html><html > <head>   <meta charset="utf-8">   <link rel="canonical" href="hello-world.html">   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">   <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>   <script async src="https://cdn.ampproject.org/v0.js"></script> </head> <body>Hello World!</body></html>

Though most tags in an AMP HTML page are regular HTML tags, some HTML tags are replaced with AMP-specific tags (see also HTML Tags in the AMP spec). These custom elements, called AMP HTML components, make common patterns easy to implement in a performant way.

For example, the amp-img tag provides full srcset support even in browsers that don’t support it yet. Learn how to create your first AMP HTML page.

Google has stated that a webpage built on this basic HTML can load anywhere from 15 – 85% faster than the non-AMP version of the same page.

So, what does AMP mean for your website? And more importantly, for your rank on the Google SERPs?

AMP is not a direct factor in search engine rankings, and websites that switch to AMP won’t see an immediate spike in search ranking (as, according to Richard Gringas at Google, there are many other search engine signals that need to be optimized as well, in conjunction with it). However, speed is still a determining factor in SEO, so if you and a competitor site were at level playing fields on every other factor, the site with the faster load time would end up ranking higher. Which basically means that even if you mastered the art of SEO in every other aspect, without AMP, you might still rank lower than competitors due to Google punishing slow-loading websites in their SERPs.

What about Ads?

In order to “make the world great by connecting people to content instantly”, advertisements have to also work on the new AMP platform as well. in addition to ensure AMP works well with publisher business models of today, Google also wants to ensure they leave room for “bold innovation” in the future as well.

In the interim, they want to ensure that ad formats, features and reporting still work within the AMP environment. They have set out four key principles to guide the development work on ads in AMP:

  1. Speed. Ads in AMP need to be as quick as the AMP documents themselves.
  2. Ads need to be beautiful and innovative
  3. Ads need to be secure, so HTTPS protocol is mandatory.
  4. Industry participation is required to ensure broad support

In short, Google thinks adhering to these four principles will help to unlock the advertising industry’s next $50 billion in revenue…and don’t you want a piece of that advertising pie?!

AMP is the Future

Google’s AMP vision is to “make the mobile world great by connecting people to content instantly”. And the amount of time and resources they have put into documenting and promoting the approach will only help marketers and IT divisions view AMP as the “new mobile standard” going forward. 

About the Author

JannelleChemko

JannelleChemko

Numbers Ninja & Digital Dynamo
Jannelle Chemko has been working in Operations and Accounting since 2007. After earning a Bachelor’s Degree in English, she is now in the midst of her CGA designation.

As strange as it sounds, Jannelle is a numbers and a letters guru: in addition to extensive full-cycle accounting experience in the technology and retail industries, Jannelle is also passionate about writing. In between crunching numbers and building excel reports, she researches, creates content, and keeps up to date with digital trends.

When she’s not working to meet school and month-end deadlines, you can find Jannelle outside walking her dog, and enjoying the beautiful Vancouver air.
Follow Me On: Facebook

You may also like...

By continuing to browse or by clicking “Accept” you agree to the storing of first- and third-party cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts.
Cookie policy | Privacy Policy

Privacy Preference Center

Close

Your Privacy

Umami Marketing Inc. appreciates your interest in its products and your visit to this website and respects the privacy and the integrity of any information that you provide us as a user of this Site. The protection of your privacy in the processing of your personal data is an important concern to which we pay special attention during our business processes.

Privacy Policy

Required
Personal data collected during visits to our websites are processed by us according to the legal provisions valid for the countries in which the websites are maintained. Our data protection policy is also based on the data protection policy applicable to Umami Marketing Inc. Read more

Cookie Policy

Required
Umami Marketing uses cookies and similar technologies, such as HTML5 web storage and local shared objects (all referred to as ‘cookies’ below), to record the preferences of users and optimize the design of its websites. They make navigation easier and increase the user-friendliness of a website. Read more

Essential cookies

These cookies are essential for websites and their features to work properly. Without these cookies, services such as the vehicle configurator may be disabled.

Cookies used

  • WordPress Required

Performance Cookies

These cookies collect information about how you use websites. Performance cookies help us, for example, to identify especially popular areas of our website. In this way, we can adapt the content of our websites more specifically to your needs and thereby improve what we offer you. These cookies do not collect personal data. Further details on how the information is collected and analyzed can be found in the section ‘Analysis of usage data’.

Cookies used

Third-party cookies

These cookies are installed by third parties, e.g. social networks. Their main purpose is to integrate social media content on our site, such as social plugins.

Third-party cookies