Hello dosto aaj main bloggers bhaiyo ke liye ek new topic ke article le kar aaya hoon. Iss article pe main aappko Blogger/Blogspot blog par kaise AMP setup karte hai iski jaankari dene wala hoon
AMP ka full form hai accelerated mobile pages
Google AMP Kya Hai?
Google AMP ke haal he main apni ek report pe kaha hai ki google pe search ki gayi queries pe zyada tar 80% views mobile ke zariye he blog ya website visite karte hai.
Isiliye Google ne mobile blog ke view ko dhyaan mein rakhte huye AMP page start kiya jisse logo ko kisi bhi website ka view mobile friendly mil sake.
how to implement amp in blogger Blog (ब्लॉगर ब्लॉग पे AMP कैसे एम्प्लेमेंट करे?)
Step 1 amp html blogger
Sabse pe aap apne blogger dashboard pe jaye phir >>> Template ->>>Backup your template kar le aur use apne desktop ya kisi aur location par save kar rakh le.
Ab Blogger Dashboard ->> Template ->> Edit Template par jaye
<html> code ko diye gaye code se replace kar de
<html amp=’amp’>
Step 2 Add Charset and Viewport Meta Tags:
ab aap viewport meta tags ko search kare, agar aapke blog template pe nahi hai to nice diye gaye code ko copy kar paste kar de <head> tag ke baad
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>
Step 3: Setup AMP CDN:
Niche diye gaye code ko </head> tag band hone ke pehle paste kar save kar de.
<style amp-boilerplate=’amp-boilerplate’>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate=’amp-boilerplate’>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async=’async’ src=’https://cdn.ampproject.org/v0.js’></script>
Step 4: Image par AMP Setup kare:
Aapke blog pe jitne bhi images hai sab ke tag ko diye gaye code se change kar de
<amp-img src=”devanagaritech.jpg” alt=”amp-img” height=”500″ width=”500″></amp-img>
Ab aapka blog amp blogger template se taiyaar ho gaya hai.
Blogger blog ko amp enable bana sakte hai
Mobile Pages Google-backed ka ek project hai aur Blogspot jo ki Google’s blogging platform AMP ko support nahi karta.
Lekin blogger ke amp enable hone ka intezaar kyu kare jab ki hum khud he customize kar khud ke blog ko amp enable bana sakte hai.