Publish Blogger Posts with Valid AMP Page — Stuffs to Consider & Workaround
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 ...
Dynamically Add and Check Mobile Friendly Test by Google on Blogger Pages
Blogger users are well aware the importance of having mobile friendly blog pages for their Blogger blog designs in order to take advantage i...
Blogr-AMP for Social Shares
Replacing default Blogger template social share buttons, Blogr-AMP Blogger template uses AMP HTML amp-social-share components & amp-soc...
Display Instagram Feed & Followers for AMP HTML Blogger Themes
Add Instagram posts, feed, followers & following count is made super easy for AMP HTML integrated Blogger blogs by using amp-iframe co...
Display In-Contents Ads for Blogger Themes with AMP HTML
AMP HTML have allowed blogs on Bloggers to display blog pages insanely quick on the web or mobile devices . Blog posts & pages instantly...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...