Make Your WordPress Site AMP Compatible in Just 2 Minutes

amp

Recently, Google confirmed the launching of its new project – the Accelerated Mobile Pages (AMP). As defined by Google, “The AMP is an open source initiative to improve the entire mobile environment and content ecosystem for everyone – publishers, consumer platforms, creators and users”.

The project’s intent is focused on optimizing the speed, performance and engagement of your content in mobile version across all platforms and apps which can lead to more revenue. Meaning to say, if your website can serve up AMP versions, you’ll probably see more traffic from mobile.

So maybe you’re wondering how to make your website AMP compatible? Fortunately, it is not a problem anymore, there’s a WordPress plugin which you can download anytime and configure in just two-three minutes.

Here’s the step by step tutorial on implementing the plugin to your WordPress Site. You can either install it directly to your site, or download it on a zip file.

 

By Zip file Download.

1. Visit the website at https://wordpress.org/plugins/amp.

Download the plugin file. The current version is 0.3.1.

AMP plugin

 

2. After the download is completed, log into your WordPress. Usually it goes with the URL – http://domain.com/wp-admin/ or http://domain.com/wp-login.php

Select the “Plugins” link on the left side. Select “Add New”.

 

Plugin

 

3. On the Add Plugins page, click the upload plugin and upload the appropriate zip file. Once completed, activate the plugin by clicking Activate Plugin link.

 

Zip file upload

Activate Plugin

 

 

By Installing Directly to your website.

1. Select the Add New under the Plugins menu.

 

Plugin

 

2. On the Add New Plugin page, search for AMP Plugin. There are different AMP plugin that will appear. Make sure to select the correct AMP plugin by Automattic. In the screenshot below, AMP plugin is located on the left side under the Glue for Yoast SEO & AMP.

 

AMP Plugins

 

3. Download the plugin and then activate it.

installing plugin

 

Once the plugin is activated, you can access the post with the URL with an /amp/ extension to the end of the URL. Example:

However, the project and plugin itself is not supporting any pages for now, while the “P” in the project name stands for “Pages”, only the posts will be considered. To verify if the AMP version is properly working, you can check the canonical tag inside the source-code. Make sure that the URL with /amp/ extension is pointing to the same URL except without the /amp/ at the end. Then check the original URL of the post, view the source code and make sure that there is a link to the AMP version. Look for the code like:  <link rel=”amphtmlhref=”URL with AMP extension” />. Finally, your WordPress site is now compatible with Google’s AMP project.

Take note that the plugin do not automatically redirect your original URL to AMP version when using mobile. You can either implement the redirection through .htaccess file or create a customized JavaScript that will trigger the use of mobile.

What are your thoughts?

Elzer John Ramos is a Senior SEO Analyst in one of the leading Digital Marketing agencies in the Philippines. For three years of experience, Elzer has tried and used different methodologies that have produced results and pushed websites up the rankings. His vast experience ranges from keyword research, link building, in-depth site audits to SEO technical setups and implementations.
0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

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