Setting up and testing AMP for WordPress: A quick 7-step guide

Looking to get began with Accelerated Mobile Pages (AMP)? Columnist Stephanie LeVonne has prepared this on hand manual for WordPress users.
Stephanie LeVonne on June 15, 2017, at eleven:06 am
MORE

Sci Burg

In today’s cell-centric world, having pages that load fast is critical for gratifying the user. Not handiest that, however, the consequences of gradual web page speed have been correlated to a decrease in overall sales and a boom in page abandonment.

Users have come to assume cell web sites to load simply as quick as their computer counterparts. In reality, Amazon, one among the biggest online retailers, concluded that even a one-2nd lag in page load velocity accounted for a $1.6B decrease in annual revenue.

Accelerated cell pages (AMPs) are quickly turning into the usual for the way a quick-loading page should be built. Using a pre-render, AMPs are able to load 15-80 percent quicker than trendy mobile pages without compromising capability. While the convenience of AMP implementation will range depending on your CMS (content material management system), WordPress can be a good test environment for previewing what your AMP page may appear to be.

Follow this quick seven-step guide to allow AMP for WordPress.

Note: Parts of this manual assume which you have activated the Yoast search engine marketing plugin as a part of your WordPress setup. If you haven’t, you could actually skip the elements that reference this plugin — you could nonetheless activate AMP functionality without it — but I notably advise this plugin if you are extreme approximately search engine marketing for your WordPress web page.

 

Related Posts :

Step 1: Install and prompt your AMP plugin(s)

The AMP plugin through Automattic is needed to begin AMP implementation. This is the bottom plugin that you’ll need so as for AMP to paintings.

The AMP plugin will routinely generate AMP-compatible variations of all of your posts, which you may view with the aid of appending /amp/ to the quiet of your post URLs. For instance:
marketplace-custom-audiences-277080/amp/
Note that best your posts — no lon

Step 2: Set up Google Analytics
In order to set your pages up for Google Analytics tracking, you’ll first need to locate your monitoring ID. Log in to Google Analytics, then click on the equipment icon at the lowest left to convey up the Admin panel. Once you’ve decided on the ACCOUNT and PROPERTY from their respective drop-down menus, click on wherein is says “Tracking Info” within the PROPERTY column. From there, click “Tracking Code” to look your tracking ID — the ID needs to start with UA.

Copy your tracking ID, then log in to WordPress. In the left-hand navigation, go to AMP > Analytics and paste your monitoring ID where it says “Google Analytics.” Then click on Save Changes.

In this step, I’ll talk some fundamental configurations for the Glue for Yoast search engine marketing plugin referred to in Step 1. You may pass this step if you have chosen now not to install this plugin.

The endorsed configurations herein will let you customize the appearance and sense of your expanded mobile pages as well as allow AMP assist for multiple content types.your AMP-enabled pages. Apply CSS styling, personalize content material and link colorings, upload a custom AMP icon and set a default photo for pages that don