When converting your Blogger blog templates & use Accelerated Mobile Pages HTML, constant blog page checking is needed, making sure your blog pages are AMP valid at all times.
To check a valid AMP Blogger page is pretty easy when you can append #development=1 at your browser URL bar & automatically view the errors at your browser console log.
But what if you need instant access to check for AMP validation? Below we will share how to easily create a link anywhere in your Blogger powered AMP template for you to check your page for AMP specific validation purposes.
Before doing so, backup your template to your computer.
Click Edit HTML and find <body> (or anywhere in your template that might be suitable to reach from your blogger page).
Copy below codes and save it in your template.
<a expr:href='"https://validator.ampproject.org/#url=" + data:blog.url + "%3Fm%3D1"' target='_blank'>CHECK VALID AMP</a>
Click Save …
How to Check Valid AMP HTML on Blogger Pages (Without #development=1)
Blogr-AMP Blogger AMP HTML TemplateRated 5/5 based on 98 reviewsInstantly check Blogger template powered AMP HTML pages for errors without the usage of ?development=1 in web browser. Using ampproject website services instead to view possible modifications made at Blogger template HTML are valid & does not have errors. Works well during blog development when adding new HTML elements (from other sources) using blogger gadgets/widgets which may generate errors when it is applied & saved.Blogr-AMP: How to Check Valid AMP HTML on Blogger Pages (Without #development=1)irsah
5/ 5
Best AMP Blogger template, Blogr-AMP exceeded my expectations. Search engine friendly, easy to use, backed by great support When converting your Blogger blog templates & use Accelerated Mobile Pages HTML, constant blog page checking is needed, making sure your....
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...