How to Validate your AMP pages

Today we are going to talk about an important thing that as been going on for quite sometime now, AMP pages. AMP pages is a new way of creating pages that render fast on slow networks. Is lately becoming very important, since most of us access webpages on our celphones more that we do on our computers, and that is why we are going to talk about how to validate them.

But before going into how we verify our AMP pages we need to know what AMP is

AMP is a project that was launched by Google some time ago, and is changing the way sites load on slow networks, specially on mobile phones. AMP (Accelerated Mobile Pages ) creates pages that load fast, and have only waht you need to start interacting with the website as soon as possible. This project is trying to improve the way we surf the network in our celphones and making sure we don’t have to wait more than we want to to access a webpage.

How do I create an AMP page?

Now, to be able to validate our AMP pages, we need to first know how to create them and to be able to creat AMP pages we need to follow certain rules. This is to make sure every AMP page has only what it need in order to improve the load time. The best way to learn  how to create an AMP page is to check out AMP’s offlicial doccumentation, there you will learn everything you need to know, step by step. And of course there are lots of examples too.

And besides there are also basic Markups to build an AMP page, the one you can use as an example to start creating your own and customizing it.

Here for example, is a very basic AMP page:

As we can see, there are some specific tags you will need to use, though most of them are just the same as in HTML. You can see a List of AMP tags here.

How do I validate my page?

Validating AMP pages is something really easy. You only have to add “#development=1” to the end of your URL and open development tools on your browser to be able to see the errors you have. In case you have any, they will be shown there and you will have some information about what is wrong and how to fix it.

Here is an example of how to validate an AMP page:

how-to-validate-your-amp-pages

As you can see, we just added “#development=1” to the URL and opened our browsers console, in this case our AMP didn’t have any errors so the validation was successful.

Now, this is to validate code, but there is another important side to AMP pages, Structurated data. One you have your AMP pages built, you will need to start adding structurated data to them, so search engines like Google can easily know what your website is about and make sure users get better results.

To start adding Structurated data to your AMP pages you will also need to follow creatin rules. But don’t worry, there is a lot of doccumentaion and ways of validating them just as easy as AMP pages and of course there are also many examples you can use. You can find more information and examples about Structurated data on Googles docs and also on Schema.org.

On the example of our basic AMP webpage, we had the following structurated data setted up:

Conclusion

As we can see there are lots of benefits of creating an AMP page and besides is really easy, specially since AMP pages are really simple. The only bad thing about them is that we have a lot to learn, to be able to create an AMP page that Google likes, remember that there are many rules you have to follow, to both create you page and add to it its structurated data.

Lucky for us, because of the bennefits they have it will be worth it.

Today we are going to talk about an important thing that as been going on for quite sometime now, AMP pages. AMP pages is a new way of creating pages that render fast on slow networks. Is lately becoming very important, since most of us access webpages on our celphones more that we do on our computers, and that is why we are going to talk about how to validate them.

But before going into how we verify our AMP pages we need to know what AMP is

AMP is a project that was launched by Google some time ago, and is changing the way sites load on slow networks, specially on mobile phones. AMP (Accelerated Mobile Pages ) creates pages that load fast, and have only waht you need to start interacting with the website as soon as possible. This project is trying to improve the way we surf the network in our celphones and making sure we don’t have to wait more than we want to to access a webpage.

How do I create an AMP page?

Now, to be able to validate our AMP pages, we need to first know how to create them and to be able to creat AMP pages we need to follow certain rules. This is to make sure every AMP page has only what it need in order to improve the load time. The best way to learn  how to create an AMP page is to check out AMP’s offlicial doccumentation, there you will learn everything you need to know, step by step. And of course there are lots of examples too.

And besides there are also basic Markups to build an AMP page, the one you can use as an example to start creating your own and customizing it.

Here for example, is a very basic AMP page:

As we can see, there are some specific tags you will need to use, though most of them are just the same as in HTML. You can see a List of AMP tags here.

How do I validate my page?

Validating AMP pages is something really easy. You only have to add “#development=1” to the end of your URL and open development tools on your browser to be able to see the errors you have. In case you have any, they will be shown there and you will have some information about what is wrong and how to fix it.

Here is an example of how to validate an AMP page:

how-to-validate-your-amp-pages

As you can see, we just added “#development=1” to the URL and opened our browsers console, in this case our AMP didn’t have any errors so the validation was successful.

Now, this is to validate code, but there is another important side to AMP pages, Structurated data. One you have your AMP pages built, you will need to start adding structurated data to them, so search engines like Google can easily know what your website is about and make sure users get better results.

To start adding Structurated data to your AMP pages you will also need to follow creatin rules. But don’t worry, there is a lot of doccumentaion and ways of validating them just as easy as AMP pages and of course there are also many examples you can use. You can find more information and examples about Structurated data on Googles docs and also on Schema.org.

On the example of our basic AMP webpage, we had the following structurated data setted up:

Conclusion

As we can see there are lots of benefits of creating an AMP page and besides is really easy, specially since AMP pages are really simple. The only bad thing about them is that we have a lot to learn, to be able to create an AMP page that Google likes, remember that there are many rules you have to follow, to both create you page and add to it its structurated data.

Lucky for us, because of the bennefits they have it will be worth it.




Do you have any issues?
Check out our One Time Linux service
ORDER NOW



Lets keep in touch


Copyright © 2016 Glator.com