BloggingHindi - Blogging Aur Internet Ki Sabhi Jankari

  • About Us
  • Contact Us
  • Blogging
  • WordPress
  • SEO

Blogger Me Facebook Open Graph Data Kaise Add Kare

Last Updated on April 11, 2022 by Md Arshad Noor 3 Comments

Hello दोस्तों, आज में आपको बताने वाला हूँ की blogger में Blogspot ब्लॉग में facebook open graph कैसे add करते हैं? इसके लिए में आपको बहुत ही simple process बताऊंगा, जिससे आप अपने ब्लॉग के सभी posts और pages में open graph add कर सकते हो. चलिए last तक इस पोस्ट को पढ़िए.

blogspot blog me facebook open gr4aph kaise add kare

Social media हमारे लिए बहुत जरुरी होता है. यह एक बहुत अच्छा जगह है जहाँ से हम अपने ब्लॉग पर लाखों ट्रैफिक generate कर सकते हैं. इसकी मदद से हम बहुत सारे काम को easily कर सकते हैं. ऐसे कई सारे websites हैं, जिनमे सबसे ज्यादा ट्रैफिक social media से ही आता है.

ख़ास तौर से news sites में सबसे अधिक ट्रैफिक social media से ही आता है. ऐसे में वे लोग अपने site को social media के लिए पूरी तरह से optimize करके रखते हैं. जिससे अगर कोई उसके पोस्ट को कोई social media में share कर देते हैं तो काफी अच्छा perform कर पाते हैं.

कई सारे नये blogger जब अपने पोस्ट को facebook या किसी social media में share करता है तो उसके पोस्ट का structure ठीक नही होता है, जिसके कारण उनका पोस्ट अच्छा perform नही कर पाता है. मतलब उनके पोस्ट का title, description, thumbnail ये सब show नही होता है, जिससे उसका look भी better नही होता है.

Recently, मेरे ब्लॉग में किसी ने comment भी किया था की जब में facebook में post URL share करता हूँ तो वहाँ title, description और thumbnail show नही होता है. तो मेने उसे बताया की उसके ब्लॉग में facebook open graph नही है, इसीलिए ऐसा हो रहा है.

इस पोस्ट में हम आपको बताने जा रहे हैं की blogger ब्लॉग में facebook open graph data कैसे add करें? अगर आपका ब्लॉग wordpress पर है तो आप Yoast SEO जैसे plugin का use कर सकते हो. ये आपके site के सभी pages में facebook open graph add कर देंगे.

Blogger में Facebook Open Graph कैसे Add करते हैं?

चलिए अब में आपको step by step बता रहा हूँ. इसमें आपको कुछ codes को अपने ब्लॉग के टेम्पलेट में add करने होंगे, उसके बाद आपके ब्लॉग के सभी pages और posts में facebook open graph add हो जायेंगे.

Step 1: सबसे पहले आप Blogger ब्लॉग में login करके Dashboard >> Theme >> Edit HTML में जाइये.

Step 2: अब आपको CTRL+F को दबा कर <html को search करना है और > से पहले आपको निचे दिए code को add कर देना है.

xmlns:og='http://ogp.me/ns#'

अब save कर दीजिये. आप निचे screenshot में देख सकते हो.

Blogger Me Facebook Open Graph Data Kaise Add Kare 1

Step 3: अब आपको फिर से </head> को find करना है. (अगर नही मिले तो सिर्फ </head search करें) उसके बाद आपको  </head> से पहले निचे दिए गये code को add कर देना है.

<!-- Begin Open Graph metadata -->
<meta expr:content='&quot;en_US&quot;' property='og:locale'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<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='Img-URL-If-No-Image' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<!-- Still looking for a way to use the post snippet if there's no description -->
</b:if>
<!-- End Open Graph metadata -->

 

Note:  

  • इस code में Img-URL-If-No-Image के जगह में आपको उस thumbnail का URL add करना है, जो पोस्ट में thumbnail नही होने पर show होगा.
  • अगर आपका facebook app associated account है तो आप निचे दिए meta को भी <!– End Open Graph metadata –> से पहले add कर देना है.

<meta content=’App-ID‘ property=’fb:app_id’/> <meta content=’Facebook-Profile-ID‘ property=’fb:admins’/>

 

अब इसको save कर दीजिये. आप निचे screenshot भी देख सकते हो.

Blogger Me Facebook Open Graph Data Kaise Add Kare 2

