How to Set Up Accelerated Mobile Pages for WordPress

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

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

 

Powered by Kingged.com
Where Quality Content Is King!

Get Your Free Copy of 137 Blogging Tools to Increase Your Blog Traffic

Save time blogging with 137 free blogging tools!

You have Successfully Subscribed!

  1. 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.
    Pankaj Dhawan recently posted…Steps how to get traffic to a new blog or websiteMy Profile

  2. 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
    Cori Ramos recently posted…How NOT to Stress Out Over Your Blogging JourneyMy Profile

    • 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! 🙂
      Pankaj Dhawan recently posted…12 Precious Tips To Help You Get Better At Writing Quality ContentMy Profile

  3. 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.
    Ryan Biddulph recently posted…14 Tips to Develop Blogging ConfidenceMy Profile

  4. 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?
    Lorraine Reguly recently posted…How to Use Positive Affirmations to Improve Your LifeMy Profile

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

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

    • 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

    • 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.
      Pankaj Dhawan recently posted…8 SEO methods that wouldn’t be as effective in 2017My Profile

  7. Girl, you never fail to disappoint with the information you provide. Now I just need to put it all in motion.
    Elise Cohen Ho recently posted…Have You Registered For The United We Parent Event Yet?My Profile

    • 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. 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.
    Pankaj Dhawan recently posted…Interview with Janice Wald from MostlyBlogging.comMy Profile

  9. Im keen to do this to bring my ranking up
    Umesh Gupta recently posted…How to Make Money from Adnow Referral ProgramMy Profile

  10. Thanks for the reminder to do this. Happy to see how easy it is to setup on WordPress!
    Paul recently posted…3 Ways to Dress Like Keir GilchristMy Profile

  11. 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.
    Mitch Mitchell recently posted…Talking Chocolate, My Favorite ThingMy Profile

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

  12. 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! 🙂

    • 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

Would you like to share your thoughts?

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

CommentLuv badge

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

Privacy Preference Center

Strictly Necessary

Cookies that are necessary for the site to function properly.

gdpr

Perfomance

These are used to track user information and detect potential problems. These help us to improve our services by providing analytical data on how users use this site.

_ga, _gid, _gat

Other

This plugin is used by onesignal to push notifications to my users.

_cfduid

SKYROCKET YOUR BLOG TRAFFIC!

Do you want to increase your website traffic?

Get notified of tips to increase your traffic, access to our exclusive Pinterest group board, a link exchange, a Follow to Follow Directory, a StumbleUpon group, and a free, downloadable PDF of 89 blogging tools that will save you hours of time. Your Email will always stay private.

Check your email for a confirmation email.

Powered byRapidology
Share
Tweet
Share
Pin
Flip
%d bloggers like this: