Blog Blue Media Consulting
Mobile

Accelerated Mobile Pages Startup Guide

Posted

This post is a comprehensive guide to Accelerated Mobile Page from Google. AMP is a project google launched in an effort to make mobile websites load faster in mobile devices. It uses a different web code and framework than the typical web development environment (plain html, php and the like).

The advantage of using a AMP-mobile site is that Google is now taking this type of site format as a priority version ranks your site higher on Google mobiles searches, which is more than 70% of google searches now a days. Within a short time, most websites will have to comply with AMP standards in order to compete.

This Guide is broken down as follows:

  • What is AMP?
  • How to get started with Accelerated Mobile Pages
  • How can Google Search Console help you AMPlify your site?
  • How to best evaluate issues with your Accelerated Mobile Pages
  • How to setup AMP on WordPress

 

What is AMP?

Users today expect mobile websites to load super fast. The reality is that it can often take several seconds. It is no surprise that 40% of people abandon a website that takes more than 3 seconds to load. To reduce the time content takes to get to a user’s mobile device we started working on the Accelerated Mobile Pages Project, an open source initiative to improve the mobile web experience for everyone.

Accelerated Mobile Pages are HTML pages that take advantage of various technical approaches to prioritize speed and a faster experience for users by loading content almost instantaneously.

Later this year, all types of sites that create AMP pages will have expanded exposure across the entire Google Mobile Search results page, like e-commerce, entertainment, travel, recipe sites and many more. Visit the “Who” page on AMPProject.org for a flavour of some of the sites already creating AMP content and try the demo at (g.co/ampdemo) to see AMP versions of pages labeled with The AMP Logo.

In advance of AMP expanding in Google Search, over the next few weeks we’ll be posting pointers to help you #AMPlify your site. Follow along with the #AMPlify hashtag on G+ and Twitter.

 

How to get started with Accelerated Mobile Pages

Interested in Accelerated Mobile Pages but not sure how to get started? AMPlifying your site for lightning speed might be easier than you think.

If you use a Content Management System (CMS) like WordPress, Drupal, or Hatena, getting set up on AMP is as simple as installing and activating a plug-in. Each CMS has a slightly different approach to AMPlifying pages, so it’s worth checking with your provider on how to get started.

On the other hand, if your site uses custom HTML, or you want to learn how AMP works under the hood, then check out the AMP Codelab for a guided, hands-on coding experience designed to take you through the process of developing your first pages. The Codelab covers the fundamentals:

  • How AMP improves the user experience of the mobile web
  • The foundations of an AMP page
  • AMP limitations
  • How AMP web components solve common problems
  • How to validate your AMP pages
  • How to prepare your AMP pages for Google Search

Once you are done with the basics, why not geek out with the Advanced Concepts Codelab?

Have you tried the Codelabs or added an AMP plugin to your site? Share your feedback in the comments below or on our Google Webmasters Google+ page. Or as usual, if you have any questions or need help, feel free to post in our Webmasters Help Forum.

 

Total Page Visits: 15826 - Today Page Visits: 1

Leave a Reply

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