Blogger Me Google Amp Setup Kaise Kre: Step By Step Guide

Google AMP kya hai or Blog me AMP kaise Apply kare agar aap ye janna chate hai to aap bilkul sahi post par aaye hai. Google AMP jisme AMP ka Matlab hai Accelerated Mobile Pages jisme jo Page hai wo bhut fast load hota hai mobile me.

Is samay 70% se adhik log internet ka use mobile device me karte hai. Isliye google ne amp project launch kiya taki mobile me website jyda speed me open ho. Jisse user ka interest badhe aur online content ko bad hawa mile.

Advertisements

Website Speed Google Ranking Factor hai ye to aap jante hi hoge.. ki jo fast load hoti hai wo upar aati hai search me.

Blogger Me Google Amp Setup Kaise Kre Hindi Me Help

Google AMP Kya Hai

Google AMP ek standard project hai jise google and twitter ne milkar launch kiya hai. Yeh project html and css par work karta hai. Yeh JavaScript code ko compress krke html me modify kar deta hai jisse page fast load hone lagta hai.

In sort khe to google amp ek aisa page hai jo page se extra content and widget ko remove karta hai.

Dome ke liye aap Hindi Me Help AMP version dekh sakte hai.

Yeh AMP Project feb 2016 me aaya tha. Aaj ke samay me kafi ye popular bhi hai.

Blogger Me Google AMP Kaise Setup Kre

Worpress ke liye bhut se WordPress AMP Plugin uplabd hai , jinki madad se WordPress blog ko AMP enable kar sakte hai.

But Blogger or Blogspot website me aisa kuchh nhi hai. To agar aapko Blogger me AMP Apply karna hai to pura kaam khud se manuly karna hoga. Blogger me AMP Apply karna wese jada muskil kaam bhi nahi hai, agar aapko Coding ki thodi basic knowlage bhi hai to aap aasani se AMP Apply kar lege.

Kaise Apply karna hai Google AMP Blogger par uske liye Steps ko follow kare.

Step 1: Download Google AMP Blogger Theme

Sabse pahle apko Google AMP Blogger Template download karna padega. Kai website free google amp theme deti hai aur aap paid theme bhi le sakte hai. Use download kre aur apne blog me Template upload kar de, Theme upload karne se pahle uska backup lena naa bule purani theme ka taki koi badwad naa ho.

Step 2: How Write Post In Google AMP

Ab apka blog google amp ho jayega. Ab aapko amp tag hi use karna padega jaise AMP Image, AMP Adsense Ads, amp style AMP Video etc.

Jab bhi ab aap post karenge to compose ki jagah html option ka use karenge. Iske liye sabse pahle us page me uplabdh sabhi html tag remove karna hai. Kyoki isme div tag pahle se maujud hote hai jise amp page error manta hai. Ydi aap ise remove nhi karenge to div tag se realated error aane lagegi jisse amp me apka page google me index nhi hoga.

Iske bad apko post me image aur ad bhi amp me insert karni hai. Ye tag bhi hum batayenge ki kaise amp image insert kiya ja sakta hai.

Step 3: Modify Old Post In AMP

Ydi apke blog me pahle se post hai aur unme image ya tag non amp hai to search console me errors so hoga. Aur use google amp me index nhi karega balki wo non amp page ke jaise show hoga.

So ydi apna blog bina page error ke sath show karna chahte hai or website ke sabhi page amp me show karna chahte hai to old post ko modify or html me edit kre. Jaise ki amp image lagaye, div tag and style remove kar de. Amp ad ka use kre. Ydi fir bhi koi errors aati to comment kre.

Google AMP Image Kaise Banaye

Google amp image banane ke liye amp-img tag ka use karna hai. Jab hum image insert karte hai to wo non amp hoti hai aur uska html code <img src= …. </img> hota jisme jha par bhi img bus likha hai uski jagah amp-img likhana hai. Or neeche diye gaye image tag ka use kre.

<amp-img src="hindimehelp.jpg" alt="hindimehelp" height="450" width="700"></amp-img>

Is code me apko src ke aage jo invited comma me jo hindimehelp.jpg likha hai uski jagah apni image ka link dalna hai jise aap amp image me insert karna chahte hai. Aur is prakar aap amp image post me insert kar sakte hai.

Adsense AMP Ad Kaise Banaye

Adsense amp responsive ad post me lagane ke liye sabse pahle neeche diye gye code ko copy kre.

<amp-ad
layout="fixed-height"
height=100
type="adsense"
data-ad-client="ca-pub-13563278374853"
data-ad-slot="0123456789">
</amp-ad>

Ab is code me jo ca-pub-13563278374853 likha hai uski jagah apko apni adsense id dalna hai jo ki adsense har publisher ko deta hai. ise publisher id kahte hai.

Aur ad slot ke aage jo invited comma ke under number hai usko apne ad slote code se remove karna hai. Jab aap ad crate karte hai ya ad copy krte hai to usme yeh code hota hai. Yeh apki ad unit id hoti hai.

