How To Configure Accelerated Mobile Pages (Google Amp) on WordPress

accelerated mobile pages

What is Amp?

AMP stands for “Accelerated Mobile Pages,” is an enterprise that is currently having a lot of exposure since its launch by Google in early October. With amp, Google plans to solve mobile web slowness which is the biggest problem on mobile devices and have fast loading pages by with stripped-down form of HTML in the amp.


This slowness is very inconvenient to users who have a very poor Internet internet connection. Amp reduces the load times by 10x along with it served over google servers.

accelerated mobile pages


AMP  launched as a team’s attempt to have accelerated mobile pages ensuring that all loading content will load immediately to the user’s convenience. By now Google amp WordPress is an initiative that all users should consider if they are ambitious to have a mobile web that is not only competitive in terms of all speed but also a mobile web reputable on a league of its own. Many renowned publishers like the Financial Times, the BBC, Guardian News, and The Economist have integrated it into their programs, and they have quoted congratulating amp google for its safety and overall convenience.

How Google AMP Functions:

Accelerated mobile pages demo Or say how it Works. It consists of three parts and that framework creates the mobile web pages.



The mobile web pages use the JavaScript Framework. Essentially its primary purpose is to synchronous loading and manages how the resources are handled. 3rd party JavaScript is unacceptable with AMP.


This one is optional, which provides the network for content delivery. It optimizes performance by taking your AMP-enabled pages and caching them systematically.


It has numerous restrictions, custom tags, and properties, and it is also a subdivision of HTML. AMP HTML is rather simple, especially with the knowledge of the regular HTML.

The approach for optimization that Google AMP uses to enable accelerated mobile pages is a worthy subject to understand.

Pros and Cons of the Google Accelerated Mobile Pages (AMP)

Apart from the convenience of a fast Internet connection and web page loading, here are a few flaws associated with AMP that face the users. These are:

  • The AMP supports all Analytics from Google, but it rejects all other Analytics from other platforms.(Recent Update Supports Some)
  • Advertising is also limited to selected platforms of advertising which is an inconvenience to the competition.
  • The benefit is mostly to platforms or people who depend on mobile search traffic. They can maintain their Search Engine Optimization (SEO) and keep traffic on their sites.

Best WordPress Amp plugin

Before Starting the process of how to set up a google amp, I’ll first list out some of the amp WordPress plugins which will help you in easily integrate the google amp with your WordPress website.

These WordPress amp plugin, which is listed below, are free, stable, and get regular updates from the developer. However, some require paid subscriptions for Extra services.


1. AMP

AMP is a core plugin, also necessary for other amp plugins to work properly. This plugin is perfect for beginners and those looking to get the hang of AMP optimization easily. It does provide some extra customization options, which you can get on GitHub.

amp project

It also supports Plugin integration like:

  • Jetpack
  •  -For tracking AMP pages when enabled along with this plugin.
  • Yoast SEO


  • Cloudflare Rocket Loader (modifies the output of the AMP page, which breaks validation.)

This plugin can be easily set up. Just install it, and it’s ready to work. You can check your amp page by adding /amp after your post URL.

2. AMP for WP – Accelerated Mobile Pages

This most popular plugin will instantly optimize your WordPress site for AMP. AMP for WP offers a large no of  Customization options, including analytics and Adsense Support. The plugin gets regular bug fix updates, and also new features are introduced after a short period. Most Recommend Plugin for Google amp WordPress.

enable amp on wordpress


  • Genesis SEO Support  (New)
  • Facebook Instant Articles Support Added  (New)
  • Widgets & WooCommerce
  • Custom AMP FrontPage
  • Gravity Forms Support (New)
  • Page Break / NextPage (Pagination) Support.


AMP for WP has a lot of features that can do a lot of customization and add analytics codes including Adsense. Here I’ll add all the processes step by step.

Changing Amp Design

There is an option to select between different amp WordPress themes, giving a unique design to your amp pages. Currently, there is three different amp WordPress theme available. Also, the plugin developers have released a theme framework that lets you create your custom theme for your WordPress website

Change the theme with available themes in WordPress AMP follow the steps below :

  1. Go to Design Tab
  2. Click On Design Selector and select any themes you prefer.

designing amp blog

Enabling Google Amp for Homepage/Pages

These days responsiveness of the site is taken as an SEO factor; tough, many WordPress sites use themes that are not responsive and load the desktop version on mobile. Here is a simple solution for that you can enable amp on the homepage and archive or blog pages which will load the amp mobile-friendly version of the site instead of the desktop version. This option will let you select to use the google amp homepage and other pages instead of your desktop default version.

  • Go to Amp Setting > Homepage
  • Enable the homepage Support.

enable amp on front page

Adding Analytics code

Amp analytics will help you to track the page view, sales, and other data as similar to the standard version of the WordPress website. The latest version of the plugin also supports the pixel analytics code. Follow the below steps to enable the amp-analytics on your site.

  1. You can either use google analytics code or google tag manager in AMP for WP Plugin. Copy your analytics Code from your account, which will something like this  UA-XXXXX-Y.
  2. Now Go to the analytics section and place your Code.

Accelerated mobile pages

You are Done.

Adding Adsense Ads

Most useful feature of this plugin is that lets you enable Amp Adsense within the plugin. You can enable ads on the top and footer of your article. To place ads in the middle of the article, the plugin has a premium extension named Advanced Amp ads. To add ads in the google amp plugin, you need to get the  Data Ad Client id(ca-pub-XXXXXXXXXX) and Data AD Slot(70XXXXXX).

  1. Go to Advertisement and place your codes. 🙂

Adding Adsence Ads in amp

Enable Contact Form 7/Gravity  Support

Contact Form is essential everywhere and it should accessible and viewable easily to any visitor, by keeping this in mind plugin developers have added support for the most popular contact plugins contact form 7 and Gravity form.

  1. Go to the contact form.
  2. Enable the Contact Form 7 Or Gravity Forms Support

Contact form support amp

Drag & Drop Post Builder

Custom amp pages can also be made with this plugin, either it is landing or any type of page. Want to view a different posts rather than the original this plugin also lets you do this by adding a custom post-panel which is available below the default WordPress post creator.

  1. Go to design.
  2. Click on Launch post Builder.

using post builder in amp

You can change the layout elements of your Amp post with the help of this builder.

Enable Mobile Redirection

The mobile redirection will redirect the users to the amp version which is a lot faster than the mobile version of the site. Users will no longer able to access the default version of a site.

  1. Go to Advanced Setting.
  2. Enable the Mobile Redirection. Now all the pages and post on mobile gets redirected to amp version 🙂

Enable mobile redirection in amp

Building Landing Pages

With this plugin, you can easily build landing pages for AMP from the widgets area.let’s see how to do this :

  1. Go to Page builder in amp setting.
  2. Enable the page builder for an amp.

creating landing pages in amp

Now go to the Appearance >Widgets

Creating landing pages in google amp

Use the marked widgets in the image to create your landing pages

This Completes your setup of google amp for WordPress.Until the time Google recrawls your website and detects the amp, you can check it manually by adding   /amp after your post URL. If you have any query related to google amp or something missing out here, let us know in the comment section.

Aayush is the administrator of AllTechNerd. A Tech Enthusiast. Who writes mostly about Technology, Blogging and Digital Marketing.Professional skilled in Search Engine Optimization (SEO), WordPress, Google Webmaster Tools, Google Analytics