About us - Privacy Policy - Disclaimer - Contact us - Guest Posting

Blogger blog me Facebook Open Graph meta tags kaise add kare

Namaskar dosto, Aaj ki post every Blogspot/Blogger users ke liye bahut hi upyogi hai kyonki is post me ham aapko batane ja rahe hai ki Blogger blog me Facebook Open Graph meta tags kaise add karte hai ?, jabki maine apni pichhli post me aapko Youtube video ko achhi quality me kaise dekhte hai iske baare me bataya tha. Ham jante hai ki Social media website Facebook bahut hi popular site hai jis par lakho users online rahte hai, Isliye ham sab bloggers ke liye ye platform bahut hi upyogi hai kyonki is site ke dwara ham apne blog ke content ko lakho logo tak free me pahuncha sakte hai matlab promotion kar sakte hai. Kuchh samay pahle mujhse Facebook par bahut sare logo ne puchha tha ki FB open graph meta tags blogspot blog me kaise add karte hai.Blogger blog me Facebook Open Graph meta tags kaise add kareBahut saare aise blogger hai jinhone bloglon.com par is post ko publish karne ki request ki thi lekin kisi karan se ham is post ko likhne me thoda late huye uske liye ham aap sabse mafi chahta hai. To aaiye jante hai ki facebook og tags hame apne Blogspot blog par kyo add karna jaruri hai.

Facebook open graph meta tags Blogger blog me kyo add karte hai ?

Jaisa ki ham sab jante hai ki Blogger plateform blog host karne ki service free me provide karta hai aur Blogger plateform par ham third-party (Custome) template bhi use kar sakte hai, Lekin mostly free template me aap dekhenge ki FB og meta tags code add nahi hota hai ya fir sahi se work nahi karta hai jiske vajah se jab ham Facebook par apne blog post ki link share karte hai to post me use ki gayi images show nahi karti hai aur share ki gayi post achhi dikhai nahi deti jisse hamare followers us link ki taraf attract nahi hote. Isi vajah se hamare blog ka social traffic achha nahi rahta. Ab aap samajh gaye honge ki iski vajah se blog ke promotion ka koi advantage nahi mil pata hai. Isliye hame apne template me facebook meta tags add karna bahut hi important hota hai. To aaiye aage badhte hai aur jaante hai ki Open Graph kon-kon se markup use kiye jate hai.

Read Also: Blogger Basic settings kaise kare ?


Facebook open graph me use hone wale markup :

  • og:title – Ye post ka title ke liye use kiya jata hai.
  • og:url – Ye post ke URL ke liye upyog kiya jata hai.
  • og:description – Ye post ke description ke liye use kiya jata hai.
  • og:image – Ye post ki image (minimum size 609×315 under 200kb) ke liye upyog kiya jata hai.
  • og:type – Ye aapke article ke liye upyog kiya jata hai, Ye blog ke liye default hota hai.

To aaiye aage badhte hai aur ise apne template me add karne se pahle jaante hai ki ise Facebook par jab ham share karenge to kis tarah ki image dikhai deti hai.

  • Yadi aap image size 609×315 ya iske above rakhte hai to is prakar dikhai degi -[/tie_list]facebook og tags
  • Yadi aap image size 609×315 se kam rakhte hai to aapki image is prakar dikhai degi –facebook open graph

To Ab aap samajh gaye honge ki facebook open graph meta tags add karne ke baad jab aap post link FB par share karenge to kis tarah aapki link image ke sath kaisi dikhai degi. Ab chaliye aage badhte hai aur jante hai ki ise Blogger/Blogspot template me kaise add karte hai.

Read Also: Blogspot/Blogger blog me Post & Comments settings kaise kare ?


FB OG meta tags blogger blog me kaise add kare ?

Facebook open graph meta tags add karne ke liye dhyan se steps follow kariye –

  1. Iske liye sabse pahle Blogger Account login kare.
  2. Ab Dashboard >> Template >> Edit HTML par click kare.
  3. Ab template me sabse upar ki side niche likhe code ko dekhe –

