A Step-by-Step Guide to Testing Your AMP Pages

The AMP Project is an open-source initiative from Google; currently live in 12 countries with a goal to create online Ads and websites that are beautiful, consistently fast and high performing across PC, mobile and distribution platforms.

Mobile users spend long periods on their phone and they won’t waste time navigating a page that loads slowly or isn’t mobile friendly. Google’s AMP taps into technical components of the open-source to promote ease of use for online readers and page loading speed.

The program isn’t meant for every page but for article publishers who want their readers to view their content quickly. Every article is viewed with a stripped-down HTML standard page that limits features like JavaScript, a core program for web forms.

This guide provides different testing options for your AMP page

  • Test your AMP setup

After setting up your AMP URL, it’s important you check that its working well or Google won’t show them in search results.  Visit this link and enter your URL. Run tests and watch for the outcome. If it shows a green banner with “Valid AMP page”, your page is eligible for AMP search features in Google search results.

  • Developer Console

This option is for those using Google Chrome browser ONLY.

  • Open AMP page in your chrome browser and append “#development=1” with the URL

For example,http://carolineskitchen.com/tasty-kung-pao-chicken/amp/#development=1

  • Next, check for validation errors in the Chrome Development Tools console tab. Errors will be displayedin HTML format or it will show “AMP validation successful”.
  • AMP validator

Go to AMP project validator page and past your AMP URL, click validate and the tool will flag all errors in HTML format. Alternatively, download the AMP validator extension for Chrome and the plugin runs a through check on each page of your site for AMP validation. When the checks are complete, the tool turns green for pass and red for fail.

  • Submit essential AMP URLs for indexing

Once you’ve validated the page, use the submit to Google button if you’re using Google search Console. Another method is to log in to your Google search console account and submit the URL directly through Google search results. Some errors you might have missed in the development phase will come out when Google spiders crawl and index your site.

  • Troubleshoot errors in Google Search Console

The console offers an ideal platform to manage your AMP pages in one place. Simply log in to your account-search appearance-accelerated mobile pages. You will be able to see the number of Accelerated Mobiles Pages that have critical issues or those that have been indexed. If there are any errors, you can troubleshoot them using the previous step

Conclusion

Once you’ve completed these steps, run your standard mobile and AMP pages with WebPageTest to compare results. The AMP page will load almost twice as fast as the standard mobile page. In the near future, speed will become a mobile ranking factor so take advantage now before your mobile traffic suffers.

Leave a Reply

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