Tools to Validate and Debug Accelerated Mobile Pages

How to best evaluate and validate issues with your Accelerated Mobile Pages (AMP).

Share online:

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:

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.

AMP Web Validator Tool

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.

Google AMP Browser Developer Tools

Google AMP Browser Extensions for Opera and Chrome