How to Set Up Accelerated Mobile Pages for WordPress

By: | August 10, 2017 | Tags: , , , , , ,

Accelerated Mobile Pages AMP speeds up your site's loading time

Are you aware slow loading time is one of the main reasons readers get frustrated with your blog?

It’s such a problem, plugins are made to try to speed up a blog’s loading time.

I actually participated in a guest post where participants were interviewed as to how they were dealing with the problem of slow loading time.

Are you dealing with it or are you sticking your head in the sand?

Today’s guest author Pankaj Dhawan is here to tell you how to solve the problem by accelerating your blog’s loading time on mobile devices.

How to Set Up Accelerated Mobile Pages for WordPress

Pankaj Dhawan

First of all, what are Accelerated Mobile Pages (AMP)?

In simple terms, it is about the loading time of a website on the mobile device, which also means making a website mobile-friendly, as much as possible.

 

We know that loading time of a page is one of the critical factors while doing right On-Page SEO for your website and boosting your traffic

 Accelerated Mobile Pages

 

47% of consumers expect a web page to load in 2 seconds or less.

We, as bloggers, need to keep this thing in mind that we are able to hold the user on our page.

To check how your website loading time is, you can visit PingDom or Google’s PageSpeed Insights.

I would test with both anyway since both are industry leaders but, of course, Google would always be better and preferred.

 

Why is focusing on mobile important?

If you see how mobile is doing, you can simply see below the graph:

 Accelerated Mobile Pages

Just look at the trend. By 2015, users on the phone globally arose and surpassed the users on the desktop.

Just ask yourself – what do you use more? You will get the answer yourself.

There are literally tons of articles on how to make your site mobile friendly or AMP friendly but if you aren’t aware of it, this article is for you, keep reading:

 

What is AMP?

Accelerated Mobile Pages (AMP) is an open source project developed by Google. It is recognized by the users globally because by using this technology, webmasters are able to increase the page loading speed and hence make a website mobile-friendly.

What more do you get? Since this is a project initiated by Google, you are in safe hands and what bonus do you get? If you use Google’s AMP HTML, your site will be cached by Google.

AMP is very critical for your website since page-loading is not just the factor for SEO but also a positive boost for the users on your site.

 

Pros and Cons of applying AMP on your website:

Pros first:

There are few important advantages of AMP:

  1. Reduced Page-loading time
  2. Better SEO results
  3. Automatic caching by Google

 

Cons:

  1. Menu bar change which might not look as appealing to the users
  2. Some content like videos may take longer to load on the mobile page

 

That being said, AMP has more advantages than disadvantages and more reasons to consider having it for your website.

 

How does AMP work?

Here below are the ways how the AMP is working to make sure your website on mobile loads faster:

  • Execute all AMP JavaScript asynchronously
  • Size all resources statically
  • Don’t let extension mechanisms block rendering
  • Keep all third-party JavaScript out of the critical path
  • All CSS must be inline and size-bound
  • Font triggering must be efficient
  • Minimize style recalculations
  • Only run GPU-accelerated animations
  • Prioritize resource loading
  • Load pages in an instant

You can learn more about the details here.

 

How to setup AMP for your WordPress Website?

With the project released by Google, several developers jumped in and made efforts to build plugins that make the job much easier for us.

Below are the two methods that you can use to make your site run as AMP:

 

  1. AMP by Automattic

Automattic is the company behind developing all of the WordPress and Jetpack, quite famous among the WordPress site owners.

 

 

Accelerated Mobile Pages

Accelerated Mobile Pages

It is much easier done than said. To start using it, just add this plugin and activate it, you are done! 

How does it work?

It adds a meta tag in the header of the page which lets Google know that an AMP version of the website is also available.

To view how your AMP site looks, just add /amp/ in the end of the URL. For example, in the case of Blogeomics, you can use http://blogeomics.com which will result into AMP version of your website.

The drawback of this plugin is that it doesn’t allow customization.

 

  1. AMP for WP – Accelerated Mobile Pages

 Accelerated Mobile Pages

This plugin offers much more customization features and can be used on any WordPress site. But to do the customization, you must install the AMP by Automattic which is mentioned above.

What can you do with this plugin?

Setting up Google analytics

Updating logo of your site

Updating navigation of your site

Displaying WordPress comments

Adding featured images to posts

 

Bonus Tip:

If you are a user of SEO plugin by Yoastyou would be glad to read ahead.

To make your site better SEO friendly, Yoast has developed another plugin called Glue for Yoast SEO and AMP.

Accelerated Mobile Pages

What this plugin does for you is it makes sure that the settings you used for SEO by Yoast plugin remain intact even on the AMP site.

To use this, you simply download and install, activate the plugin and you are done. You can now keep updating your website like you used to do earlier, no further efforts needed.

 

Validation:

After you are done setting up your AMP website, it is important that you once validate using the AMP validator.

You simply add your website URL and add /amp/ to it to check the homepage.

To check other post pages, you simply add /amp/ in the end.

 Accelerated Mobile Pages

Conclusion:

We all know how important it is to keep yourself updated with the trend, especially when it comes to technology.

I am sure you have understood the importance of AMP and how to implement it on your WordPress website. If you happen to have any questions, please do not hesitate to email me or comment below.

 

Happy AMP-lifying 

Author Bio:

Pankaj Dhawan is the enthusiastic writer and owner of Blogeomics having a keen interest in learning about tech stuff, mostly about blogging, SEO and money-making online and so he writes about these things online at his blog. He loves sharing knowledge, collaborating with similar minded people and talking about ideas. You can make him happy by sending more comments and some pizzas 😉

Host Blogger’s Comments:

