Home Blogging Facebook Open Graph Meta Tags क्या है और OG Tags कैसे Use...

Facebook Open Graph Meta Tags क्या है और OG Tags कैसे Use करे?

0
Facebook Open Graph Meta Tags Ko Blogger Me Kaise Add Kare
Facebook Open Graph Meta Tags Ko Blogger Me Kaise Add Kare

Facebook Open Graph Meta Tags क्या है इसको कैसे use करते हैं और इसको अपने Blog में Add करना क्यों जरूरी होता है ऐसे बहुत सारे free blogger template होते हैं जिसमें Facebook Open Graph Meta Tags Add नहीं होता है।

इस blogger template में Facebook Open Graph Meta Tags ऐड नहीं होता है तो उस ब्लॉग के द्वारा फेसबुक पर पोस्ट को शेयर किया जाता है शेयर किए गए पोस्ट का thumbnail image Facebook show नहीं होता है।

दोस्तों Facebook Open Graph Meta Tags के साथ साथ Blogger में site map कैसे बनाये और site Google search console में कैसे add करे के बारे में भी जानना चाहिए।

Facebook Open Graph Meta Tags के कारण आपकी पोस्ट का title भी show नहीं होता है और post thumbnail के साथ-साथ image quality भी खराब हो जाती है जिसके कारण user को बहुत सारी परेशानियों का सामना करना पड़ता है जिसकी वजह से कोई visitor आपकी site पर ज्यादा समय तक नहीं रुकता है।

Blogger के लिए Facebook Open Graph Meta Tags

इस पोस्ट में आगे बढ़ने से पहले हमें यह जानना जरूरी है कि Facebook Open Graph में किस प्रकार का attributer को use किया जाता है इससे आपको attributer को समझने में आसानी होगी ही और तो और इसमें सारे function को आसानी से समझ पायेंगे तो चलिये जानते है-

  • Og tittle- यह blogger पोस्ट के tittle को बहतर करने में आपकी मदद करता हैं।
  • Og url- यह आपके post के सभी url को बेहतर करने में आपकी मदद करता हैं।
  • Og image- यह आपके पोस्ट के image को बेहतर करता है जो आपके फेसबुक पर show होना चाहिये
  • Og type- यह आपके पेज के type को बेहतर बनाता है।

अब आपको हम बताने वाले है कि फेसबुक ओपन ग्राफ मेगा टैग्स को ब्लॉगर में कैसे add करे।

Facebook Open Graph Meta Tags Ko Blogger Me Kaise Add Kare

Facebook Open Graph Meta Tags को Blogger में कैसे ऐड करे?

Facebook Open Graph Meta Tags को Blogger में कैसे ऐड करे के बारे में डिटेल में हम आपको step by step बताने वाले है।

Step 1- सबसे पहले आपको अपने Blogger Account में login हो जाना है।

Step 2- सबसे पहले आपको अपने template का backup लेना होगा उसके बाद आपको अपने ब्लॉगर के dashboard>>templet>>edit HTLM पर क्लिक करे।

Step 3- edit HTML में आपको कुछ इस तरह का कोड दिखेगा जिस तरह मैंने नीचे दिया हुआ है यह आपके template में थोड़ा अलग भी हो सकता है।

<html 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/

Step 4- अब आपको नीचे लिखे गये कोड को copy करके ऊपर वाले HTML code के closing tag> के just पहले paste कर देना है अगर आपके template में यह code नहीं है तो आप यह कोड को paste करे।

XMLNS:OG=’HTTP://OGP.ME/NS#’

अब यह कोड आपके Html editor में कुछ इस तरह से दिखेगा।

<HTML 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’ XMLNS:OG=’HTTP://OGP.ME/NS#’>

नोट्स- अगर आपको ऊपर कोड को add करने में कोई भी दिक्कत हों रही है तो आप तो ऊपर दिए गए कोड को copy करके ऊपर या पहले paste कर दे।

Step 5- अब आपने फेसबुक ओपन ग्राफ protocol tags को add कर लिया है तो अब आपको Facebook Open Graph Meta Tags को ब्लॉगर के template में ऐड कर देना है।

CTRL+F button को press करके सर्च बॉक्स में <head> लिख कर सर्च करना है उसके बाद नीचे following code <head> के नीचे या बाद में paste कर देना है।

<B:IF COND=’DATA:BLOG.PAGETYPE != &QUOT;ITEM&QUOT;’>
<B:IF COND=’DATA:BLOG.PAGETYPE == &QUOT;STATIC_PAGE&QUOT;’>
<META EXPR:CONTENT=’DATA:BLOG.PAGENAME’
PROPERTY=’OG:TITLE’/>
<META CONTENT=’ARTICLE’ PROPERTY=’OG:TYPE’/>
<B:ELSE/>
<META EXPR:CONTENT=’DATA:BLOG.PAGETITLE’
PROPERTY=’OG:TITLE’/>
<META CONTENT=’BLOG’ PROPERTY=’OG:TYPE’/>
</B:IF>
<B:ELSE/>
<META EXPR:CONTENT=’DATA:BLOG.PAGENAME’
PROPERTY=’OG:TITLE’/>
<META CONTENT=’ARTICLE’ PROPERTY=’OG:TYPE’/>
</B:IF>
<META EXPR:CONTENT=’DATA:BLOG.CANONICALURL’
PROPERTY=’OG:URL’/>
<META EXPR:CONTENT=’DATA:BLOG.TITLE’
PROPERTY=’OG:SITE_NAME’/>
<B:IF COND=’DATA:BLOG.POSTIMAGETHUMBNAILURL’>
<META EXPR:CONTENT=’DATA:BLOG.POSTIMAGEURL’ PROPERTY=’OG:IMAGE’/>
<B:ELSE/>
<META CONTENT=’HTTP://WWW.YOUR-DEFAULT-
THUMBNAIL.JPG‘ PROPERTY=’OG:IMAGE’/>
</B:IF>
<B:IF COND=’DATA:BLOG.METADESCRIPTION != &QUOT;&QUOT;’>
<META EXPR:CONTENT=’DATA:BLOG.METADESCRIPTION’ NAME=’OG:DESCRIPTION’/>
</B:IF><META CONTENT=’APP-ID‘ PROPERTY=’FB:APP_ID’/>
<META CONTENT=’FACEBOOK-PROFILE-ID‘ PROPERTY=’FB:ADMINS’/>

ऊपर दिए गए कोड में आपको कुछ customize करना है।

  • https://www.your-default-thumbnail.jpg के जगह पर blog के logo का link लगाये अगर आपके post में कोई image नहीं होगा तो यह image आपके पोस्ट शेयर करने पर show होगा।
  • App ID की जगह पर अपने Facebook App का link लगाये।
  • Facebook Profile ID की जगह पर अपने profile की id लगाये।

Step 6- code में customize करने के बाद save template पर click कर देना है।

अंतिम शब्द

दोस्तो आज की इस पोस्ट में हमने आपको बताया Facebook Open Graph Meta Tags क्या है और इससे आपको क्या फायदा है दोस्तो उम्मीद करता हु आपके लिये ज़रूर helpful रही होगी।

अगर मेरे द्वारा लिखी गयी पोस्ट आपको अच्छी लगी हो तो इसे निचे दिए गए social media handle button जैसे Facebook, Twitter, Instagram, LinkDIN आदि पर शेयर करे धन्यवाद।

Exit mobile version