Google recently rolled out some exciting news for content creators, publishers, and most importantly, content consumers with an open source project called Accelerated Mobile Pages, or AMP for short. It promises to deliver mobile content faster and more streamlined than is currently happening on most websites, even responsively designed ones. The need for AMP arose from the relatively sluggish and at times distracting way that mobile content is being served up, even in today’s world of high-speed connections and powerful mobile devices.
If you’re a non-techie owner of a WordPress site (self-hosted, not WordPress.com which automatically implements AMP), I’ll show you how to integrate it like a pro with a few simple plugins and settings.
- First, log into your WordPress site’s backend.
- From the left-hand menu, navigate to Plugins > Add New.
- In the Search Plugins field, type “AMP“ and hit the ENTER key. Install and activate the one called AMP (by Automattic).
- If you use the Yoast SEO plugin, you will need a second plugin to make it work with AMP. If you don’t use Yoast SEO, skip to step 5.
- Once again, navigate to Plugins > Add New and this time search for Glue for Yoast SEO & AMP (by Joost de Valk). Install and activate it.
- If you wish to enable Google Analytics, Google AdSense, and/or Custom Post Types for AMP, install and activate this amazing plugin called Facebook Instant Articles & Google AMP Pages by PageFrog (by PageFrog Team).
- Then head over to Mobile Formats in the left-hand menu to configure it, starting with Styling where you can upload your logo and define some custom colors. Be sure to click Save Changes at the bottom when you’re done.
- Once you’re done with aesthetics, click on Mobile Formats > Analytics where you can enable Google Analytics tracking specifically for AMP pages. Click on GOOGLE ANALYTICS, then the Enable Integration button. Finally, click Sign in with Google to connect the plugin with your Google account.
- If you use AdSense, go to Mobile Formats > Ads and click the Sign in with Google to once again connect the plugin with your Google account.
- Finally, head over to Mobile Formats > Settings.
- Scroll down to the GOOGLE AMP HTML section. In the section Setting for published posts select Posts (Pages aren’t supported yet by Google) and click the Enable AMP button.
- In the section Default setting for new posts select Enabled option for Posts.
- Checkmark the option Force AMP compliance by removing other plugins/functions from AMP pages.
- Click the Save All Settings button.
- Test a page by going to a blog post and appending /amp/ to the end of its URL. For example, https://www.verticalrail.com/2015/10/30/vertical-rail-wins-marcom-platinum-award/amp/.
- Be sure to check Google Analytics to see if pages are tracked correctly.
As time goes on, Google will surely tweak and add more powerful abilities for AMP, delivering an increasing optimal and streamlined experience for folks on the go!