How To Get AMP’ed Up With Accelerated Mobile Pages

Some of the biggest names in the online world (i.e. Google, Twitter, and WordPress) got together in October of 2015 and came up with a pretty cool plan of attack.  It’s called Accelerated Mobile Pages or AMP, and it is due to the way smart phones and tablets are transforming digital search.  So what exactly does it mean to have an accelerated mobile page?

Pretty much just what it sounds like.   It is a concept to improve the mobile experience with faster loading pages.  At some time or another, we have all clicked off of a page that is loading to slowly, eliminating the chance for an online user to even see what a webpage has to offer.

How will being AMP’ed up affect the way Google shows the keyword phrase that is typed into search?  Well, it would make sense that pages that have the accelerated capability will be given a higher favor in the search engines. After all, Google is all about giving the user the best experience with the most relevant search results.

In Google’s own words, “We want webpages with rich content like video, animations and graphics to work alongside smart ads, and to load instantaneously. We also want the same code to work across multiple platforms and devices so that content can appear everywhere in an instant—no matter what type of phone, tablet or mobile device you’re using.”

Below is a Google Demo for how the AMP’ed mobile pages will look:

Check Out The Original Post Here:  http://ift.tt/1LyqdAp

The process for getting your website on the accelerated track is to use a new open framework built entirely out of existing web technologies, called AMP HTML. This article from SEO authority searchengineland.com explains how to obtain AMP for your website.

===============================================

How Will You AMP Your Site?

Paul Shapiro on February 24, 2016

For starters, you will have to maintain at least two versions of any article page: The original version of your article page that users will typically see, and the AMP version of that page.

Since AMP doesn’t permit things such as form elements and third-party JavaScript, you likely will not be able to have lead forms, on-page comments and some other elements you may be used to having on your page in a standard implementation. (Although there is currently a hack using iframes that provides a solution to this. Thanks to Conrad O’Connell for helping me verify the hack.)

It is also likely that you will have to rewrite your site template to accommodate the restrictions. For example, all CSS in AMP must be in-line and be less than 50KB. Due to loading-intensiveness of custom fonts, they must be loaded using a special amp-font extension, in order to better control that loading.

Multimedia must be handled specially. For example, images need to utilize the custom amp-img element and must include an explicit width and height. (When converting a legacy website to an AMP template, this can be a major pain if the width and height attributes aren’t already being used). Additionally, if your images are animated GIFs, you need to use the separate amp-anim extended component.

Like images, there is a custom tag that must be used to embed locally hosted videos via HTML5, called amp-video. For embedding YouTube video, however — which the majority of web videos are — there is a separate extended component, amp-youtube.

There is also support for things such as slideshows via amp-carousel and image lightboxes via amp-image-lightbox, as well social media embeds for Twitter, Instagram, Facebook, Pinterest and Vine via their own extended components.

Original Article Posted Here:  http://ift.tt/1XMzfvx

================================================

Are you wondering just how fast an AMP’ed page is? It is said to load 4 times faster than before.  In a Copyblogger article written by Demian Farnworth, it describes it like this:

================================================

What Does Google AMP Mean For You?

Jon Parise, software engineer at Pinterest, said, “Accelerated Mobile Pages load four times faster and use eight times less data than traditional mobile-optimized pages.”

Four times faster is good! But what does that mean for you, our friendly subway commuter trying to download a web page on his mobile phone?

According to NiemanLab, an AMP optimized New York Times article fully downloaded on mobile in 2.99 seconds. For a comparison, in a test in Chrome on a fast iMac, the desktop version of that page took 3.82 seconds (the mobile version was faster).

In other words, blink your eye twice and you, our subway commuter, can start reading the useful part of the content almost instantly, thanks to AMP.

Read the Whole Post Here: http://goo.gl/AWWbQa

================================================

With all of the constant updates on Google, it is probably a pretty critical factor to get your site AMP ready. Any top online marketing agency should be able to help you with this. If you’re curious, you can check out our site on a mobile device to see that S&S Pro Services’ website is AMP equipped. 

 

 

How To Get AMP’ed Up With Accelerated Mobile Pages is available on SS Pro Services

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s