फेसबुक शेयर के लिए 'ओग' (ओपन ग्राफ) मेटा टैग का उपयोग कैसे करें

118

फेसबुक मेरी साइट से सभी तस्वीरें लाता है।

मैं केवल एक तस्वीर साझा करना चाहता हूं जो उस पृष्ठ पर है।

मैंने ogमेटा टैग के बारे में सुना है , लेकिन मुझे नहीं पता कि इसे कैसे लगाया जाए।

facebook-opengraph meta

— विग्नेश बाबू एमडी
स्रोत

जवाबों:

355

उपयोग:

<!-- For Google -->
<meta name="description" content="" />
<meta name="keywords" content="" />

<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="application-name" content="" />

<!-- For Facebook -->
<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />

<!-- For Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

अपने पृष्ठ की सामग्री के अनुसार सामग्री = "..." भरें।

अधिक जानकारी के लिए, 2013 में 18 मेटा टैग हर वेबपेज पर जाना चाहिए ।

— CarlosPinedaT
स्रोत

क्या आपको पता है कि authorटैग में लेखक का नाम, या प्रोफ़ाइल URL का लिंक होना चाहिए?

— 19

मुझे लगता है कि दोनों संभव है। यदि आप अपने पोस्ट के बाईं ओर अपनी प्रोफ़ाइल छवि को Google खोज पृष्ठ पर चाहते हैं, तो आपको अपने Google + प्रोफ़ाइल का लिंक प्रदान करना चाहिए।

— जूरीहंदल

मेटा टैग का authorअर्थ है वेबसाइट का लेखक या वर्तमान लेख का लेखक (ब्लॉग लेख पर उपयोग में उदाहरण)?

— लुइगी

क्या यह अच्छा अमल है? क्या Google / Facebook / Twitter को इसके साथ कोई त्रुटि नहीं मिलेगी?

— जेरोमी डेवेरा

1) फेसबुक <मेटा नाम = "लेखक"> टैग को पढ़ेगा और पूर्वावलोकन में प्रदर्शित करेगा जब कोई व्यक्ति एक पृष्ठ साझा करता है 2) फेसबुक के पास अब <मेटा संपत्ति = "लेख: लेखक"> ( giannopoulos.net/ पर विवरण) के लिए समर्थन है 2015/06/20 /… ) और आपके फेसबुक प्रोफ़ाइल के लिए एक लिंक प्रदर्शित करेगा (यदि आप वास्तव में लेख में इसके लिए एक लिंक डालते हैं: लेखक) 3) Google अब "रिच स्निपेट्स" के रूप में समृद्ध डेटा की तलाश करता है। ( Developers.google.com/structured-data )

— मार्क

जब आप लिंक साझा करते हैं, तो यह तय करने के लिए कि किन चीजों को प्रदर्शित करना है, यह तय करने के लिए फेसबुक ओपन ग्राफ प्रोटोकॉल का उपयोग करता है । ओजीपी आपके पृष्ठ को देखता है और यह तय करने की कोशिश करता है कि क्या सामग्री दिखाना है। हम एक हाथ उधार दे सकते हैं और वास्तव में फेसबुक को बता सकते हैं कि हमारे पेज से क्या लेना है।

जिस तरह से हम og:metaटैग के साथ करते हैं।

टैग कुछ इस तरह दिखते हैं -

  <meta property="og:title" content="Stuffed Cookies" />
  <meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" />
  <meta property="og:description" content="The Turducken of Cookies" />
  <meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">

आपको <head>अपनी HTML फ़ाइल में इन या ऐसे ही मेटा टैग लगाने की आवश्यकता होगी । अपने खुद के लिए मूल्यों का विकल्प भूलना मत!

अधिक जानकारी के लिए आप सभी पढ़ सकते हैं कि फेसबुक कैसे इन मेटा टैग का उपयोग अपने प्रलेखन में करता है। यहाँ से एक ट्यूटोरियल है - https://developers.facebook.com/docs/opengraph/tutorial/

फेसबुक हमें इन मेटा टैग से निपटने के दौरान हमारी मदद करने के लिए एक महान उपकरण देता है - आप डीबगर का उपयोग करके देख सकते हैं कि फेसबुक आपके URL को कैसे देखता है, और यह आपको यह भी बताएगा कि इसके साथ कोई समस्या है या नहीं।

यहां एक बात ध्यान देने वाली है कि हर बार जब आप मेटा टैग में बदलाव करते हैं, तो आपको URL को डीबगर के माध्यम से फिर से फीड करना होगा, ताकि फ़ेसबुक उन सभी डेटा को साफ़ कर दे जो आपके सर्वर पर आपके URL के बारे में कैश्ड हैं।

— Lix
स्रोत

मैं अपने विवरण में html टैग देख रहा हूं, क्या आप जानते हैं कि इसे कैसे प्राप्त करें?

— नील

मैंने मेटा जनरेशन के लिए एक टूल बनाया। यह फेसबुक, Google+ और ट्विटर के लिए प्रविष्टियों को पूर्व-कॉन्फ़िगर करता है, और आप इसे यहां मुफ्त उपयोग कर सकते हैं: http://www.groovymeta.com

सवाल का थोड़ा और जवाब देने के लिए, OGटैग (ओपन ग्राफ़) टैग मेटा टैग के समान काम करते हैं, और इसे आपकी HTML फ़ाइल के HEAD अनुभाग में रखा जाना चाहिए। प्रभावी ढंग से ओजी टैग का उपयोग कैसे करें के बारे में अधिक जानकारी के लिए फेसबुक की सर्वोत्तम प्रथाओं को देखें ।

— लुई ओटो
स्रोत

धन्यवाद @Mogsdad मैंने तदनुसार अपने उत्तर पर विस्तार किया है।

— लुई ओटो

लिंक टूट गया, दुर्भाग्य से!

— विंसेंट सेल्स