How to use Accelerated Mobile Pages (AMP) for your Website

How to use Accelerated Mobile Pages (AMP)

Total
10
Shares

Let’s get on with another one of my SEO maximizing tips, Utilizing Accelerated Mobile Pages (AMP). AMP is a stripped down version of the mobile web that runs on an adapted language used to create web pages called HTML and is extremely crucial to learn on how to use Accelerated Mobile Pages for your website as it effects majorly on your search engine rankings.

This ‘re-imagined’ version of HTML (known as AMP HTML) has got rid of most of the stuff that causes web pages to load slower on mobile like JavaScript.

Now, that all sounds very computer techy…

…but simply put — it’s a version of your site that’s super mobile friendly, and will get you more engagement because of it.

Up until now, Google has always ranked Desktop sites over Mobile ones. But, even they can’t ignore the huge increase in Mobile traffic anymore.

So now, ‘mobile friendly’ sites are in favor. And because of that search results now rank AMP pages higher. Google has designed AMP with the mobile consumer in mind. The pages load quicker, and provide a better ‘all-round mobile experience.

They even go so far as highlighting AMP sites with a green lightning bolt to emphasize the speed of the page. A page created with AMP HTML can load between 15–85% faster than a non-AMP page. So, they’re not just good for your SEO ranking, but also for your overall engagement and conversion levels too.

Because Kissmetrics claims that 40% of web users abandon a page if it takes longer than 3 seconds to load.

It’s a fine margin, but a huge pool of leads you could be missing out on if you don’t AMP your page.

So, if we can get our load speeds high, hopefully, our conversions will follow suit. Forbes also did some useful research and found out that: Mobile consumers are 3X more likely to convert than desktop shoppers.

Which means it makes sense to focus our attention on them.

Like everything though, there are some compromises. Because they’ve stripped AMP HTML down so much, you haven’t got as much flexibility and scope when it comes to building and designing your site.

Here are some Helpful tips to know:

  • You can only use the JavaScript library that AMP provides.
  • You need to use AMP ‘approved’ extensions to have videos on your page.
  • You can’t use forms on them.
  • You have to use a streamlined version of CSS.
  • You need to make sure you declare image height and width.
  • You have to specifically load custom fonts.

It’s a back to basics approach.

But, as long as your core content is good and you’ve got a fast loading page you’re going to attract attention. And rank highly on Google.


It’s one of those things that’s worth testing out to see if it makes a difference to your SEO. Oh, and Google has made sure AMP traffic can be analyzed just like your regular desktop page so you can easily compare how the 2 perform.

(All you need to do is make some configurations with Google Analytics and remember to add your tracking codes to your AMP pages — if you’re using Google Tag Manager!)

In the end, it all comes down to this: If Google is focusing their attention towards Mobile… then, we should too.

 

Also Read,

How to Fix Common SEO mistakes with Site Audit Tool

SEO Impact on Business in 2018 – With vs Without SEO

The BIG 6 SEO Mistakes to Avoid to get Better Rankings

Top 5 OnPage SEO Techniques to Boost Search Engine Ranking

Leave a Reply

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

two × 4 =

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join the Crew.

Get notified along with 323,811+ People on the updates!

You May Also Like