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 theamp-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