This site uses cookies and other tracking technologies to make possible your usage of the website, assist with navigation and your ability to provide feedback, analyse your use of our products and services, assist with our promotional and marketing efforts, and provide better user experience.

By using the website, you agree to our Privacy policy

Accept and continue

Report a bug

Cancel
346
How-to 6 min read September 17, 2019

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.
#1

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:
Installing AMP Plugin in WordPress
Type AMP in the search field and install the plugin highlighted in the screenshot:
WordPress AMP Plugin
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:
AMP plugin WordPress

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
#2

AMP for WP

Another plugin that makes AMP pages development easier is provided in the screenshot below:
AMP plugin for WP
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.
AMP for WP Plugin Settings
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.
Page Design in AMP for WP Plugin
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.
Checking AMP Google Pages
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.
Google AMP Validation
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.
Recommendations for AMP pages in Google

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 at Serpstat
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

Share this article with your friends

Sign In Free Sign Up

You’ve reached your query limit.

Or email
Forgot password?
Or email
Back To Login

Don’t worry! Just fill in your email and we’ll send over your password.

Are you sure?

Awesome!

To complete your registration you need to enter your phone number

Back

We sent confirmation code to your phone number

Your phone Resend code Queries left

Something went wrong.

Contact our support team
Or confirm the registration using the Telegram bot Follow this link
Please pick the project to work on

Personal demonstration

Serpstat is all about saving time, and we want to save yours! One of our specialists will contact you and discuss options going forward.

These may include a personal demonstration, a trial period, comprehensive training articles & webinar recordings, and custom advice from a Serpstat specialist. It is our goal to make you feel comfortable while using Serpstat.

Name

Email

Phone

We are glad of your comment
Upgrade your plan

Upgrade your plan

Export is not available for your account. Please upgrade to Lite or higher to get access to the tool. Learn more

Sign Up Free

Спасибо, мы с вами свяжемся в ближайшее время

Invite
View Editing

E-mail
Message
Optional
E-mail
Message
Optional

You have run out of limits

You have reached the limit for the number of created projects. You cannot create new projects unless you increase the limits or delete existing projects.

I want more limits