This post is a comprehensive guide to Accelerated Mobile Page from Google. AMP is a project google launched in an effort to make mobile websites load faster in mobile devices. It uses a different web code and framework than the typical web development environment (plain html, php and the like).
The advantage of using a AMP-mobile site is that Google is now taking this type of site format as a priority version ranks your site higher on Google mobiles searches, which is more than 70% of google searches now a days. Within a short time, most websites will have to comply with AMP standards in order to compete.
This Guide is broken down as follows:
- What is AMP?
- How to get started with Accelerated Mobile Pages
- How can Google Search Console help you AMPlify your site?
- How to best evaluate issues with your Accelerated Mobile Pages
- How to setup AMP on WordPress
What is AMP?
Users today expect mobile websites to load super fast. The reality is that it can often take several seconds. It is no surprise that 40% of people abandon a website that takes more than 3 seconds to load. To reduce the time content takes to get to a user’s mobile device we started working on the Accelerated Mobile Pages Project, an open source initiative to improve the mobile web experience for everyone.
Accelerated Mobile Pages are HTML pages that take advantage of various technical approaches to prioritize speed and a faster experience for users by loading content almost instantaneously.
Later this year, all types of sites that create AMP pages will have expanded exposure across the entire Google Mobile Search results page, like e-commerce, entertainment, travel, recipe sites and many more. Visit the “Who” page on AMPProject.org for a flavour of some of the sites already creating AMP content and try the demo at (g.co/ampdemo) to see AMP versions of pages labeled with .
How to get started with Accelerated Mobile Pages
How can Google Search Console help you AMPlify your site?
How to set up AMP on WordPress
You can use Pagefrog plugin with Yoast plugin, but the plugin comes with a couple of bugs. The plugin adds a preview on every post edit screen. This preview is unneeded, and there is no way to disable it, and it caused browser crashes in our back-end. Yoast recommends to Pagefrog users to add styling and tracking to your AMP pages. Additionally Yoast designed settings in our Yoast SEO AMP Glue plugin to fix the bugs. When you update to version 0.3 of that plugin, you can safely disable Pagefrog and configure the styling on the SEO → AMP design settings.
Read complete instructions on Yoast site: