[WordPress] How to Support Accelerated Mobile Pages Using the AMP Plugin

Tadashi Shigeoka ·  Sun, January 8, 2017

I’ll introduce the journey of supporting Accelerated Mobile Pages using the “AMP” plugin in WordPress.

WordPress | ワードプレス

Install the "AMP" Plugin

First, install AMP from the admin dashboard and activate the plugin.

Check with the AMP Test Tool

AMP Test

Not a valid AMP page Invalid AMP pages will not have AMP-specific features in Google search results
This error message is showing.
Prohibited or invalid use of HTML Tag
  • The tag 'plusone' is disallowed.
  • The tag 'share-button' is disallowed.

When I checked the invalid HTML tags, both seemed to be caused by buttons installed using the WP Social Bookmarking Light plugin.

Change WP Social Bookmarking Light Settings to AMP Valid

I couldn’t find a setting to change the Google +1 button to an AMP valid HTML tag, so I took this opportunity to remove it.

For the Facebook Share button, I addressed it by changing the tag setting from xfbml to html5.

After making the changes, when I ran the AMP Test again, the Valid AMP page message was successfully displayed.

Check Accelerated Mobile Pages Errors from Search Console

Accelerated Mobile Pages errors can be checked from Search Console.

Important notifications such as Prohibited or invalid use of HTML tags (Issue severity: Critical)

Summary

Supporting AMP might please Google and have SEO effects.

Since it can basically be handled with one plugin, implementing AMP support early might give you an edge over rival sites.

Reference Information

That’s all from the Gemba.