In another round of Accelerated Mobile Pages guidelines, Google explained how to evaluate and validate issues with your AMP-sites.
It's important to keep an eye periodically on the validation status of pages, "as only valid AMP pages are eligible to index on Google Search," google said.
Once you've identified URLs running into issues using the Search Console, you can use the following tools to check the validation error details easier.
To use Browser Developer Tools for validation:
- Load AMP page in your browser
- Append "#development=1" to the URL, for example, http://localhost:8000/released.amp.html#development=1.
- Open the Chrome DevTools console and check for validation errors.
AMP Web Validator is a free web-based tool, that provide a simple web UI to test the validity of your AMP pages.
To use the tool, you can either enter an AMP URL, (or copy/paste your source code), and the web validator will display error messages between the lines. Following which you can make edits directly in the web validator to trigger revalidation until your tweaks fixes the issues, explained google.
The AMP Web Validator available at validator.ampproject.org.
With AMP Browser Extensions available for Chrome and Opera help you quickly identify and debug invalid AMP pages. You can browse your site, with the extension turned on and it will evaluate each AMP page.
Every issue will list the "source line, source column, and a message" indicating what is wrong. When a more detailed description of the issue exists, a "Learn more" link will take you to the relevant page on ampproject.org, google says.
The extension icon then indicates the validity of the page by turning on following color:
- Red AMP icon displays the number of errors encountered.
- Green AMP icon indicating valid AMP document.
- Blue AMP icon indicate you're not on AMP page, but an AMP variant of the HTML is available, google explains.