Monday 4 June 2018

Why Businesses Can’t Ignore Google AMP Stories

The Accelerated Mobile Pages (AMP) project was launched by Google in February of 2016 with the goal of putting mobile performance above everything else on the web.

And Google definitely met their goal.

AMP powers more than two billion mobile pages and 900,000 different domains. Pages with AMP now load twice as fast as pages without added AMP elements.

If you think you can ignore AMP, you’re wrong. AMP has some pretty awesome features and benefits that can take your content creation efforts to the next level.

If you don’t take the time to understand or use AMP stories, you’re missing out.

Here’s why businesses can’t afford to ignore them.

But first, let’s analyze what AMP stories truly are.

What are AMP Stories?

Google’s AMP stories features allow publishers to create content that is very similar to Instagram stories, designed with mobile websites in mind.

But the content created with AMP doesn’t get added to an app. Instead, it’s placed right in search results pages.

AMP is an open-source project that was created in response to the fact that mobile users now spend more time on apps than in websites.

77% of their time, to be exact, according to Statista data.

mobile users spend most time on top three apps

With AMP, content loads extremely fast, which helps keep mobile users on those pages and off of their apps.

Instead of regular search engine results, users receive a swipeable story that’s easy to navigate. The UX is somewhat similar to the popular dating app, Tinder.

swiping through cnn AMP stories from Google

AMP partners include CNN, Mic, Wired, The Washington Post, Mashable, and People.

AMP partners

Beyond loading at lightning fast speeds, AMP Stories can also be shared in the same way news articles are shared.

Here’s a breakdown of how they work.

How Accelerated Mobile Pages Work

Today, JavaScript can be used on almost any web page to modify any portion of it.

But it also slows the loading and rendering of pages. And since page speed is so important (we’ll talk more about that later), that’s something you want to avoid.

AMP only allows for asynchronous JavaScript to run on pages, meaning that the JavaScript code won’t block any other code present on your site.

asynchronous javascript on AMP

JavaScript written by the webmaster is forbidden on AMP stories, and interactive pages must only contain custom AMP elements.

Custom elements can consist of JavaScript at their core, but they must be specifically designed to make sure that they don’t cause any restrictions on the overall performance of a page.

Third-party JavaScript is also allowed with AMP, but it cannot block page rendering.

AMP also does not allow for any kind of extension mechanisms to block page rendering, but it can be used for Instagram embeds, tweets, or lightboxes.

Because of this, users can swipe through mobile-optimized content on AMP pages without all of the unnecessary distractions.

AMP vs non-AMP story

As you can already tell, there are a lot of reasons why AMP stories are growing fast.

Why Should You Use AMP Stories?

Some of your competition is probably consistently using AMP.

If you aren’t, you might as well be accepting defeat.

On the other hand, if you start using AMP protocols before your competitors, you’ll differentiate yourself as a frontrunner in your industry.

Why? Because AMP features can help you tell stories, and storytelling is powerful.

Storytelling is Powerful

Everyone loves a good story.

At least 100,500 digital words are consumed by the average U.S. citizen in one day, while 92% of consumers want to view and read ads that feel like stories.

amount of words americans consume

There is some evidence out there that suggests that people view AMP stories much longer than they view traditional alternatives.

This could be because faster loading times make it easier to view more content for a longer period of time.

AMP lets you tell stories in a powerful, fast, unique way. And when you tell a good story well, you’ll be able to reach your audience effectively.

Speak to your readers’ needs, give each piece an interesting arc, and don’t forget to add in all of the hard data needed to prove your point.

Page speed plays a huge role in AMPs success, too.

Page Speed is Important

Site speed is important. Pages that take a long time to load can kill your conversions. If your site takes a while to load, you’ll rack up less and less conversions.

conversion rates and load time

Luckily, AMP pages load about twice as fast as regular mobile pages.

AMP pages load faster

With such quick loading times, customers will be able to get to your content faster than ever before.

This is great news, since the probability of a bounce increases by 32% if a mobile page takes as long as three seconds to load.

If it takes five seconds, the probability of a bounce increases by 90%.

Because of the quick loading times provided by AMP, users will be more likely to go ahead and buy from you.

