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 view the source code of your AMP page, press “CTRL + U”. The AMP code will look something like this
Customizing Accelerated Mobile 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/