Publish Blogger Posts with Valid AMP Page — Stuffs to Consider & Workaround
Ad
Publish Blogger Posts with Valid AMP Page — Stuffs to Consider & Workaround
Blogr-AMP Blogger AMP HTML TemplateRated 5/5 based on 98 reviewsDetail steps to consider when publish a blog posts on Blogger to validate with AMP pages. Shows what elements must be replaced, attributes to be removed & details on what to look for before & after publishing a blog post. Blogger WYSIWYG post editor is very useful, easy to write & publish articles but automatically adds attributes when applying some of their dashboard features. Find what features to look for & alternative measures to be taken care of, preparation before publishing & other methods like using a responsive Blogger template with AMP HTML components pre-installed.Blogr-AMP: Publish Blogger Posts with Valid AMP Page — Stuffs to Consider & Workaroundirsah
irsah
Blogger makes it easy to write articles or posts, upload images, videos, text highlighting, format paragraphs according to blog/web owner preferences. The WYSIWYG editor built in with Blogger dashboard UI is very much straight forward.
Problems exists when incorporating Accelerated Mobile Pages AMP HTML components which is required to use to validate an AMP powered page in Google's search results.
Current releases of custom Blogger templates with AMP integration require users to edit each post HTML & add/replace manually attributes/tags which is not permitted for an AMP HTML. Here is an example:-
In post pages, the use of attribute style to be removedThe attribute name to be removed.The <img/> tag must be replace with <amp-img/>The <iframe/> tag must be replaced with <amp-iframe/>The <video/> tag must be replaced with <amp-video/>Javascript external codes or snippets to be removed.Add a <noscript/> tags to wrap images so it can be fetc…
Problems exists when incorporating Accelerated Mobile Pages AMP HTML components which is required to use to validate an AMP powered page in Google's search results.
Current releases of custom Blogger templates with AMP integration require users to edit each post HTML & add/replace manually attributes/tags which is not permitted for an AMP HTML. Here is an example:-
In post pages, the use of attribute style to be removedThe attribute name to be removed.The <img/> tag must be replace with <amp-img/>The <iframe/> tag must be replaced with <amp-iframe/>The <video/> tag must be replaced with <amp-video/>Javascript external codes or snippets to be removed.Add a <noscript/> tags to wrap images so it can be fetc…
5/ 5
Best AMP Blogger template, Blogr-AMP exceeded my expectations. Search engine friendly, easy to use, backed by great support Blogger makes it easy to write articles or posts, upload images, videos, text highlighting, format paragraphs according to blog/web owner pr....
Disqus Comments
Facebook Comments
Most Popular This Week
Blogr-AMP (V2) Blogger Theme Supports RTL Language Direction
Due to the many requests by users using Right to Left (RTL) language direction, for example Arabic, Tamil languages, now BlogrAMP version 2 ...
AMP HTML for Blogger Theme with E-Commerce & Shopping Cart
In the middle of July 2017, we introduced the 7th edition for BlogrCart Blogger themes with e-commerce functionality. Create online web sto...
Add Facebook Live Messenger Chatbox Placeholder for Blogger Theme with AMP HTML
Facebook Messenger Live Chatbox for Blogger themes available here been a hit ever since we shared the full working tutorial, codes, & ...
BlogrAMP Now in Version 2 Better Blog-ing Experience for 2018
Since early March 2017, we have started our next phase for Blogr-AMP Blogger theme with AMP HTML integrations. We wanted to fully utilize ...
Blogr-AMP for Facebook Comments
Facebook comments has been introduced to Blogr-AMP Blogger template in mid January 2017 along with DISQUS & Google+ comments, replacing ...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...