Validate Accelerated Mobile Pages (AMP): Tips and Tutorial

Console interface with AMP error reports

Hello friends today we gonna learn about Validate Accelerated Mobile Pages (AMP): Tips and Tutorial. So read this article, Validate Accelerated Mobile Pages (AMP): Tips and Tutorial step by step so you may understand it in a better way. If you have query related to same article you may contact us. So Lets begin:

Guide: Validate Accelerated Mobile Pages (AMP): Tips and Tutorial

In our latest AMP tutorial, we showed you how to adopt AMP (Accelerated Mobile Pages) to get a significant speed boost and better visibility in Google pages mobile search result for your website in the mobile environment.

Now that I’ve seen the potential of AMP, I assume that you may have started or have plans to make changes to your websites to comply with AMP. Carefully follow the guidelines in the documents and put together your CSS to format the AMP pages that suit your visual appetite.

Now there is one last thing you need to do: validate those pages.

AMP Validators

There are several ways to validate your AMP pages:

  1. Add the # development = 1 path to the end of the AMP page URL. The report is projected in it Comfort tab under DevTools.
  2. Alternatively, you can use the online AMP validator.
  3. You can also use the Chrome AMP extension.

These tools produce a report with errors or warnings on the pages. Based on this, you can choose what to fix.

AMP error report in DevTools Console.

AMP validation is primarily determinative the use of HTML elements, the s, and the style statementsMake sure these things on the page are all AMP compliant and that there is nothing on the page that violates AMP guidelines. Otherwise, your AMP page will not be displayed anywhere.

Data structure

AMP also requires the data structure of the scheme. This data is formatted in the head tag of the page in JSON format. It contains contextual information about the page, including the publisher’s title, logo and name, the date it was published and modified, etc.

Depending on the purpose of the page, the data to include can vary: articles, reviews, recipes, videos, etc. You can refer to the Google data types documentation for details on the data type.

Some data is required which will cause errors if not provided; a few other types of data are optional and only provide warnings. However, these kinds of errors do not occur in the aforementioned AMP validators.

Instead, they appear in the Google Structured Data Testing Tool and in your Google Webmasters account.

Table report in Google Data Structure Tool with a warning and errors

AMP consumers or a customer that supports AMP, such as Google Search and Twitter Moments, can use this set of data to present AMP content on their results page.

amp resultsAMP carousel in Google SERP

So in addition to following AMP guidelines with their own custom HTML elements, the required schema data must also be present.

Overlooked mistakes

Most errors are explicitly stated in the documents and can be easily retrieved up at a glance. However, a few errors have been contextualized with variables we may not notice, such as the “Invalid attribute value” which says “The attribute ‘% 1’ in tag ‘% 2’ is set to the invalid value ‘% 3’.” .

This error report does not specify or specify exactly which value is invalid. But what I do know is that we have the width and the height of it element cannot be set to 100% or automatically. These attribute values ​​must be the exact size of the image to maintain the aspect ratio.

amp report

This is just an example. There are a number of custom elements – amp-img, amp-iframe, and amp-ads – with their own sets of validation rules against the use of an attribute and its value.

This could make validating AMP Page a daunting task, especially when we consider hundreds or (maybe) thousands of outdated content published years ago.

Final Thought

AMP is still in its infancy. It is in very active development with the joint efforts of Google and the web development community. But AMP will certainly evolveAs with HTML5, there may be elements, attributes and certain practices that will be deprecated in the future. So make sure your AMP pages are constantly validated from time to time based on the latest changes in the guidelines.

back to menu ↑

Validate Accelerated Mobile Pages (AMP): Tips and Tutorial: benefits

  • The Validate Accelerated Mobile Pages (AMP): Tips and Tutorial tutorial is free .
  • This guide already helps so many users follow up with interest in a timely manner.
  • The price of the Validate Accelerated Mobile Pages (AMP): Tips and Tutorial guide is free.

back to menu ↑

Faq

Tutorial summary of Validate Accelerated Mobile Pages (AMP): Tips and Tutorial

In this guide, we told you about the Validate Accelerated Mobile Pages (AMP): Tips and Tutorial; please read all steps so that you understand Validate Accelerated Mobile Pages (AMP): Tips and Tutorial in case if you need any assistance from us, then contact us.

How this tutorial helping you?

So in this guide, we discuss the Validate Accelerated Mobile Pages (AMP): Tips and Tutorial, which undoubtedly helps you.

What is actual time in which this method complete?

The time to complete the Validate Accelerated Mobile Pages (AMP): Tips and Tutorial tutorial is 10+ minutes.

What are the supported Device?

PC Laptop or Desktop


back to menu ↑

Final note

I hope you like the guide Validate Accelerated Mobile Pages (AMP): Tips and Tutorial. In case if you have any query regards this article you may ask us. Also, please share your love by sharing this article with your friends.

For our visitors: If you have any queries regards the Validate Accelerated Mobile Pages (AMP): Tips and Tutorial, then please ask us through the comment section below or directly contact us.
Education: This guide or tutorial is just for educational purposes.
Misinformation: If you want to correct any misinformation about the guide “Validate Accelerated Mobile Pages (AMP): Tips and Tutorial”, then kindly contact us.
Want to add an alternate method: If anyone wants to add more methods to the guide Validate Accelerated Mobile Pages (AMP): Tips and Tutorial, then kindly contact us.
Our Contact: Kindly use our contact page regards any help. You may also use our social and accounts by following us on Whatsapp, Facebook, and Twitter for your questions. We always love to help you. We answer your questions within 24-48 hours (Weekend off).
Channel: If you want the latest software updates and discussion about any software in your pocket, then here is our Telegram channel.

Compsmag
Logo