How to Validate Accelerated Mobile Pages (AMP)

144

How to Validate Accelerated Mobile Pages (AMP) were made by Google and some other companies, like Adobe and WordPress, in 2015 as a new standard for mobile websites that load quickly. AMP (Accelerated Mobile Pages) is an open-source page format that you can use to make mobile-friendly versions of your web content (AMP websites, AMP Ads, AMP Mails. The format cuts down your pages to the most important parts (for example, it uses a shorter HTML code), so they load faster.

Websites that are easy to use on mobile devices are becoming more and more important, and AMPs are a big part of this. So, we made this step-by-step guide to help you set up Accelerated Mobile Pages and test them. We’ll tell you how they work, if it’s worth your time to learn about AMP, and more.

How to Validate Accelerated Mobile Pages (AMP)

Validation

Browser Developer Tools
To use Developer Tools for validation:

• Load the AMP page in your browser
• Append “#development=1” to the URL, for example, http://localhost:8000/released.amp.html#development=1.
• Open the Chrome DevTools console and check for validation errors.

AMP Web Validator
You can also validate your pages using a simple, free tool called AMP Web Validator:

• Copy & paste your source code into the web validator.
• Watch as the web validator delivers error messages between the lines of code.
• Edit your code directly in the web validator, which will then be re-validated.

Identifying Issues

AMP Browser Extensions
Google recommends using the AMP Browser Extension available for Chrome and Opera. Browse through your site with the extension turned on and it will evaluate the validity of each page. The extension icon will turn the following colors based on the status of the page:

• Red: There are errors (the icon will display how many)
• Green: There are no errors
• Blue: You’re not on an AMP page, but an AMP version of the page is available

How does AMP work?

• AMP HTML: This is a particularly slim HTML code that promises small file sizes and can therefore be loaded quickly. If an AMP page is called up, only one request is made, which also increases the loading speed.
• AMP JavaScript: Accelerated Mobile Pages are based on asynchronous JavaScript. This allows instant rendering without scripts blocking loading.
• AMP CDN: The Content Delivery Network (CDN) stores AMP pages in the cache and thereby speeds up the loading process when the pages load. All documents required for page construction are loaded from just one source.

FAQ

Is AMP a way to make your sites mobile version faster?

Accelerated Mobile Pages (AMP) is an open source project that lets you make web pages that load quickly on mobile browsers. You can make AMP versions of your landing pages to help mobile users have a better experience.

How do you implement Accelerated Mobile Pages?

1. Create your first AMP page.
2. Follow the Google Search guidelines for AMP pages.
3. Make your content discoverable by linking your pages. …
4. Ensure that users can experience the same content and complete the same actions on AMP pages as on the corresponding canonical pages, where possible.

Is AMP still relevant for SEO?

Does Google AMP have an effect on SEO? Even though AMP is not a ranking factor in and of itself, it makes a big difference in page speed and user experience, both of which are important for ranking in the SERPs right now. At first, Google search showed AMP pages in the “Top Stories” section.