17 Jun Setting up and testing AMP for WordPress: A quick 7-step guide
In as we speak’s mobile-centric world, having pages that load rapidly is important for satisfying the person. Not solely that, however the results of gradual web page velocity have been correlated to a decease in total income and a rise in web page abandonment.
Users have come to count on cell websites to load simply as rapidly as their desktop counterparts. In truth, Amazon, one of many largest on-line retailers, concluded that even a one-second lag in web page load velocity accounted for a $1.6B lower in annual income.
Accelerated mobile pages (AMPs) are rapidly turning into the usual for how a fast-loading web page must be constructed. Using a pre-render, AMPs are in a position to load 15-80 p.c faster than commonplace cell pages with out compromising performance. While the convenience of AMP implementation will differ relying in your CMS (content material administration system), WordPress is usually a good check surroundings for previewing what your AMP web page would possibly appear to be.
Follow this quick seven-step guide to allow AMP for WordPress.
Note: Parts of this guide assume that you’ve got activated the Yoast SEO plugin as a part of your WordPress setup. If you haven’t, you may merely skip the elements that reference this plugin — you may nonetheless activate AMP performance with out it — however I extremely suggest this plugin in case you are critical about search engine marketing for your WordPress web site.
Step 1: Install and activate your AMP plugin(s)
The AMP plugin by Automattic is required to start AMP implementation. This is the bottom plugin that you just’ll want so as for AMP to work.
The AMP plugin will mechanically generate AMP-compatible variations of all of your posts, which you’ll view by appending /amp/ to the tip of your put up URLs. For instance:
Note that solely your posts — not your pages — will likely be AMP-compatible with this base plugin. In order to make your pages AMP-compatible as properly, you’ll want to put in an extra plugin (detailed under).
Once you will have the AMP plugin put in, you can layer on extra plugins to be able to acquire larger performance. There are a number of free choices you may select from, however the ones I exploit all through this guide are as follows:
- AMP for WP — Accelerated Mobile Pages — Notable options of this plugin embody Google AdSense integration, rel=canonical tag assist, an AMP drag-and-drop web page builder and the flexibility to create AMP content material that differs from the content material on commonplace cell pages.
Some opinions expressed on this article could also be these of a visitor writer and not essentially Marketing Land. Staff authors are listed here.