amp blogger template advantages-disadvantages "src =" https://lh3.googleusercontent.com/-jHc8XI1Acx4/WR3LYvZD4nI/AAAAAAAARvg/ 3mw2AQTbyKsb0Ks9S81hJWTS4Ih99T2oACHM / amp-blogger-template7? Imgmax = 800 "width =" 600 "height =" 354 "/> </p>
<p> Do you want to <strong> implement Accelerated Mobile Pages </strong> (AMP) in Blogger? you know the benefits and serious Disadvantages of creating an <strong> AMP Blogger template </strong>? If your answer is yes, then you have reached the right page. Before you prepare your site for AMP, read why companies have not yet introduced AMP </p>
<div class= IMPORTANT: All AMP Blogger-templates that you find online are not AMP at all

What are mobile accelerated pages & # 39; s (AMP)?

AMP HTML is a n Google's open source project to provide mobile-optimized content that can load anywhere instantly. In short AMP makes your site load faster as a fast moving bullet on smartphones but by a large part of your advertising income and third to sacrifice -party JavaScript .

Google started this project as a competition for Apple News-app and Facebook Instant Articles .

FB instant articles are platform dependent, which means that your website only receives traffic from Facebook users and you can not offer the same bullet speed to visitors of your website that come from search engines.

The same is the disadvantage of Apple News App, where you can not publish your own content.

But AMP is platform independent and offers publishers the possibility to optimize content for mobile and make it accessible to all devices via a web browser. It has some advantages, but several disadvantages, which are worth noting before you opt for AMP.

Following are some AMP restrictions

  • Allow only asynchronous scripts
  • Format all sources static
  • Let extension mechanisms not display block
  • Keep all third party JavaScript out of the critical path
  • All CSS must be inline and tailor made to less than 50,000 bytes
  • Font triggering must be efficient
  • Minimize recalculations
  • Give priority to loading resources

Can you implement AMP in Blogger?

Yes, that is only partly possible!

The Blogger team has not officially implemented AMP in Blogger blogs. Blogger XHTML templates currently do not support AMP HTML tags.

Designers who implement AMP in blogspot will forcibly remove important XML tags from the template that are not recommended and will seriously affect your blog in the long run.

This forced action to create an AMP blogger template is the same as if you put a Mercedes engine in a low budget car and expect it to run quickly. Yes, the car can be forced to run the Mercedes engine, but without supporting the best functions. So you waste your entire effort!

You can surely create an AMP Blogger template for your blogspot blog but by sacrificing several important features of Blogger and the appearance of the template. AMP in short will turn your blog into an ugly Flat CSS / HTML design without fancy fancy jQuery and JS effects from third parties.

 amp-icon-in-search-results "src =" https://lh3.googleusercontent.com/-uX2yQ3QbEm0/WR3MThmJ-JI/AAAAAAAARvo/GHEGZ2BzrRAgELhRpmfol7SAcvI0-EjfQCHM/amp-icon-in-search - results% 255B7% 255D? imgmax = 800 "width =" 303 "height =" 312 "/> </p>
<p> AMP uses only a few custom HTML tags to be inserted into your blogger theme to validate the AMP. Once validated, adds Google gives the AMP icon next to your blogspot blog to the search results, you can expect better traffic, but by sacrificing ad revenue and blog look </p>
<h2> Difference between AMP and responsive templates </h2>
<p align= AMP = Responsive template + Custom HTML tags

Before converting your template to AMP, it must first respond to mobile by adding CSS media and adding different breakpoints

AMP is in fact a much simplified / optimized version of your responsive template with the addition of some custom HTML tags.

Just like you have a Pepsi Cola diet, you have a Diet HTML page that is nowadays called AMP.

Are AMP templates faster than responsive templates?

Theoretically, AMP page must load faster than a normally responsive page, but if a page is not correctly encoded, the same AMP page can be loaded slower compared to a responsive mobile page.

Responsive templates displays both the sidebar and the footer window and executes all JavaScript from third parties. Responsive blogger theme is simply a mobile compatible version of your desktop theme with almost the same features, widgets, plug-ins and other web elements.

In AMP templates you can not use a style sheet of more than 50,000 bytes, you can not use third-party widgets such as buttons for adding to shopping carts or buttons for sharing social media of your choice . AMP converts your professional-looking desktop into a flat design with only the logo, menu, message and footer.

