Advertisement

Blogger Me Google Amp Setup Kaise Kre



Kya aap blogger or blogspot site me google amp setup karna chahte hai? Ydi ha to ye post apke liye hai. Google amp se na sirf blog ka traffic badhata hai balki website ki speed bhi increase hoti hai jisse blogger website mobile me high speed se load hone lagti hai. Blogger website ki speed badhane ka ye sabse accha tarika hai. Isse user experience badhata jisse traffic badhane lagta hai. Is post me hum google amp setup karna sikhenge aur ise hum theme me changes krke karenge.

Blogger Google Amp Image

Blogger/Blogspot Google Amp Theme Kaise Banaye Or Google Amp Setup Kaise Kre -


Blogger blog me google amp setup karne ke liye sabse pahle apni blogger id se login kre. Ab theme ke option me jana hai aur edit html me click karna hai. Ab aage neeche diye gye steps ko follow karna hai. Aap  amp blogger template seedhe upload ya  add Karke ise setup Kar sakte hai.

Step -1 Amp Html kaise Create Kre -


Ager apne uper padha hoga to aap ab blogger theme me aa gye hoge. Ydi nhi padha to apko theme option me jana hai fir edit html me click karna hai. Isse pahle apne theme ka backup jarur le le.

Ab apko isme theme ke under <html> tag milega jo apki theme me sabse uper hoga. Ydi nhi mil rha to ise search bhi kar sakte hai.

Ab <html> tag ko neeche diye gye code se replace karna hai.

<html amp=’amp’>


Step -2 Charset And Viewport meta Tags kaise Add Kre -


Ab apko apne theme me check karna hai ki usme charset aur viewport meta tags hai ki nhi. Ydi hai to koi bat nhi is step ko follow nhi karna hai. Ydi nhi hai to <head> tag ke just neeche is code ko paste kar dena hai.

<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width,minimum-scale=1,initial-scale=1″>

Step -3 canonical Tag kaise Add Kre -


Blog ko search ke liye allow karne ke liye canonical tag bahut jaruri hai.
Canonical  link is tarah show karti hai jaise-
<link rel=”canonical” href=”http://example.blogspot.in/article-metadata.html” /> 

Ydi ye code apke blog me hai to koi bat nhi hai aur ydi nhi hai to is code ko copy kre aur viewport meta tag ke just neeche paste kar de.

<link expr:href=’data:blog.url’ rel=’canonical’/>


Step -4  Amp Cdn kaise Setup Kre -


Ab apko amp cdn setup karna jiska code is prakar hai. Is code ko apko </head> tag ke just upper paste karna hai. Isse aap apne theme ke under search kar sakte hai. Ye <body> tag ke just upper hota hai.

<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 -5 Amp Image kaise Set Kre :


Ab apko image tag ko amp image tag me exchange karna hai. Iske liye tag neeche hai.

<amp-img src=”AmpImage.jpg” alt=”amp-img” height=”500″ width=”500″></amp-img>

Yha par src ki jagah apko apne image ka link or web address dena hai. 

Ab apka google amp setup ka kam pura ho gya hai. Ab apka blogger blog amp page show karega.


Blogger Blog Me Google Amp Validate Kaise Kre -


Google amp validate karne ka matlab ye check karna ki apke blog ke page google amp huye ki nhi. Ydi nhi huye to usme error show hoga. 
Ise check karne ke liye apko iski official website https://validator.ampproject.org 
Me jana padega.

Isme apko show karega ki kaun sa page valid hai aur kaun sa google amp page nhi hai. Apni puri website ko check karne ke liye ki usme google amp work kar rha hai ya nhi. Iske liye apko apni website ke last me /amp add karna hai fir search karna hai.

Google Amp Pages Kya Hai -

Amp google ko twitter aur google dono ne milkar lanch kiya hai. Ye google  accelerated mobile pages amp project hai jo ki website ko mobile friendly banane ke liye diya gya hai. Aaj ke samay 60% se adhik user mobile me websites ko open karte hai. Aise me google ne is bat ko dhyan me rakh kar ye project lanch kiya taki mobile me website high speed me open ho.

Google amp website ki khas bat ye hai ki ye website ke data ko html aur css ke roop me restore kar leta hai jisse user kam time me hi us website ko open kar leta hai.

Google amp ek html page hota hai jo standard language me work karta hai aur jawascript jo jyda time lete hai unhe html me work karata hai jisse kam time lagta hai. Google mobile  amp ki khasiyat ye hai ki ye extra widget ko remove kar deta hai jisse website ki speed aur increase ho jati hai.

At last apko ye post kaise lagi. Ummeed karta hu ki apne apni blogger website me google amp setup kar liya hoga.

WordPress me WordPress amp plugin ka use Karke aasani se ise laga sakte hai but blogger me ye manual setup karna padta hai. Fir bhi koi problem aati hai to Hume bataye. Hum apki help karenge.

एक टिप्पणी भेजें

0 टिप्पणियाँ