AMP requirement Tutorial and TESTING

  • Always start with boilerplate code
  • Use a localhost preview; MAMP recommended
  • Turn on debug by adding #development=1 to your preview URL and watching the Chrome Developer Tools console
  • Include Schema.org JSON metadata if you choose
  • Handle inline CSS more easily via this Quick Tip
  • Use AMP custom elements instead of default HTML elements where available
  • Where required, load extra AMP JavaScript to drive custom elements
  • Load custom fonts from Google Fonts, Fonts.com or via @font-face, using the amp-font element to create fallbacks
  • Use in built AMP custom elements instead of custom JavaScript, e.g. amp-image-lightbox instead of a lightbox script

Complete article https://webdesign.tutsplus.com/tutorials/how-to-make-a-basic-amp-page-from-scratch–cms-26158

AMP SITE TEST

Use following to test your AMP Pages

https://search.google.com/test/amp