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

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

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

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,

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 screencastexample site), 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).
Related :   How to duplicate / copy / clone wordpress page / post ?

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

Android Android Commands Android Java Applications Application Libraries Application Stack / User Interface Bash / Shell Scripts Commands and Packages Compilation Content Management System - CMS Core Kernel C Programs Development & Build Development Environment Setup Errors & Failures Flutter git Go Language Programs Hardware Platforms HTML JAVA Programs Kernel & Device Drivers Linux, OS Concepts and Networking Linux Device Drivers Linux Host, Ubuntu, SysAdmin Linux Kernel Linux Networking Middleware Libraries, HAL Monetization / Google AdSense NDK / Middleware / HAL OS Concepts PHP Programming Languages RaspberryPi Scripting and Automation Search Engine Optimisation ( SEO ) Social Media Socurce Code Management ( SCM ) System Administration, Security Testing and Debugging Uncategorized User Interface Userspace Utilities Web design and development Wordpress Yocto / Bitbake / Openembedded

Leave a Reply / Ask Question