Accelerated Mobile Project (AMP)

AMP (Accelerated Mobile Pages) has become a standard for all NexToronto WordPress websites. I always try to improve my base WordPress installations so my clients can gain the competitive edge in their marketplace. Find out about AMP and how it can help optimize your website for mobile devices.

Google’s objective is provide the best possible results to the end user however the importance user experience has also become a major factor on how websites rank. Factors such as usability, responsiveness and page speed have become more important over recent years especially with the growth of mobile users.

Since we know that page speed and having a mobile friendly website are important to usability and how Google will perceive your website, it’s no surprise that the AMP (Accelerated Mobile Pages) is something for web developers or site owners to consider.

So what is the Accelerated Mobile Pages (AMP) Project?

Reading news on a mobile device can be frustrating as some websites load poorly. The AMP Project is an open source initiative which was introduced in February 2016, that provides news publisher a method to create mobile optimized content that can load anywhere. There still is confusion on the purpose of AMP. Recently I had a client ask me to install it thinking it was a way to speed up his entire website on mobile since he said his main pages still load the same.

Watch a short video on Accelerated Mobile Pages

AMP provides increased visibility for publishers. With mobile traffic averaging 50%, it’s definitely something for news publishers to take serious as it can dramatically decrease bounce rate. The goal of the AMP project is increase content distribution across all platforms and apps which can lead to more revenue and subscriptions.

Google has also introduced the news Carousel which displays AMP listings which can further promote your websites content. However the Google AMP news carousel is not operating in all countries at the moment.

From an SEO standpoint, as it stands it’s not a ranking factor but it wouldn’t surprise me if it does become a standard in the near future. For usability purposes it’s definitely something I would recommend and have already made it an option for all NexToronto¬†WordPress clients.

Installing AMP on WordPress

For WordPress websites, this only affects blog posts (not pages) on how they load on mobile devices. Testing to see if AMP is installed correctly you can just visit one of your blog posts and just add “/amp” at the end of a blog posts URL. Visit https://nextoronto.com/how-much-does-a-website-cost/amp/ to see what I mean. As it currently stand AMP doe not support JavaScript which is why you would see bullets at the bottom of my post rather than the sharing buttons.

WordPress AMP Plugin InstallationSetting up AMP on your WordPress website

Thankfully enabling AMP on your WordPress website is fairly simple and involves two plugins along with some simple configurations that even a non-technical site owners can implement on their website. While there are several plugins that have been released that offer a solution to implementing AMP on your website, this is the one I recommend. It also assumes you have SEO for YOAST installed which is a standard SEO plugin that is installed on all NexToronto websites. Installing these plugins can be done quickly through one-click installs through the WordPress plugin library in your WordPress dashboard Plugins->Add New and use the search or visit the links in the steps below to manually install them through uploading.

1. Install the Accelerated Mobile Pages plugin by Automatic which generates AMP-compatible versions of all your websites posts. Keep in mind that currently Pages & Archives are not supported but this is being worked on. To download this plugin visit https://wordpress.org/plugins/amp/

2. Install YOAST SEO Glue for AMP. This plugin ensures that the WordPress AMP plugin use proper YOAST metadata and allow modification of the AMP basic page design such as colors, logo etc. Once installed just visit SEO->AMP in your WordPress dashboard to make these configuration changes. To download the YOAST SEO & AMP plugin visit https://wordpress.org/plugins/glue-for-yoast-seo-amp/.

That’s it! Your blog posts should now be AMP-enabled. To test simply add “/amp” to the end of one of your blog post URL’s.

If you have a WordPress website and looking to hire a WordPress developer to “AMP Up” your website, contact Nextoronto WordPress Development today at 416.893.3231 or simply drop us a line through our contact form.