2012-07-23 11 views
103

फेसबुक मेरी साइट से सभी तस्वीरें लाता है।फेसबुक शेयर के लिए 'ओजी' (ओपन ग्राफ) मेटा टैग का उपयोग कैसे करें

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

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

उत्तर

36

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

हम जिस तरह से करते हैं 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"> 

आप अपने HTML फ़ाइल के <head> में इससे मिलते-जुलते मेटा टैग रखने की आवश्यकता होगी -

टैग कुछ इस तरह दिखाई। अपने लिए मूल्यों को प्रतिस्थापित करना न भूलें!

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


फेसबुक हमें मदद करने के लिए जब इन मेटा टैग के साथ काम कर एक महान छोटे उपकरण देता है - - यहाँ वहाँ से ट्यूटोरियल में से एक है आप Debugger उपयोग कर सकते हैं कि कैसे फेसबुक अपने URL देखता है देखने के लिए, और यह ' आपको यह भी बताएगा कि इसमें कोई समस्या है या नहीं।

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

+0

मैं अपने विवरण में एचटीएमएल टैग देख रहा हूं, क्या आप जानते हैं कि इस बारे में कैसे जाना है? – Neil

330

उपयोग:

<!-- 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="" /> 

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

अधिक जानकारी के लिए, 18 Meta Tags Every Webpage Should Have in 2013 पर जाएं।

+0

क्या आप जानते हैं कि 'लेखक' टैग में लेखक का नाम होना चाहिए, या प्रोफाइल यूआरएल का लिंक होना चाहिए? – tobek

+0

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

+0

मेटा टैग 'लेखक' का अर्थ वेबसाइट या लेखक के लेखक या ब्लॉग आलेख पर उपयोग में लेखक का लेखक है? – LuiGi

27

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

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

+1

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

+0

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

संबंधित मुद्दे