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.
Select the “Plugins” link on the left side. Select “Add New”.
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.
By Installing Directly to your website.
1. Select the Add New under the Plugins menu.
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.
3. Download the plugin and then activate it.
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=”amphtml” href=”URL with AMP extension” />. Finally, your WordPress site is now compatible with Google’s AMP project.
What are your thoughts?