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

by

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.

...

You Also Like This Post to Read


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. Sir, Aapki post bahot hi achhi hoti hai hamesha, mera saval hai ki mere blog me 170 se bhi jyada article hai lekin ab me AMP use karna chahta hu to kya mujhe meri sabhi post me one by one jakara AMP setup karna padega? kya koi or rasta hai jisase kaam asan ho sake. Please reply jarur karna.
    Thank you

    Reply

  8. Hello Sir,

    Maine Hal hi me Blog se wordpress me switch kiya he. Mere Blog me Karib 5k trafic thi lekin jabse mene worpress me move karne ke baad mene Jetpack Pluging me meri trafick chek ki to all time ki trafic “0” hi bata rahi he.
    Kya meri sari mahenat bekar chali jayegi? Please kuch Advice dijiye sir.

    Reply

  24. बहुत बढ़िया पोस्ट लिखा है आपने, धन्यवाद! इसी तरह से हमे Guide करते रहिए…

    Reply

  28. Bhai yr kya aap aapki site ko amp karte hue video bana sakte ho please ,
    By the way nice article but video se jyada ache se smj payenge please
    Thank you

    Reply

  40. sir me jab GT matrix par page speed check kr rha hu to mujhe “Serve resources from a consistent URL” problem aa rahi hai ar page speed score 73% aa rha hai iska kya karn hai.
    kahi ye problem isliye to nahi aa rahi hai kyoki me ek image ko ek se adhik post me use krta hu.
    kya ek hi image ko bar bar use krna galat hai

    Reply

  41. बहुत बढ़िया पोस्ट लिखा हैं अपने। मुजे इस पोस्ट से बहुत हेल्प हुआ।

    Reply