Hosting Tutorial & Guide

What Is Google AMP & How to Use It in WordPress

updated on Aug 24, 2016
What Is Google AMP & How to Use It in WordPress As mobile devices become increasingly important for driving traffic and sales to websites, many technologies spring up to optimize the browsing experience on mobile devices. Google AMP is exactly among the popular technologies that have been adopted by a certain number of webmasters who care much about user experience. The project is developed to speed up the delivery of website content on the mobile devices, so you can expect great marketing and SEO benefits.

In below, we will explain what Google AMP is first, analyze its benefits, and then show you how to use the technology to benefit your WordPress site.

What Is Google AMP?

It is not a pleasant experience for many people to read articles on mobile devices as the mobile web could be frequently slow. You may need to wait minutes for a complicated webpage to load in full. But things don't have to go in that way.

The AMP project, which is short for Accelerated Mobile Pages, is an open source initiative developed to improve mobile sites' performance. The project is rolled out in October, 2015, and it uses a special lightweight framework named AMP HTML to build light webpages that cut down the loading time.

To enable instant page loading on mobile devices, Google AMP restricts the pages' technical functionalities. When your pages are optimized for AMP, they have to follow a set of layout and styling rules.

To be more specific, the website design will be stripped out for the sake of performance, and the fancy things like ads, navigation menus and animations may not be displayed. However, all the important content will not be affected, which means AMP puts more focuses on the function instead of form.

What Is Google AMP

In addition, those sites developed with the AMP framework are cached by Google automatically at no cost, so that the loading speed is further guaranteed.

Besides the improved performance of mobile content and the optimized user experience, you can also get the following benefits by enabling Google AMP for your WordPress site.
Considering these facts, Google AMP is a good option for most publishers who focus on offering valuable content to readers.

How to Use Google AMP in WordPress

Currently, the easiest way to apply Google AMP to your WordPress site is to create an AMP version of your pages by using plugins. Manually rebuilding a site based on the AMP framework is not the solution for most people, after all.

Create AMP content with the AMP plugin

AMP is an easy-to-use plugin developed by Automattic, the team behind and the WordPress project. Once the plugin is installed and enabled on your website, it creates an AMP version of all posts automatically. No setup is needed.

When the AMP plugin is active, you can access your AMP content by appending /amp/ at the end of the post URLs. For example, if you have a post with the URL, you are able to access its AMP version by typing in the browser's address bar. But in the case that you don't use pretty permalinks, you need to append ?amp=1 instead of /amp/.

Create AMP Content with the AMP Plugin

However, when using the AMP plugin, there are several things to pay attention.
  • Currently, the plugin doesn't support pages and archives, so these pages on your WordPress site won't have an AMP version generated.
  • The plugin creates AMP content, but it doesn't display the content to mobile visitors automatically. The display of the content is handled by search engines.
  • Since the plugin deals with AMP content creation automatically, it doesn't allow customizing the content.
As the AMP plugin is easy-to-use but not flexible enough, you will need to use another plugin if you want some customization options.

Customize AMP content with the Custom AMP plugin

Custom AMP is an addition of the AMP plugin, and it adds customization options to the default AMP configurations. So to make it work, the AMP plugin has to be installed on your WordPres site properly.

After installing Custom AMP, you will see a menu item of Custom AMP Panel. By clicking the menu item, you can access several configuration options regarding the AMP version of your website content. To be specific, the plugin enables you to:
  • Upload a website logo that will be displayed on mobile devices when AMP content is loaded.
  • Allow featured images for your AMP pages.
  • Show the comment section of your WordPress posts.
  • Show the related posts.
  • Set a custom width for the AMP content.
  • Display a navigation menu to the visitors reading the AMP content.
  • Allow Google Analytics tracking by adding a universal tracking code.
  • Add additional code to your AMP content's CSS and the footer.
Customize AMP Content

With a combination of the AMP plugin and Custom AMP, you will be able to generate and customize AMP pages for your WordPress site easily without acquiring many technical skills. And by doing so, you can obtain more edges over your competitors. If you haven't tried Google AMP yet, then it's the right time.