Here at Search Engine Watch we have covered the evolution of Accelerated Mobile Pages (AMP) across numerous posts since the project’s launch in earnest in 2016.
The Google-led framework gives web developers the means to optimize their sites for faster, cleaner, and more efficient delivery on mobile.
Of course, this is good for user experience and visibility in the SERPs. So it is understandable that many well-known sites – including eBay, Twitter, Tumblr, Reddit, Medium, and Pinterest – have incorporated AMP across their pages.
I thought I’d use this post to draw together some helpful guides for getting started with AMP – with an eye on the basics, as well highlighting recent announcements and upcoming new opportunities for using the framework in 2018.
It seems logical to start this list by turning to the AMP team’s dedicated site: ampproject.org
This, fairly simple, six-step tutorial introduces the required AMP HTML mark-up, with links out to schema that will make your site more Google friendly and optional metadata to make your site look good on other platforms such as Twitter.
Required AMP mark-up checklist from ampproject.org
It also highlights how to mark up images to make them AMP-suitable, as well as tweaking the presentation of your new AMP-optimized site to ensure it’s in keeping with the style of your original domain.
When it comes to layout, AMP requires things to be somewhat less flexible, but there is some room for modification. The tutorial then walks you through previewing and validating your site, linking between AMP and non-AMP pages, and publishing.
My Search Engine Watch colleague Christopher Ratcliff published this evergreen guide on implementing AMP on sites running