How to find and fix errors in AMP pages?
Many bloggers, due to errors in AMP pages, do a lot of mobile traffic and ranking losses. In this article you will learn how to find the errors in AMP pages and then how to fix them. These tutorials are for WordPress platforms, yet valid for other platforms as the process is similar.
We have already published an article on the topic of AMP, before reading this article, I recommend that you get go-through even once.
Even after setting up AMP, do to plugin updates or many other reasons, errors may occur in your AMP pages. If you do not fix these errors on time, then you sure will lose your AMP traffic because Google does not rank AMP pages with errors, in their search engine results. So it is very important that you know that if you have an error in your AMP page, you can correct that by finding that error.
How to find errors in AMP Pages?
Let's first find out how to find errors in AMP pages.
There are two ways that you know about errors in AMP pages. First way: If you use Google Webmaster Tools, you will know that if there is an issue in your website or any of its pages, then Google sends an email to you and then alert you about it. You can take your action on it.
In such a situation, Google lets you know in the error exact form, but still you have to understand to get it done completely. One more thing Google does not tell you instantly First Google takes time in the error detection and then emails you a few days later.
Find amp error
Well, some plugins are also available to find AMP errors, but AMP is a very dynamic project that has some of the quick changes. So main, I recommend using Google's offical AMP validator tool for error detection.
How to find errors in AMP pages with Google AMP Validator?
So let's know how you can find out the errors from Google AMP validator.
Google Search, "AMP validator"
Inside the search results, you will have the option of test and preview your AMP page as in the above screenshot. In it you have to enter the URL of your AMP page which you want to check. Keep in mind that do not forget to put / amp in the end of the URLS end, otherwise this tool will show the error of AMP Page.
After entering the AMP URL, click on the "Run Test" button. After that it will start analyzing your AMP page.
If your AMP pages do not contain any errors, i.e. your AMP page will be valid, such as the allgk.xyz blog's AMP homepage, you will be shown as a screenshot below.
But if there are errors in your AMP page, then you will be able to count errors, as you can see in the screenshot below:
This will tell you in full detail what is the error and what is the error, then according to that you can correct it. Most errors are usually prohibited in HTML tags. That is, the errors occur when there are such tags in your AMP pages which are used to be used according to AMP rules. So you can delete those tags and fix the errors accordingly.
Similarly, if you use Search Console or Google Webmaster Tools, it also informs you about AMP errors, as shown in the screenshots given below:
The above screenshot is taken from the messes section of the website in Google Search console, and the screenshot below has been derived from its new beta version that shows these errors in the details:
How to fix AMP errors?
After every single issue, there will be a help link in the name of Find out more about this issue. You can go to this link to know how to fix this particular error.
In WordPress if there are many errors on multiple pages, you can fix them at once. For that some plugins are available, such as AMP for WP - Accelerated Mobile Pages
If you use this plugin to setup AMP pages on your website, then the first thing is that you have errors in the amp blogs of WordPress blog, if still there are so many options in this plugin Given that you can fix these errors
Now see how I can fix a different kind of error, I can not tell you in this post, because errors can be very different, and their solutions are different according to the setup of your WordPress blog. - Will be different.
But I can tell you the solution of a common error. If the error is of any such HTML tag, which is invalid or not allowed, then if it is displayed on the tag AMP page, there is no such thing as important, then you can use CSS and show it on the AMP page. Can stop from
I assume that you used the above mentioned plugin to configure AMP pages. So in this, go to AMPForWP's configuration window.
Then go to Design> Global.
It will contain the box of under custom CSS in the Advanced section. In this you can apply your CSS.
To hide the elements that are causing the errors, you can hide their HTML selectors using the display property of CSS.
In the case given below, a social media plugin, whose name is not allowed in Monarch AMP pages and was causing an error, you can see that the display property has been hidden using its HTML selector. This resolves the error in the AMP page.
You have to write selector instead of the selector, which you want to hide.
Tell me if you have any questions related to this post in your mind?
In order to show your happiness and excitement towards our post, please share this post on Social Networks such as Facebook, Google+ and Twitter.
Be sure to read:
By reading the first post given below, find out about many other ways to put ads in your blog.