Pankaj has written an important post. Readers expect quick loading time, and Google penalizes for slow loading time. Follow his tips. It’s win-win!

Please share so other bloggers know how to speed up their sites and the consequences if they don’t.

I look forward to your answers in the comments section:

What are your experiences with loading speed? Have you given any thought to Accelerated Mobile Pages?

Related:

6 Ways You Can Save Time Blogging, Technology You Should Know

Source:

Screenshots 1 and 2: Courtesy of Neil Patel, Quicksprout.com

  1. Pankaj Dhawan

    Thank you Janice for getting this to broader audience.
    I hope it helps everyone who is trying to get on with mobile/phone browser search. Please ask any question and I would love to answer that.

    • Janice Wald

      Hi Pankaj,
      Your article gives a comprehensive overview of AMP and how to boost the loading time of our websites. We appreciate you guest posting for us.
      Janice

  2. Cori Ramos

    Hi Pankaj,

    It’s nice to meet you.

    Thank you for showing us how to AMP for our WordPress site. With 47% of people expecting sites to load in 2 seconds making sure our site has an accelerated mobile response is important.

    My load time is pretty good but there is room for improvement…I’m hanging on to this post in case I need to use the AMP plugin.

    Passing this along!

    Have a great day and rest of the week.

    Cori

    • Pankaj Dhawan

      Hey Cori,

      The result for the same search on desktop and on the mobile devices are very much different in several cases and we are chasing desktop badly, we need to make sure we are ahead of the race on mobile devices as well and there comes AMP.
      Since it is Google’s own project, it will for sure be compatible with Google Search.

      Good Luck with the improvements! 🙂

  3. Ryan Biddulph

    Keen insights Pankaj. I had my developer create a mobile-friendly BFP theme for me. OK. He did it on his own. I just approved it 😉 But he ensured that mobile users had a seamless, easy, quick-loading experience. I recall asking a few top bloggers to test it and all said the blog really scooted on mobile. I even spend time on mobile these days – quite a bit GASP 🙂 – so I know most human beings either live fully on mobile or spend little time on laptops and the like. Gotta have a quick loading blog or business site to appease users and the Google gods.

    • Janice Wald

      Hi Ryan,
      Thanks for the inspiration. I was just thinking of asking my IT to speed the loading time of my site for me. I realize it needs improvement. Thanks for writing.
      Janice

  4. Lorraine Reguly

    My web guy just added the AMP plugin to my site.

    I double-checked and my site passed the validation test!

    However, the theme I am using was ALREADY responsive, so now I am wondering if this is just overkill?

    • Pankaj Dhawan

      Hello Lorraine,

      There is a difference between AMP and responsive theme. When you go on AMP, things change entirely and your page becomes superfast, try that on your phone and you will see the difference. Submit that AMP page to Google Webmaster tool to make sure it gets indexed. Google will already know the version and show AMP version ONLY on mobile devices.

    • Janice Wald

      Hey Lorraine,
      Do you have a link to the validation test you can post here for others to check their loading times?
      Thanks,
      Janice

  5. Jennifer Dunham

    Technology is changing so fast, sometimes it’s hard to keep the edge. Thank you for the update.

    • Janice Wald

      Hi Jennifer,
      I’m glad you found the AMP article helpful. We’re happy to help.
      Janice

  6. SimStory

    Will it work with a static home page and link to pages? And do I have to be tech-y to use it?

    • Janice Wald

      Hi Sim,
      Thanks for writing. If the author doesn’t return to answer more questions, I’ll write him and let him know you have a question.
      Janice

    • Pankaj Dhawan

      Hey there,

      Firstly, you don’t need to be tech-savvy, it is really easy to install following the methods described above. Moreover, mentioned plugins are free to use.

      Yes, it should work on static pages. It won’t change the links but it will recreate the whole blog to optimize it for AMP version.

  7. Elise Cohen Ho

    Girl, you never fail to disappoint with the information you provide. Now I just need to put it all in motion.

    • Janice Wald

      Hi Elise,
      What kind words. I am putting the tips in “motion” too. I’m taking steps to speed up my loading time as well.
      Janice

  8. Pankaj Dhawan

    Hey Elice,

    I am glad you enjoyed it and would like to consider the upgradation of your own website/blog. Please ask any question you might have about this addition.

  9. Paul

    Thanks for the reminder to do this. Happy to see how easy it is to setup on WordPress!

    • Janice Wald

      Hi Paul,
      Nice to meet you. I am currently in the process of speeding up my own site.
      Janice

  10. Mitch Mitchell

    Greetings Pankaj,

    What happens if one installs the plugin and it doesn’t work? I’m wondering if it doesn’t work because I’m already running Async JS and CSS and WP Touch, or if it should be working in concert with them to improve the speed of my posts.

    My main page already gets 93/100, and I was hoping to speed up the actual blog post pages, but actually lost one point; that was weird! lol Since I have 5 blogs, I wanted to test it on this one first.

    • Janice Wald

      Hi,
      Thank you for reaching out. I will write the author and tell him you have a question.
      Janice

  11. Kathleen Calado

    Definitely agreeing with you by the start of 2015 most users are now in-demand using mobile rather than desktop so most bloggers should start AMP-ing up their respective websites. Thanks for sharing this one as always! 🙂

    • Janice Wald

      Our pleasure Kathleen. Thank you for coming by and commenting. I actually just loaded the AMP plug in on my site over the last week.
      Janice

    • Janice Wald

      Hi Sanjeev,
      I agree with you. That’s why I spent so much time in 2018 trying to speed up my site.
      Thanks for commenting.
      Janice

Would you like to share your thoughts?

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

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

LinkedIn
Share
Instagram
%d bloggers like this: