AMP Validator and Debug Tool

AMP Validator and Debug Tool

Accelerated Mobile Pages Validator and Checker Tool

In my last article with title What is AMP page i already provide the detail introduction about the accelerated mobile pages, but in concise we will discuss some topic of AMP. As page speed matter for SEO as well as the visitor of website, but after editing .htaccess file and doing lot more coding part the website owner does’t achieved the page speed that they want so that their website can be loaded fast which will directly increase their visitors. Mobile device user are increasing rapidly and even the searches coming from Mobile devices are in more number compare to computers, but the fully loaded pages with scripts are not load fast on mobile devices. To overcome this issue the new technology is introduced know as ACCELERATED MOBILE PAGES or in short as AMP. How AMP work will leads the webpages to stone age that is to the core of html, because it will deprived the web pages to the essential HTML code. This essential HTML code will be responsible to open webpages more faster than its usual loading speed.

HOW TO USE THE ACCELERATED MOBILE PAGES VALIDATOR

  • On your Chrome Browser, open the AMP url that you created. Example: http://www.buzzmycode.com/website-development/how-to-create-godaddy-web-mail/amp/.
  • Add #development=1 at the end of your amp page. Example: http://www.buzzmycode.com/website-development/how-to-create-godaddy-web-mail/amp#development=1
  • Right click the page with the #development=1 on the URL, then look and click the Inspect option. Please see the screenshot below.
  • Click the “Console” tab. Please see the screenshot below. You will know that you’ve successfully opened the right console or implemented AMP-HTML when you see this message “Powered by AMP ⚡ HTML – Version Number”
ACCELERATED MOBILE PAGES VALIDATOR
ACCELERATED MOBILE PAGES VALIDATOR

If your AMP page is having any error then in the console box you will see the related error with red logs:

AMP error in Chrome console
AMP error in Chrome console

TIP: You can click on a specific link on the logs to trace or locate the html tags that were causing the error.

Chrome console AMP log
Chrome console AMP log

OK, we are done with the validation and the debugging process of the newly introduced technology AMP. But AMP is not know to every blogger or it is not possible for every website owner to apply this. But slowly it will be familiar with every developer and coder, you can use WordPress plugin for AMP – In my next article i will explain you how to use AMP WordPress Plugin and how to validate AMP pages with WordPress Plugin.

Leave a Reply

Your email address will not be published. Required fields are marked *