AMP Video Kaise Embed Kre

Video Embed karne ke liye sabse pahle neeche diye gye code ko copy kre

<amp-video width="480"
height="270"
src="/video/tokyo.mp4"
poster="/img/tokyo.jpg"
layout="responsive"
controls
autoplay>
<div fallback>
<p>Your browser doesn't support HTML5 video.</p>
</div>
<source type="video/webm"
src="/video/tokyo.webm">
</amp-video>

Ab src me diye gye code ko apni video ke url se replace kar de. Isi tarah aap you tube ke video bhi amp me use kar sakte hai. Iska code ye hai.

amp-youtube
data-videoid="mGENRKrdoGY"
layout="responsive"
width="480" height="270"></amp-youtube>

Ab is code me video id me you tube video ki id se replace karni hai. Ab apka you tube amp me ho gya hai.

Dosto ummid hai apko ye post jarur pasand aayi hogi. Ydi apko isme koi doubt hai to comment me sawal puchh sakte hai.

Agar aapko bhi HMH.pe Guest Post karna hai to uski Jankari yaha hai.

Share on:

Mera name Pradeep Tripathi hai. Ydi apko ye post pasand aayi hai to aap meri website hindihelpsagar.com me visit kar sakte hai. Is website me teach se related article write karta hu.


Leave a Comment

Please Read HMH Comment Policy before Comment.

130 thoughts on “Blogger Me Google Amp Setup Kaise Kre: Step By Step Guide”

  1. Sorry for half comment!

    I mean USA or France which server location best for covered worldwide traffic with CloudFlare CDN???

    Thanks!

    Reply
  2. ager hamari blog wothout AMP ke speed fast hu to per use karna chahye ya nahi?
    Q Kih buhat template ke speed AMP se bhi teez hoti hai!

    Reply
  3. hello sir pls help me. maine hostgator shared hosting par ek addon domain ko add kiya or primary domain par jo wordpress install tha uska clone main addon domain par install kiya hai.

    ab jab me apni primary domain ko open kar rha hu to site normal open ho rhi hai, but jab addon domain ko open kar rha hu to site kafi time le rhi hai open hone me. jabki dono he domain ka same database hai. or same wordpress install hai.

    addon domain me transferring data from addin domain ki request lagbhag 10 se 15 second tak chl rhi hai. but primary domain me esi koi problem nhi hai.

    dono he domain par cloudflare ka free ssl installed hai.

    pls help me sir.

    Reply
  4. Hi नमस्कार sir मै जानना चाहता हु कि
    Q.वर्डप्रेस वेबसाइट का Admin login panel लोगो और बैकग्राउंड कैसे change या फिर जैसे आपका admin login panel है वैसा डिजाईन करने के लिए क्या करे.
    Q.2 sir यदि हम कोई भी वर्डप्रेस वेबसाइट develop करते है तो उसमे जैसे किसी doctor या क्लिनिक कि जो वेबसाइट होती है मै देखता हु कि एक login जो doctor को दिया जाता है तो उसमे केवल doctor के अपॉइंटमेंट से रिलेटेड दिखाया जाता और बाकि theme और plugin या पोस्टिंग का आप्शन नही रहता है तो sir प्लीज इससे रिलेटेड कोई पोस्ट कीजिये कि ये सब कैसे किया जाता है .

    Reply
  5. Rohit sir mene AMP setup ke liye bahut se article padhe hai. bahut se bloggers ne bataya hai ki Blog me AMP setup krne se ads jaldi show nahi hote.. kya ye sahi baat hai?

    Reply
  6. Hello sir. Agar amp site ham set jare to kya hamari site ka jo normal look hai wo vahi rahega ya fir hamesha ke liye AMP ban jayega ?
    Jaiseaapki site AMP me bhi show hoti hai or normal Ook me bhi

    Reply
  7. Hello sir bahut acchi post hai ye bahut kaam ayegi
    Sir meri ek site h jo mene 3month pehle banayi thi uspe maine 15 post bhi kri he lekin abhi tak ek bhi post google dwara index nhi hui he . Webmaster me 0 index dikhata h
    Sir please reply mujhe kya karna chahiye
    Jisse me meri site url index ho jaye

    Reply
    • iske liye aapko coding ka knowlage hona chaiye.. q ki AMP ke sabhi code alag hote hai.. or bhut se script hai jo AMP me nahi chalege.. jab hi fast load hota hai.. to khene ka matlab hai aap bilkul same AMP me nahi bana sakte.

      Reply
  8. अच्छी पोस्ट है बहुत काम में आएगी इससे Blogger Blog को Amp Setup आसानी से किया जा सकता है। इसके अलावा आप AMP Themes का इस्तेमाल करके भी Blogger में आसानी से AMP Setup कर सकते है। Thanks For Good Post।

    Reply