AMP can make your WordPress website load faster on smartphones, resulting in a great user experience, increased traffic and improved search rankings. This post highlights how you can create AMP (Accelerated Mobile Pages) in WordPress.
What is Google AMP?
Google AMP is an open source initiative supported by leading technology companies like Google, LinkedIn, Reddit, Twitter etc. The goal of AMP is to make website pages load faster for mobile users. Despite several performance measures taken to improve website speed, many content-rich web pages still end up taking several seconds to load.
Creating AMP pages in WordPress
It’s fairly easy to create AMP pages in WordPress. First, install and activate AMP plugin. Then, go to Appearance >> AMP page to see how your webpages will look on mobile devices.
You can change Header background and text color on the mobile page. The header background color you choose will also be used for the link. The plugin can also help you to add logo or icons if your theme supports it. After making required changes, click on the Save button.
To see how your pages will look like, append /amp/ at end of page URL. To see the page http://www.walkwel.in/blog/app-store-optimization/, type it as http://www.walkwel.in/blog/app-store-optimization/amp/.
View the source code of your AMP page, press “CTRL + U”. The AMP code will look something like this
If you don’t see an AMP page and instead are getting a 404-page error, then here’s what you need to do.
1. Open WordPress Admin
2. Click on Settings
3. Click on Permalinks page
4. Click on Save Changes. Kindly don’t change anything here, just click on Save button. This will refresh your permalink structure.
AMP Pages in Google Search Console
You can easily track the performance of your AMP pages in Google Search. Login to your Google Search Console Panel, click on Search Appearance and then click on Accelerated Mobile Pages. Here’s a screen shot of our blog.
Google indexed 35 AMP Pages of our blog. It’ll be more/less for your blog depending on no. of articles. If you don’t see any AMP pages indexed in Google Search Console than don’t worry, it will take some time to index. You can also see AMP pages with critical errors in Google Search Consoles.
Customizing AMP Pages
The AMP plugin for WordPress comes with some basic customization options, which can be increased by installing some WordPress plugins. You can add entities such as related posts, footer widgets, social media icons etc. to your AMP pages.
If you are using the popular Yoast SEO Plugin than you can use Glue for Yoast SEO and AMP plugin for customization of AMP Pages. After installation of plugin is complete, go to Yoast SEO and click on AMP.
Click on Design tab to change AMP icon, default image, add extra CSS and extra code in <head> tag. You can also add Google Analytics Id on Analytics Tab. After all the changes have been done, click on the Save button.
When you’ve made all the changes, don’t forget to validate your AMP Page using the official Google tool: https://search.google.com/test/amp
You can also read more about AMP on its official website: https://www.ampproject.org/