अब आपके ब्लॉग में facebook open graph add हो गया है. अब आप facebook में अपने ब्लॉग की कोई भी पोस्ट URL share करेंगे तो वहाँ अपने आप आपके पोस्ट का title, description और thumbnail show होने लगेंगे. इससे सम्बन्धित अगर कोई सवाल आपके मन में है तो आप हमें comment में बता सकते हो.

  1. Blogger Blog Me Schema.org Data Kaise Add kare.  Google Rich Snippet ke Liye
  2. YouTube Channel Me Custom URL Kaise SetUp Kare [With Screenshots]
  3. Adsense Payment Receive Nahi Hone Ke 10 Reasons [
  4. Blog Traffic Kam (Decrease) Hone Par Kya Kare [5 Tips]
  5. Facebook Se Dofollow Backlink Kaise Banaye [Get High Quality Backlink]

इस पोस्ट को अपने दोस्तों के साथ social media में share जरुर करें.

You May Also Like

  • Blogger Me Syntax Highlighter Add Karke Post Me Code Kaise Dikhaye

    Blogger Me Syntax Highlighter Add Karke Post Me Code Kaise Dikhaye

  • Blog Me Back To Top Scroll Button Kaise Add Kare.

    Blog Me Back To Top Scroll Button Kaise Add Kare.

  • Blog me Anti AdBlock ko Add Karke Adsense Earning 50% Increase kare

    Blog me Anti AdBlock ko Add Karke Adsense Earning 50% Increase kare

  • Blogger Me Duplicate Content Issue Kaise Fix Kare [Complete Guide]

    Blogger Me Duplicate Content Issue Kaise Fix Kare [Complete Guide]

About Md Arshad Noor

हेलो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में इस ब्लॉग में रेगुलर नई नई आर्टिकल्स लिखता हूँ. यहाँ पर हम ज्यादातर Blogging, Make Money, SEO, WordPress आदि से सम्बंधित Article मिलेगी. आपको हमारी लेख पसंद आती है तो इसे सोशल मीडिया में शेयर करें। अगर आपको कोई सहायता चाहिए तो कमेंट कीजिए।

COMMENTs ( 3 )

  1. Asif ansari says

    Nice post bro. It’s working thank ?? you for sharing.

    Reply
  2. Farruq says

    Guest post allow krte hain kya aap

    Reply
    • Md Arshad Noor says

      Yes!!

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Please do not spam! otherwise your comment will be removed.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Useful Articles

Google Keyword Ranking Check karne ke liye 5 Best Website

Website Ko User Friendly Banane Ke Liye 5 Secrets

PHP Version Ko Upgrade Karke Site Speed Ko 20% Increase Kare

WordPress Toolbar/Adminbar Ko Hide Aur Customize Kaise Kare

Adsense Account Kaise Banaye [Step By Step]

Blogging Ke 10 Important Myths ke Bare Me Apko Pata Hona Chahiye

Hostlelo Review – A Great Solution for New Bloggers

QR Code Kya Hai? QR Code Kaise Banaye aur Scan Kaise Kare

Blog Me Live Cricket Score Widget Kaise Add Kare

7 Karn WordPress Me Jyada Plugin Use Nahi Karni Chahiye

Directory Browsing Kya Hota Hai-Isko Disable Karne Ke 2 Tarike

Twitter Account Ko Secure Kaise Rakhe

Blog ko Delete kaise kare aur Delete kiya hua blog wapas kaise laye

About Us

mdarshadnoorहेल्लो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में अररिया, बिहार का रहने वाला हूँ. मुझे नयी चीजें सीखना-सिखाना बहुत पसंद है. में पिछले 5 सालों से ब्लॉगिंग के फील्ड में हूँ. इस ब्लॉग में आपको ब्लॉगिंग और इन्टरनेट से सम्बन्धित जानकारी मिलेगी.

SUBSCRIBE OUR NEWSLATTER

हमारे नवीनतम पोस्ट की सूचना एवं उपयोगी सामग्री प्राप्त करने के लिए हमसे जुड़ें

Posts for WP Users:

WordPress Me Ads Dikhane Ke Liye Ad Injection Setup Kaise Kare

WordPress Blog Me SMTP Ko SetUp & Configure Kaise Kare – [For Sending Emails]

WordPress Categories Aur Tags Ko Search Engine Se Remove Kaise Kare

Blog Security Ke Liye WordPress Login URL Ko Change Kaise Kare: 2 Methods

WordPress Me HTTP Mixed Content Error Fix Kaise Kare [Step By Step]

More Posts from this Category

DMCA.com Protection Status

Recommended For You

Storage Device क्या है? यह कितने प्रकार के होते हैं? पूरी जानकारी

SERPs kya hai? SERPs Performance Increase karne ke 7 Tips

Search Engine me Blog Title se Pahle Post Title show Kaise Karwaye

WordPress Blog Ke Theme Ko Export (Download) Kaise Kare – 2 Method

Blog Me Completely SEO Friendly Post Kaise Likhe?

Ek Adsense Account me Multiple Gmail Account Kaise Add Kare

Copyright © 2021 - All rights reserved. AboutContactSitemapDisclaimer