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

By posted on December 3, 2018 12:04AM

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

Recently Published Stories

Is WordPress The Way To Go In Website Design?

By: Allison Turner CEO and Owner of BCoSF, Inc. Special to the Boca and Delray newspapers Page PapiRelated Posts:Tips for

Which JavaScript Framework for WordPress Core?

If you keep up on WordPress information at all, you’ll be aware that WordPress Core will quickly include a JavaScript

Relying on Data to Mitigate the Risk of WordPress Website Hijacking

One of the most not unusual strategies cybercriminals use to deliver phishing and malware to unsuspecting users is compromising valid

Is the wildly popular WordPress a conduit to compromise?

Is the sector’s maximum popular content material management device riddled with holes, exploits, and vulnerabilities? And what may be executed

Newbie to HTML

Rachel163d Newbie to HTML, CSS & now just studying WordPress. Trying to add a video to one of my pages

WordPress plugin to defer js, using array of script handles

Hi there, So, I’m simply commenting building a minor WP plugin that’ll look for enqueued scripts, upload them to an

Pay What You Want for this WordPress Hero Bundle

With the Pay What You Want bundles, you can get something wonderful for as little as you want to pay.

WordPress for Building Effective Business Website

Every internet site continually starts from a miles factor referred to as an idea. You want to design your opinion

WordPress powers 26 laptop of the net

When you talk approximately the leaders of the worldwide tech enterprise, the majority will likely think about Bill Gates, Steve

Keylogger found on heaps of WordPress web sites

More than 2 000 WordPress sites had been infected with a malicious script that not only mines the Monero crypto-foreign