यदि आपका ब्लॉग Blogspot या Blogger पर बना है तो ये जानकारी आपके लिए बहुत उपयोगी है, क्योंकि ये डायरेक्ट आपके सोशल मीडिया ट्रैफिक को प्रभावित करती है। आपने ये देखा होगा कि जब आप Facebook पर अपने ब्लॉग की कोई भी पोस्ट share करते होंगे तो एक छोटा सा Thumbnail दिखाई देता है या फिर thumbnail आता ही नहीं है। इसका एक ही कारण होता है वो ये है कि आपकी Blogger theme में Facebook open graph meta tags का code add नहीं है या फिर Full thumbnail वाला FB og tags add नहीं है। यदि आपके साथ भी यही समस्या है तो आप बहुत ही आसानी से अपने Blogspot ब्लॉग में Facebook Open Graph meta tags add कर सकते हैं बस आपको इस जानकारी को सही follow करना है।
जब हम कोई Blogspot पर ब्लॉग बनाते हैं तो लगभग सभी लोग फ्री theme use करते हैं जिसमें बहुत सारे features उपलब्ध नहीं होते, और जो लोग blogger theme खरीदते हैं उन्हें लगभग सभी जरुरी features मिल जाते हैं। लेकिन एक बात में बताना चाहूँगा कि जब आपको पैसा खर्च करना ही है तो wordpress ब्लॉग बनायें जो आपके लिए एक अच्छा और long लाइफ income भी देता है और सभी तरह के मालिकाना हक़ आपके पास होते हैं।
Facebook open graph meta tags Blogger blog me kyo add karte hai ?
यदि आपकी theme में ये FB open graph tags पहले से add नहीं है तो आपको add कर लेना चाहिए क्योंकि इससे आपका फेसबुक से मिलने वाला ट्रैफिक काफी बढ़ जायेगा। जो लोग फ्री वाली थीम अपने ब्लॉग पर use करते हैं तो 99.9 % चांस हैं कि उसमें ये FB og meta tags code add नहीं होगा।
जब किसी ब्लॉग में ये टैग add नहीं होता तो जब हम फेसबुक पर पोस्ट शेयर करते हैं तो उसका thumbnail नहीं बनता या फिर बहुत छोटा सा बनता है जो समझ में भी नहीं आता जिससे जो लोग उसे देखते हैं तो ignore कर देते हैं और इस तरह आपकी पोस्ट पर क्लिक किये बगैर ही निकल लेते हैं, जिससे आपको फेसबुक जैसी बढ़िया वेबसाइट से भी अच्छा ट्रैफिक नहीं मिल पाता।
यदि आप अपने ब्लॉग में मेरे द्वारा दिए गए facebook open graph meta tags को लगा लेते हैं तो जब भी आप फेसबुक पर पोस्ट शेयर करोगे तो एक बड़ा सा thumbnail बनकर आ जायेगा और उसमें वो इमेज show होगी जो आपने अपनी पोस्ट के स्टार्टिंग में add कर रखी होगी। इससे ये होगा कि ये सभी को अच्छी तरह दिखाई देगा जिससे बहुत से लोग क्लिक करके आपके ब्लॉग पर उस जानकारी को read करने के लिए आयेंगे जिससे आपको अच्छा ट्रैफिक मिलेगा।
Read Also:
- Blogspot ब्लॉग में बढ़िया label बॉक्स कैसे लगा सकते हैं
- Blogger ब्लॉग में कोई भी कोड दिखाने के लिए बॉक्स कैसे लगाते हैं
- ब्लॉगर ब्लॉग की बेसिक सेटिंग्स कैसे की जाती है
Facebook open graph me use hone wale markup :
- og:title – ये पोस्ट के टाइटल के लिए use किया जाता है।
- og:url – ये पोस्ट के URL के लिए use किया जाता है।
- og:description – ये पोस्ट डिस्क्रिप्शन के लिए use होता है।
- og:image – ये पोस्ट की इमेज या Thumbnail बनाने के लिए use होता है। (जब भी आप पोस्ट में पहली इमेज add करें तो उसका minimum size 609x315px रखें और 100kb से कम हो)
- og:type – ये आपके content के लिए use होता है जो डिफ़ॉल्ट होता है।
तो चलिए आगे की तरफ चलते हैं और आपको बताते हैं कि Facebook open graph meta tags add करने के बाद जब आप अपनी पोस्ट फेसबुक पर शेयर करेंगे तो किस प्रकार की दिखाई देगी –
- यदि आप अपनी ब्लॉग पोस्ट में 609x315px या इससे ज्यादा size की add करेंगे तो फेसबुक पर शेयर करने के बाद कुछ इस तरह की दिखाई देगी –
- यदि आप 609x315px से कम size की इमेज अपनी ब्लॉग पोस्ट में use करेंगे तो FB पर लिंक शेयर करने पर कुछ इस तरह का thumbnail show होगा –
अब मुझे लगता है सब कुछ क्लियर हो गया है कि Facebook OG tags का क्या काम होता है और कैसे work करता है, अब चलिए आगे बढ़ते हैं और बताते हैं कि Blogspot ब्लॉग में FB og meta tags कैसे लगाते हैं।
FB OG meta tags blogger blog me kaise add kare ?
यदि आप भी अपनी Blogger ब्लॉग की पोस्ट को बड़े thumbnail के साथ फेसबुक पर शेयर करना चाहते हैं और बढ़िया ट्रैफिक प्राप्त करना चाहते हैं तो आगे बताये गए स्टेप्स को follow कीजिये –
- सबसे पहले अपना Blogger Dashboard login कर लीजिये।
- अब Dashboard >> Theme >> Edit HTML पर क्लिक कर दीजिये।
- अब अपने theme के code में ऊपर की तरफ देखें जिसमें नीचे दिए गए code की तरह दिखाई देगा –
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html Designer=’Harman Singh Hira’ b:version=’2′ expr:dir=’data:blog.languageDirection’ itemtype=’http://schema.org/Article’ prefix=’og: http://ogp.me/ns#’ xmlns=’http://www.w3.org/1999/xhtml’ xmlns:b=’http://www.google.com/2005/gml/b’ xmlns:data=’http://www.google.com/2005/gml/data’ xmlns:expr=’http://www.google.com/2005/gml/expr’
4. अब नीचे दिए गए code को ऊपर बताये गए कोड के ठीक नीचे paste कर दीजिये।
xmlns:og='http://ogp.me/ns#'
अब आपका कोड कुछ इस तरह दिखाई देगा –
5. अब आपनेFacebook open graph protocol tags अपनी theme में add कर लिया है लेकिन अभी काम ख़त्म नहीं हुआ है, अब आपको Facebook open graph meta tags अपनी theme में add करने हैं।
अब आप <head>के ठीक बाद नीचे दिया गया कोड paste कर दीजिये।
<b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta content='article' property='og:type'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <b:else/> <meta content='logo-link' property='og:image'/> </b:if> <b:if cond='data:blog.metaDescription != ""'> <meta expr:content='data:blog.metaDescription' name='og:description'/> </b:if> <meta content='app_id' property='fb:app_id'/> <meta content='fb_admins' property='fb:admins'/>
6. logo-link, app_id, fb_admins Bharne ke baad Save Theme पर क्लिक कर दीजिये। अब आपका Facebook open graph meta tags code आपके ब्लॉग में add हो गया है, लेकिन में आपको एक जरुरी सलाह दूँगा कि आप Facebook open graph debugger के द्वारा इसे जरुर check कर लें जिससे आपको पता चल जाये कि आपने कोड को लगाने में कोई गलती तो नहीं कर दी है जिससे सही thumbnail show ना हो रहा हो। Read Also: मुझे आशा है कि आपने अपने Blogger ब्लॉग में Facebook Open Graph meta tags सही से लगा लिया होगा, यदि आपको इसमें कोई समस्या आये तो कमेंट करके पूछ लीजिये। यदि आपको ये जानकारी उपयोगी लगे तो इसे सोशल मीडिया पर शेयर करके दूसरों लोगों को भी बताकर उनकी हेल्प करें।
Samak Ajmi says
Surendra ji mai samajh nahi paa raha hoo k logo link kaha se aayega?
Prasad surase says
Sir, ek baar mera blog dekhakar bataiye ki Isame kya kami hai. Aur muze Isame kya sudhar karana padega adsence approve karane Ke liye… Aur agar me .tk se free domain lu toh koi problem toh nahi hogi. Please suggestion de.
Surendra Singh says
Aap free domain jaise .tk ko apni site par use mat karna isse achha hai ki aap ek achha sa domain kharid le aur use use kare, aur seo frindly post likha kare.
prasad surase says
Baaki kya problem hai mere blog me please visit karaoke bataiye. Air adsence me like apply kab karu..
Surendra Singh says
prasad surase ji aap adsense jab apply karna jab blog ka traffic minimum 50 visitors per day ho aur post above 30 ho.
prasad surase says
50 visitors se jyada traffic toh hai Aur 25 Posts hai abhi blog par jald hi 30 se jyada ho jayegi but problem ye hai ki….
1.me apane blog ke liye domain Lena chahata hu toh aap pahale mera blog dekh le aur please suggest kare ki konasa domain lu.. Koi bhi Jo aapako achha lage mere blog ke liye. Ab ye mat kahana ki aapako Jo achha lage voh me lo. Aap koi suggest jaroor kare.
2. Me lagatar 2 din se adsence account approve karane me laga hu… But me jab apane blog ki link dalakar language select karata hu Aur continue par click karata hu toh aage kuch hota hi nahi hai step 3 aati hi nahi hai form me details dalane ke liye.
3. Me har roj Blog par new posts share karata hu aur mene Google, bing jaise search engines me bhi regular blog post ko index karata hu.. Aur ho bhi jati hai. Mere blog par abhi 25 posts hai. Fir bhi daily traffic 50-60 page views hai. Aisa Q.
please jaroor bataiye.
Surendra Singh says
1. Yadi aap apne blog ke liye domain lena chahte hai to uske liye aapko uniqe domain lena chahiye kyonki is tarah ke domain aur blog name hi future me valuable aur long time impact dete hai, iske liye se samajh le jaise – Achhikhabar, Shoutmeloud, Bloglon etc. is tarah ke domain aur name khojne ke liye aap is post ko padhe http://www.bloglon.com/domain-tools-hindi/ .
2. Yadi aap domain kharidna chah rahe hai to achha domain set karne ke baad hi adsense apply kare.
3. Aapka traffic kam hai, uniqe aur seo friendly post dalte raho with targeted keywords.
Badan singh says
Sir mene feed buner per account bana rakha hai lekin mene apna blog changes kar Diya hai ..ab me apna new blog is per jodna chahata Hu kya karu kese jodu.
Surendra Singh says
Badan singh ji Yadi aap apne new blog banaya hai aur aapka feedburner par pahle se old blog ka feed address bana hua hai to aapko usi account me same process ke dwara new blog ke liye feed address banana hoga.
vikash says
Hello sir mujhai yai btaea Ki mai Fb page pai group mai Fb page ka name direct kaisai tag kar sakta hu.. … Mainai kuchh parson ko aisa kartai dekha hai jis Sai wo per day 500+ likes apnai page pai pa rhai haikoie solution hai. To hmai vikashkk543@gmail.com pai email or 8229085191 pai WhatsApp kar dijiyai please
Surendra Singh says
vikash ji pahle aap apne fb page par post dala karo fir usko page si share kiya karo.
himanshu says
sir jab mai apne blogger post ka link Facebook par share karta hu to post ka image change ho jaata hai matlab kisi dusre post ka image show hota hai ….aisa Ku …..please reply
Surendra Singh says
Iske liye aap apne template me Facebook open graph check kijiye available hai ya nahi, Fb open graph tag ke liye ise padhiye http://www.bloglon.com/facebook-open-graph-meta-tags-kaise-add-kare/
MICKY VERMA says
hi brother please ek baar meri website ko chek karake batao isame kya kami hai please bro.
Surendra Singh says
aapki website achhi hai lekin site description achha daliye aur post title achha sochkar dala kare.
MANU says
bahut sahi janakari di aap ne thnxx bro
Tehseen Naqvi says
surendra Bhai Please Help Me Bhai Mujhe Aap Tak bohot Zaroori Kaam Hai About Blog Bhai Please Batayein K me Apse Contact Kesay Karon Please Bhai I Am Waiting
Surendra Singh says
Aap mujhse Facebook inbox me massage kijiye me aapse baat karunga.
vijay singh says
surendra ji, aapki post bhahut acchi hai. par aapne jo code diya hai. vah copy nahi ho raha hai. please check.
Surendra Singh says
अब पोस्ट को update कर दिया है आप आसानी से कोई भी कोड कॉपी कर सकते हैं.
Arvind says
bahut achha actricle mere liye kafi usefull hai please aise hi achhi achhi jankari dete rhe
vijay says
sir maine aapka diya huwa code apne tamplate me sahi tarike se lagaya, par jab bhi mai apne website ki post ko facebook.com ya other social networking sites par share kar raha hu. to usme photo alag hi aa raha hai. aur nahi descrepation aa raha hai plz sir bataiye mai ise kaise sudhar sakta hu.
Surendra Singh says
Maine check kiya hai aap jab facebook par share karenge to bada thumbnail show hoga, lekin jo aapki post pahle se publish hai yadi unhe bade thumbnail ke sath share karoge to Facebook debugger tool me jakar debug karna hoga tabhi sahi show hoga. jo new post publish karoge uske liye debug karne ki jarurat nahi padegi.