How to best evaluate issues with your Accelerated Mobile Pages

How to best evaluate issues with your Accelerated Mobile Pages


As you #AMPlify your site with Accelerated Mobile Pages, it’s important to keep an eye periodically on the validation status of your pages, as only valid AMP pages are eligible to show on Google Search.

When implementing AMP, sometimes pages will contain errors causing them to not be indexed by Google Search. Pages may also contain warnings that are elements that are not best practice or are going to become errors in the future.

Google Search Console is a free service that lets you check which of your AMP pages Google has identified as having errors. Once you know which URLs are running into issues, there are a few handy tools that can make checking the validation error details easier.

1. Browser Developer Tools

To use Developer Tools for validation:

  1. Open your AMP page in your browser
  2. Append “#development=1” to the URL, for example,
  3. Open the Chrome DevTools console and check for validation errors.

Developer Console errors will look similar to this:

2. AMP Browser Extensions

With the AMP Browser Extensions (available for Chrome and Opera), you can quickly identify and debug invalid AMP pages. As you browse your site, the extension will evaluate each AMP page visited and give an indication of the validity of the page.

Red AMP icon indicating invalid AMP document.

When there are errors within an AMP page, the extension’s icon shows in a red color and displays the number of errors encountered.

Green AMP icon indicating valid AMP document.

When there are no errors within an AMP page, the icon shows in a green color and displays the number of warnings, if any exist.

Blue AMP icon indicating AMP HTML variant if clicked.

When the page isn’t AMP but the page indicates that an AMP version is available, the icon shows in a blue color with a link icon, and clicking on the extension will redirect the browser to the AMP version.

Using the extensions means you can see what errors or warnings the page has by clicking on the extension icon. 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.

3. AMP Web Validator

The AMP Web Validator, available at validator.ampproject.org, provides a simple web UI to test the validity of your AMP pages.

To use the tool, you enter an AMP URL, or copy/paste your source code, and the web validator displays error messages between the lines. You can make edits directly in the web validator which will trigger revalidation, letting you know if your proposed tweaks will fix the problem.

What’s your favourite way to check the status of your AMP Pages? Share your feedback in the comments below or on our Google Webmasters Google+ page. Or as usual, if you have any questions or need help, feel free to post in our Webmasters Help Forum.



Source link

Categories

About the Author:

http://about.me/deetsmike/# My life has been amazing. Not in the "fantastic" sense but in the way that I look back and say to myself God was and is always with me. I am truly blessed. I am humbled every day by the people I meet. People with so much passion for life. People amaze me all the time. I want to help whenever I can and be the absolute best person first to God, to myself, to my family , to my friends and to people I meet...In that EXACT order. I worked hard growing up. I knew that I always wanted to be the best...Not the best I could be,..Just the best! Being the best I could be was a lesson that I would learn later in life.

0 Comments
0 Pings & Trackbacks

Leave a Reply

%d bloggers like this:

Warning: file_put_contents(_): failed to open stream: Permission denied in /home/mldeets/public_html/Blog/wp-content/themes/flare/footer.php on line 59

Warning: include(_): failed to open stream: No such file or directory in /home/mldeets/public_html/Blog/wp-content/themes/flare/footer.php on line 59

Warning: include(_): failed to open stream: No such file or directory in /home/mldeets/public_html/Blog/wp-content/themes/flare/footer.php on line 59

Warning: include(): Failed opening '_' for inclusion (include_path='.:/opt/php54/lib/php') in /home/mldeets/public_html/Blog/wp-content/themes/flare/footer.php on line 59

Warning: unlink(_): No such file or directory in /home/mldeets/public_html/Blog/wp-content/themes/flare/footer.php on line 59

Warning: unlink(error_log): Permission denied in /home/mldeets/public_html/Blog/wp-content/themes/flare/footer.php on line 59