WEBSITE DEVELOPMENT

AMP Validator and Debug Tool

AMP Validator and Debug Tool

Accelerated Mobile Pages Validator and Checker Tool

In my last article with the 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 a website, but after editing .htaccess file and doing lot more coding part the website owner doesn’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 loaded 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 lead the webpages to stone age that is to the core of HTML, because it will deprive the web pages to the essential HTML code. This essential HTML code will be responsible for opening webpages 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 known 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 to you how to use AMP WordPress Plugin and how to validate AMP pages with WordPress Plugin.

Click to comment

Leave a Reply

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

Most Popular

Buzzing your life from assorted Coding,tips and general life opinion. Made your life Buzz by BuzzMyCode articles, share with world.

What is Buzzmycode, we had started this website to give tech savy the new way of life by reading our fresh organic content on every technology and applications.

Copyright © 2017 SyncSaS. Theme by SyncSaS Themes, powered by BuzzMyCode.

To Top