When they know they can interact with your brand without any friction or wait time, they’ll be willing to trust you with their money.

To make the case for AMP even stronger, Google tends to give faster loading mobile pages special treatment and better rankings.

Take advantage of the creative design features offered by AMP to keep viewers engaged and intrigued.

Take Advantage of Creative Design

In case you didn’t already know, design is important. And AMP pages let you add in creative elements that take your content to the next level.

Don’t be afraid to add forms, buttons, videos, images, shopping options, or links to your AMP stories.

Your site will look much more sleek and functional, giving you tons of opportunities to attract, engage, and hold your viewers’ attention.

AMP on google and the layout of AMP

AMP can give your site the SEO boost it needs.

AMP Helps SEO

AMPs give your site a huge visibility boost.

As of right now, a page with AMP protocols won’t increase your site’s page authority or domain authority.

That being said, it does give the page a chance to be featured in the AMP carousel that appears above traditional Google search results.

AMP carousel

This means that if your site shows up in the carousel, it will appear before the number one placement.

It doesn’t get any better than placing before the number one spot, does it?

This can give you the big boost in organic search results that you need, bringing more traffic to your site than ever before.

Next, let’s break down all of the moving parts that make AMPs so great.

Introducing the AMP Story Features

Traditional AMP content relies solely on text, but the new and improved format includes videos, animation, and images to give users a full experience.

For publishers, you can:

  • Embed your stories across apps and websites
  • Access stories via both desktop and mobile
  • Tell stories without needing to have a ton of technical knowledge

The best part? AMPs are free for everyone to try.

Let’s examine all of the parts involved in completing an AMP story.

Parts of an AMP story

Before you can create your first AMP story, you have to master all of its components.

Every story is structured with individual pages. Each page consists of individual layers that are made up of a combination of HTML code and AMP elements.

Here’s how the components will look when added to your code:

Story = amp-story
Page = amp-story-page
Layers = amp-story-grid-layer

When added to a page, the code might look something like this:

AMP story code

The story component contains your entire AMP story, while the page component contains each specific page that exists within your story.

The layers component contains all of the elements that are present on a page.

Here are some examples of a few AMP stories.

Examples of Google AMP Stories

It’s no secret that Google will link to AMP versions of web pages over traditional ones any time that they’re available because Google prefers them.

Because of this, every AMP partner has used the feature of the service to suit their strengths.

The most commonly known AMP adapters were news organizations since they could use AMPs to get information out quickly and effectively to searchers.

Here are examples of how CNN has utilized AMP stories to share and amplify breaking news:

CNN AMP stories

Some publishers have even written AMP stories over the exact same kinds of content (with the same cover photo):

same content on AMP

But AMPs aren’t just for news sites. You can turn your long-form content into an AMP if you want to. And you should.

What are people saying about AMP, overall?

What People Are Saying About It

AMP Product Manager Rudy Galfi recently told AdWeek that AMP stories “should make for a really engaging ad format.”

But what does everyone else seem to think about publishing content with AMP?

Econsultancy writer Stuart Shaw says that while AMP pages require some maintenance, the payoff and exposure that they provide is well worth it.

In an April 2018 post, he wrote:

“Sure, all you’ve done is improve things for your mobile users – and only on the few scant pages that you’ve implemented AMP on…But optimization isn’t about making things perfect in an instant It’s a gradual process that must adapt to the ever-changing ‘techscape’ that is search.”

In general, reactions to AMP on sites like Twitter are fairly positive. Some people are calling AMP one of the most important trends of 2018.

AMP trend to watch 2018

Others really love the recent changes and updates to AMP, like Gumpo, who says “We love this as a way of delivering interactive content with rich visuals.”

Gump Web Marketing AMP tweet

In September of 2017, SEO company Optimising had this to say about AMPs on Facebook:

optimising facebook post about AMP

“We love Accelerated Mobile Pages (AMP) here at Optimising.”

The experts at Search Engine Journal have some awesome tips on how implementing AMP for eCommerce sites can help improve users’ exper

source https://blog.kissmetrics.com/google-amp-stories/

No comments:

Post a Comment