How to setup AMP on the website

AMP pages are designed to accelerate loading speed on mobile devices. In an age when mobile search dominates in a number of topics and niches, this technology becomes a must-have.

AMP stands for accelerated mobile pages.

They are displayed on the website as truncated content. Additional elements like widgets, feedback forms, ads are not loaded onto them. Web pages consist of HTML markup with attributes and tags from the Javascript library. Google stores these pages in a separate cache, which speeds up loading from a mobile device.

This technology has an indirect impact on SEO promotion. The visitor won't leave the website after waiting for it to load. If the content meets the request to the greatest extent, the visitor won't have to look for other web resources. This affects behavioral factors, for example, a decrease in the bounce rate.

Advantages of AMP:

accelerated website page loading;
reduced time from a click to viewing a website
potential decrease in bounce rate.

Setting up AMP for WordPress

A lot of websites are built on WordPress, so it makes sense to consider setting up AMP on this CMS system. We will consider several plugins that are used most often for illustrative purposes.

AMP WordPress

To set up AMP pages for WordPress, download and install the AMP plugin. Go to control panel, select Plugins section on the left sidebar, and click "Add new", as in the screenshot:

Type AMP in the search field and install the plugin highlighted in the screenshot:

Activate the plugin. It will automatically create the necessary versions of AMP, avoiding content duplication through special codes. Go to general settings and specify what types of pages you want to display in AMP:

Auxiliary plugin

In order to expand the plugin features use the Glue for Yoast SEO & AMP plugin that will allow you to adjust the design accelerated mobile pages and integrate with analytics systems. It will help integrate the settings of the installed plugin together with the Yoast plugin, which helps to optimize the website. The integration, in turn, will expand the settings for AMP pages.

Glue for Yoast SEO & AMP Plugin Settings

AMP for WP

Another plugin that makes AMP pages development easier is provided in the screenshot below:

Unlike the previous one, this AMP plugin doesn't require additional configuration tools. Find it by searching "AMP plugin" or download it from the store. Activate the plugin once you install it. Go to the plugin settings menu.

In the general settings, you can advance your AMP pages. For example, add a logo, configure the title and description meta tags, integrate analytics systems, and enable comments as shown in the screenshot below.

Design settings allow you to choose a general theme to make your pages more colorful and exciting:

Making AMP pages in the AMP for WP plugin

The plugin features allow you to edit color schemes, font, header display, social network buttons. You can get more features buying a paid version of the plugin. You will get more topics, contact forms, and rankings.

Checking AMP settings

After making adjustments on the website, you need to check them. AMP pages also need to be checked in the system. Test the result of your work using the Google AMP Checker tool.

Go to the online test tool and enter the URL of your website. Click the "Test URL" button. Since you provided a canonical link to the site, the checker will ask you to redirect the test to AMP pages.

It is necessary to redirect the request to the URL by clicking the button "Check linked AMP page".

Successful check of AMP pages in the Google Search Console

If the test shows errors, then they must be fixed through the plugin settings.

AMP page errors when checking in the Google Search Console

Basically, the main errors include:

errors in AMP HTML tags and attributes;
style and layout errors;
errors in the templates;
outdated tags.

Each case needs to be dealt with separately, depending on the error type. Google will help you and will add recommendations to the analysis.

Conclusion

AMP pages load quickly on mobile devices because they display lightweight website versions. They use custom tags, attributes, and HTML markup.

There are ready-made solutions, i.e., plugins for websites created on popular CMS. They allow you to automate the development of AMP pages.

After completing the configuration of the plugins, make sure to check their operation. Google provides a tool that checks AMP pages. If Google detects errors, please fix and correct them. The main errors when setting up AMP pages are the following:

errors in AMP HTML tags and attributes;
style and layout errors;
errors in the templates;
outdated tags.

This article is a part of Serpstat's Checklist tool

Checklist is a ready-to-do list that helps to keep reporting of the work progress on a specific project. The tool contains templates with an extensive list of project development parameters where you can also add your own items and plans.

Try Checklist now

Learn how to get the most out of Serpstat

Want to get a personal demo, trial period or bunch of successful use cases?

Send a request and our expert will contact you ;)

Rate the article on a five-point scale

The article has already been rated by 0 people on average out of 5

Found an error? Select it and press Ctrl + Enter to tell us