The Know It Guy

Setting up and checking out AMP for WordPress: A brief 7-step manual

In today’s mobile-centric global, having pages that load fast is important for satisfying the person. Not simplest that, however, the effects of sluggish web page pace had been correlated to a decease in typical revenue and an increase in page abandonment.

maxresdefault.jpg (1280×720)

Users have come to anticipate cellular sites to load just as speedy as their computer counterparts. In truth, Amazon, one in all the biggest on-line outlets, concluded that even a one-2d lag in web page load pace accounted for a $1.6B lower in annual sales.

Accelerated mobile pages (AMPs) are fast turning into the usual for the way a fast-loading web page ought to be built. Using a pre-render, AMPs are able to load 15-80 percent faster than trendy cell pages without compromising capability. While the convenience of AMP implementation will vary depending on your CMS (content control machine), WordPress may be a very good test surroundings for previewing what your AMP web page may seem like.

Follow this short seven-step guide to permit AMP for WordPress.

Note: Parts of this manual anticipate which you have activated the Yoast search engine optimization plugin as a part of your WordPress setup. If you haven’t, you may clearly bypass the parts that reference this plugin — you could nevertheless activate AMP capability with out it — however, I distinctly suggest this plugin in case you are serious about SEO on your WordPress website.

Note that most effective your posts — not your pages — could be AMP-like minded with this base plugin. In order to make your pages AMP-like minded as nicely, you’ll want to install an extra plugin (specific under).

Once you have got the AMP plugin installed, you may layer on additional plugins to be able to benefit extra functionality. There are several free alternatives you may pick from, however, the ones I use for the duration of this manual are as follows:

Glue for Yoast search engine optimization & AMP — One of the blessings to the usage of this plugin is that it permits you to make pages, posts and media AMP-well suited. The Glue for Yoast plugin also seamlessly guarantees that the default AMP plugin is pulling in the proper metadata. Similar to the AMP for WP plugin, it lets in for custom styling of AMP pages, and you may even choose a custom icon and change how your internet site’s logo looks on the AMP page. (Note: You have to have the Yoast search engine optimization plugin established and activated in order for this to plugin to paintings.)

In order to set your pages up for Google Analytics tracking, you’ll first need to find your tracking ID. Log in to Google Analytics, then click on the tools icon at the bottom left to convey up the Admin panel. Once you’ve decided on the ACCOUNT and PROPERTY from their respective drop-down menus, click where is said “Tracking Info” in the PROPERTY column. From there, click on “Tracking Code” to see your tracking ID — the ID should start with UA.

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

In this step, I’ll talk some simple configurations for the Glue for Yoast search engine marketing plugin mentioned in Step 1. You may additionally pass this step if you have selected no longer to put in this plugin.

The endorsed configurations herein will permit you to customize the appearance and feel of your accelerated cellular pages, in addition, to enable AMP help for more than one content sorts.

On the second tab, “Design,” you may customize the appearance and sense of your AMP-enabled pages. Apply CSS styling, customize content and hyperlink colors, upload a custom AMP icon and set a default photo for pages that don’t have an image related to them.

Step 4: Test/validate your AMP setup
Now that we’ve got created our AMP URLs, it’s crucial to make certain that they’re operating properly. If they are no longer configured efficaciously, Google will not show them in seek effects. While this safeguards you in opposition to displaying a semi-purposeful AMP page, it could additionally be an ache factor for many webmasters.

Fortunately, there are numerous answers for checking out your AMP URLs. Pick multiple key pages and test the AMP versions the usage of one of the techniques beneath. As cited in step 1, you may append /amp/ to the cease of a widespread URL to be able to view it.

This option is in particular for people who use the Google Chrome browser. If you use some other browser (Firefox, Safari, Microsoft Edge or other), this feature does now not observe to you.


Your Header Sidebar area is currently empty. Hurry up and add some widgets.