<?xml version=”1.0″ encoding=”UTF-8″ ?>
<!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’

Note – Ye code thoda bahut alag alag ho sakta hai.

4. Ab niche likhe code ko upar wale code ke just baad paste kar dijiye –

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

Ab aapka code is prakar dkhai dega image dekhiye –FB namespace

5. Ab aapne Facebook open graph protocol tags add kar liya hai, Iske baad aapko Facebook open graph meta tags apne template me add karna hai. To chaliye aage badhte hai aur template me <head> tag ko khoje aur niche diye gaye code ko <head> tag ke baad ya niche paste kar de –

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

Important Customization :

  • logo-link ki jagah aap apne blog ke logo ki link paste kar de.
  • app_id ki jagah apne FB app ki ID dale.
  • fb_admins dal de.

6. logo-link, app_id, fb_admins Bharne ke baad Save Template par click kar dijiye. Image dekhiye –

facebook meta tags

Ab aap soch rahe honge ki ye app ID aur Fb Admins kya hote hai aur inhe aap kahaa se prapt karenge to dariye mat aur aaiye jante hai ki app ID aur Fb Admins kaise prapt kare.

App_id aur fb_admins kaise prapt karte hai ?

  • Iske liye sabse pahle Facebook Login kare aur Facebook Developers page par jaye.
  • Ab Create a New App par click kariye.facebook og tags
  • Iske baad ek Form khulega usme –
  1. Display name wale field me apne Blog ka naam bhariye, Namespace wale field ko khali chhod de.
  2. Contact Email wale field me apna Email Address bhariye.
  3. Category select kare
  4. Create App ID par click kar dijiye.open graph meta tags
  • Iske baad ek naya page open hoga usme Choose a Platform par click kariye.facebook open graph
  • Ab ek new popup window open hogi jisme Website par click kar dijiye.og meta tags
  • Iske baad fir ek naya page open hoga jisme aapko aapki App Id milegi use facebook open graph meta tags code me app_id ki jagah paste kar dijiye.
  • Ab Apna Blog URL bhar dijiye, Image dekhiye –open graph meta tags
  • Ab Facebook Insights page open kijiye.
  1. Add your Domain par click kijiye.
  2. Apna Blog URL bhariye.
  3. fb_admins copy karke facebook open graph meta tags code me fb_admins ki jagah paste kar dijiye.
  4. Iske baad Get Insights par click kar de.

facebook open graph meta tagsCongratulation ! Ab aapka Facebook open graph meta tags code successfully add ho chuka hai Lekin me aapko suggest karunga ki aap Facebook open graph debugger ke dwara ise check jaroor kar le jisse aapko maloom ho jayega ki ye code sahi tarike se add hua hai ya nhi. Ye aapko yah bhi batayega ki aapki post link kaisi dikhegi Fb par share karne par, Yadi isme koi error hoga to vo bhi aap dekh payenge ki kya problem hai aur use aasani se correct kar sakenge.

Read Also: Blogger Blog me Google Analytics code kaise add kare

Important Note – Apne Blog ki post me minimum 609×315 size ki image jaroor rakhe, Yadi aapki image 200×200 size ki hai to ho sakta hai ye Facebook open graph meta tags work na kare.

Mujhe ummid hai ki aapko ab achhi tarah se maloom chal gaya hoga ki Blogger blog me Facebook Open Graph meta tags kaise add karte hai. Yadi is post se related koi problem ya suggestion hai to aap comments ke madhyam se hamare saath jarur share kare ham aapki problem ya suggestion ka welcome karte hai. Yadi ye post aapko helpful lage to please apne social media freinds ke saath jaroor share kare.

Comments

  1. By Indrasinh SOLANKI

    Reply

  2. By Samak Ajmi

    Reply

  3. By Prasad surase

    Reply

    • Reply

  4. By prasad surase

    Reply

    • Reply

  5. By prasad surase

    Reply

    • Reply

  6. By Badan singh

    Reply

    • Reply

  7. By vikash

    Reply

    • Reply

Leave a Reply

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