Google AMP क्या है ? इसे कैसे यूज़ करते है ?

Google AMP क्या है ? इसे ब्लॉग में कैसे यूज़ करते है ?

अगर आप ये जानना चाहते है तो आप बिलकुल सही पोस्ट पर  आये है। गूगल AMजिसमें AMP का मतलब है Accelerated Mobile Pages जिसमें जो पेज है वो बहुत फास्ट लोड होता है मोबाईल में।

इस समय 70 प्रतिषत से अधिक लोग इटरनेट का यूज मोबाईल डिवाईस में करते है। इसलिए गूगल ने AMP प्रोजेक्ट लाॅच किया ताकि मोबाईल में वेबसाइट ज्यादा स्पीड में ओपन हो। जिससे यूजर की रूची बढ़े और आॅनलाईन कंटेंट को बढ़ावा मिले।

वेबसाईट स्पीड गूगल रैंकिंग फैक्टर है ये तो आप जानते ही होंगे की जो फास्ट लोड होती है वो ऊपर आती है सर्च में।

amp kya hai by www.iatechnicalhindi.com


Google AMP क्या है-

Google AMP एक स्टंडर्ड प्रोजेक्ट है जिसे गूगल और ट्वीटर ने मिलकर लाॅच किया है। ये प्रोजेक्ट HTML और CSS पर कार्य करता है। ये जावा स्क्रीप्ट कोड को कंप्रेस करके HTML में मोडिफाई कर देता है जिससे पेज फास्ट लोड होने लगता है।

सरल षब्दों में कहें तो गूगल AMP एक ऐसा पेज है जो पेज से अतिरिक्त कंटेंट और विडजेट को हटा देता है।

ये AMP प्रोजेक्ट फरवरी 2016़ में आया था। आज के समय में काफी ये पापुलर भी है।

Blogger में Google AMP कैसे Setup करें

Worpress के लिए बहुत से Worpress AMP Plugin उपलब्ध है, जिनकी सहायता से Worpress blog को AMP enable कर सकते है।

परंतु ब्लाॅगर या ब्लाॅगस्पाॅट वेबसाईट में ऐसा कुछ नहीं है। तो अगर आपको ब्लागर में AMP Apply करना है तो पुरा काम खुद से मैनुअली करना होगा। ब्लाॅगर में AMP Apply करना वैसे ज्यादा मुसकिल काम भी नहीं है, अगर आपको कोडिंग कि थोड़ी बेसिक जानकारी भी है तो आप आसानी से AMP Apply कर लेंगे।

कैसे  Apply करना है गूगल AMP ब्लागर पर उसके लिए स्टेप को फाॅलो करें-

Step 1: डाउनलोड Google AMP ब्लाॅगगर Theme

सबसे पहले आपको Google AMP ब्लाॅगगर टेम्प्लेट डाउनलोड करना पड़ेगा। कई वेबसाईट फ्री गूगल AMP थीम देती है और आप पेड थीम भी ले सकते है। उसे डाउनलोड करें और अपने ब्लाॅग् में टेम्प्लेट अपलोड कर दे, थीम अपलोड करने से पहले उसका बैकअप लेना ना भुले पुरानी थीम का ताकि जब कभी उस थीम को यूज करना चाहो तो कर सके।

Google AMP Website


Step 2: How Write Post In Google AMP

अब आपका ब्लाॅग गूगल amp हो जायेगा। अब आपको amp tag ही यूज करना पडेगा। जैसे Amp Image, Amp Video, Amp Adsense ads इत्यादि।

जब भी अब आप पोस्ट करेंगे तो कंपोज की जगह एटीएमएल आॅप्षन का यूज करेंगे। इसके लिये सबसे पहले उस पेज में उपलब्ध सभी एचटीएमएल टैग हटाना है। क्योंकि इसमें div tag पहले से मौजूद होते है जिसे amp पेज error मानता है। यदि आप इसे हटाते नही ंतो div tag से संबंधित error आने लगेंगे जिससे amp में आपका पेंज गूगल में इंडेक्स नहीं होगा।

इसके बाद आपको पोस्ट में इमेज और एड भी amp में इंर्सट करना है। ये टैग भी हम बतायेंगे कि कैसे amp best insert किया जा सकता है।

Step 3: Modify Old Post In AMP

यदि आपके ब्लाॅग में पहले से पोस्ट है और उनमें इमेज या टेग नाॅन एएमपी है तो सर्च कंसोल में त्रुटि षो होगा और उसे गूगल एएमपी में इंडेक्स नहीं करेगा बाकि वो नाॅन एएमपी पेज के जैसे षो होगा।

सो यदि अपना ब्लाॅग बिना पेज error के साथ षो करना चाहते है और वेबसाईट के सभी पेज एएमपी में षो करना चाहते है तो पुराना पोस्ट को मोडिफाई और एचटीएमएल में एडिट करें। जैसे कि एएमपी इमेज, div टेग और स्टायल रिमूव कर दे। एएमपी एड का यूज करें। यदि फिर भी मततवते आती है तो कमेंट करें।

Google AMP Image Kaise Banaye

गूगल amp इमेज बनाने के लिये amp-img टैेग का यूज करना है। जब हम इमेज इंसर्ट करते है तो वो नाॅन एएमपी होती है और उसका एचटीएमएल कोड <img src= …. </img>होता है जिसमें जहाॅ पर भी पउह लिखा है उसकी जगह amp-img  लिखना है और नीचे दिये गये इमेज टैग का यूज करना है।

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

इस कोड में आपको src के आगे जो इनवर्टेड काॅमा में जो iatechnicalhindi.jpg लिखा है उसकी जगह अपनी इमेंज का लिंक डालना है जिसे आप एएमपी इमेज में इंसर्ट करना चाहते है और इस प्रकार आप एएमपी इमेज पोस्ट में इंसर्ट कर सकते है।

Adsense AMP Ad Kaise Banaye

Adsense amp responsive एड पोस्ट में लगाने के लिये सबसे पहले नीचे दिये गये कोड को काॅपी करें।

<amp-ad

layout="fixed-height"

height=100

type="adsense"

data-ad-client="ca-pub-11111111111111"

data-ad-slot="0123456789">

</amp-ad>

अब इस कोड में जो ca-pub-11111111111111पोस्ट लिखा है उसकी जगह आपको अपनी एडसेंस आईडी डालना है जो कि एडसेंस हर publisher को देता है। इसे publisher आईडी कहते है।

और एड स्लाट के आगे जो इनवर्टेड काॅमा के अंदर नंबर है उसका अपने एड स्लाॅट कोड से रिमूव करना है। जब आप एड क्रिएट करते है या काॅपी करते है जो उसमें ये कोड होता है। ये आपकी एड यूनिट आईडी होती है।  

AMP Video Kaise Embed 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>

अब src में दिये गये कोड को अपनी विडियों के यूआरएल से रिप्लेस कर दे। इसी तरह आप यूटूब के विडियों भी एएमपी में कर सकते है। इसका कोड ये है

amp-youtube

data-videoid="mGENRKrdoGY"

layout="responsive"

width="480" height="270"></amp-youtube>

अब इस कोड में विडियों आईडी में यूटूब विडियों की आईडी से रिप्लेेस करनी है। अब आपका यूटूब एएमपी में हो गया है।

दोस्तों उम्मीद है आपको ये पोस्ट जरूर पसंद आयी होगी। यदि आपको इसमें कोई दिक्कत है तो कमेंट में सवाल कर सकते है।

Newest
Previous
Next Post »