Home » Web Design and Development » Content Management System » Wordpress » How to setup Accelerated Mobile Pages (AMP) for WordPress ?

How to setup Accelerated Mobile Pages (AMP) for WordPress ?

AMP is a simple and robust format to ensure your website is fast, user-first, and makes money. AMP provides long-term success for your web strategy with distribution across popular platforms and reduced operating and development costs.

Watch below video to understand how AMP makes the page loading faster

For setting up AMP with WordPress for faster loading of WordPress website, follow below mentioned procedure,

Login with your admin credential to your wordpress based website, and From right sidebar, click “Plugins” -> Add New which will open https://lynxbee.com/wp-admin/plugin-install.php

One opened URL, from “Search Plugin” type “AMP” Which will show the plugin “AMP” with short description as “Enable AMP on your WordPress site, the WordPress way.” from AMP Project Contributors

amp1

Click on “Install Now” and “Activate” which will add “AMP” settings in left sidebar of admin panel as below,

amp2

From this, Click “General” which will open the AMP settings page.

If your wordpress theme doesn’t support AMP by default, you will see following 3 options,

amp3

From this, select which is best suitable for your website.

The AMP plugin offers three template modes, which determine the kind of AMP experiences a given site can provide:

  • Native AMP mode: In this mode the plugin enables sites to have AMP as the only version of their content. That is, in this mode there are no separate AMP-specific URLs on the site; the entire site will be served as AMP (demo screencast), and there won’t be an ?amp query parameter appended to any URL.
  • Transitional (formerly Paired) AMP-non-AMP mode: In this mode themes can register support for AMP, effectively enabling sites to reuse their theme’s templates and styles in both the AMP and non-AMP content. Site owners have the option of delivering AMP and non AMP experiences with the same look-and-feel, avoiding disrupting the brand experience for the end users. In this mode the ?amp query param is used exclusively for the AMP version.
  • Reader (formerly Classic) AMP-non-AMP mode: The classic behavior of earlier versions of the AMP plugin was to serve AMP responses in basic templates (with that blue bar at the top) which are separate from the templates in your active theme. The experience in this case is delivered via in a simplistic manner (i.e. simplified theme layout and contents). In this mode, the URLs for AMP posts normally end in /amp/ whereas for pages they end in ?amp (and in both cases the “amp” slug can be customized to be something else).

Once you set proper template by reading above advantages, and which is best suitable for you, click “Save Settings”


Subscribe our Rurban Life YouTube Channel.. "Rural Life, Urban LifeStyle"

1 thought on “How to setup Accelerated Mobile Pages (AMP) for WordPress ?”

Leave a Comment