If you sacrifice so much for charging time, such an AMP page with a light weight will naturally perform and load much faster than a responsive page.

Pros and cons of AMP Blogger templates

Here are the important advantages and disadvantages of using AMP Blogger templates:

] Advantages Disadvantages
1. AMP templates load faster

AMP pages are getting much faster loaded in comparison to a responsive blogger template.
1. AMP has a bad influence on your advertising income .

You do not earn as much money as you were making with a full mobile website.

2. AMP templates improve order

AMP improve SERP rankings and organic traffic The Washington Post with 23 %

2. You can not use JavaScript at all!

All those interactive widgets and plug-ins that make your blog look cool are not allowed. You must use an off-the-shelf JavaScript library that Google offers you.
However, you can use the AMP iframe but it will be loaded slowly with the condition that the iframe at least 600px or 75% of the first viewport away from the top.

3. Your blog page views would increase.

Blog Page & # 39; s are loaded immediately and offer a better user experience in terms of speed.
3. You can not use the Blogger comment form .

However, you can use Facebook / Disqus / Google+ to add comments, but because the official Blogger response form uses iframe. & # 39; not be edited, so it is not allowed.

4. AMP templates are most suitable for news blogs. 4. You can not use Blogger Template Editor

You can not modify your template in the Template Editor. tags and tags have been removed or commented out.

5. All images placed Must be edited

You have to tags of all images in edit your blog posts one by one with an amp supported tag from . That is of course time consuming in blogger if you have more than 100 messages.

6. You can not use widgets in sidebar

AMP does not allow third party JavaScript. If you want to use a widget that works on JavaScript, you can not use it.
Some widgets that are available in the layout section using text + image are supported only after their code has been edited in the template section to make it compatible.

7. You can not sell items on your blog

The button Add-to-cart is not allowed

8. All video & # 39; s and audio embedded in messages must be edited

You must edit all your YouTube / Facebook / Vimeo videos, all your soundcloud sound clips through different embed tags as stated on this page .

9. All iframe tags used in Posts must be edited

You can only edit an iframe display on your page via the amp-iframe element.

10. E-mail subscription can not be used

onclick action onsubmit onfocus onblur attributes are not allowed in AMP, without which you can not make a subscription form for your blog readers unless you have an iframe used.

11. AMP supports limited advertising networks.

BuySellAds currently does not support AMP. You will have a lot of BSA income if you go for AMP. Currently only AdSense ads are supported correctly.

12. XMLNS attributes must be removed

xmlns attribute have been added in the opening tag if your blog gives important information to the web browser about the web technology used by your blog.

AMP asks you to remove all such attributes and to add only the amp = "amp" attribute.
Your blog will not be validated by http://w3.org if the xmlns attribute indicating the xml namespace for a document is missing.

Do we recommend AMP?

Frankly, AMP is not the best choice of all publishers. Even corporate news blogs such as Washington Post and CNN that previously used AMP and were openly supported last year seem reluctant to support it in 2017. You can clearly see AMP tags removed by these two sites and they no longer support it.

AMP speeds up your site, but this is at the expense of your advertising revenue and less freedom of customization. Without the freedom of UI adaptation, no technology can survive.

An article by Wall Street Journal was seriously concerned about publishers who found AMP not very useful in improving their advertising revenues. Some even complained that an AMP page currently generates about half of the revenue as a page view on their fully mobile responding websites.

Some publishers do not generate as much advertising revenue as they had hoped The Wall Street Journal

]

AMP is currently not a good option for the Blogger platform because there is currently no official support for it. Forcing converting a template code to AMP only makes it a problem for people who are not really familiar with code tweaking.

I advise you to wait and give the Blogger team a CMS support to implement AMP in Blogger themes & # 39; s. Just as Blogger supported https when we asked questions about how Blogger blogs will solve the problem of absolute image URLs in https.

MBT is currently mobile responsive and we will not opt ​​for AMP unless official support is officially provided by Blogger.

For users of WordPress there is a plug-in called AMP for WordPress that you can use to convert your WP site into an AMP site, but as I said, yes , you get a quick load of time but at the expense of advertising revenue and less freedom.

Please share your valuable thoughts on this trending topic and let us know if you like AMP or if you expect more improvement. If you already use an AMP-supported blogger theme, share your experience with us. Peace buddies! =)

code {color: green; background: #eee; padding: 2px;}

Leave a Reply

Your email address will not be published. Required fields are marked *