"फेसबुक प्रकाशक" एक साझा वेबसाइट से छवि, शीर्षक और सामग्री का चयन कैसे करता है?


12

यह फेसबुक प्रकाशक के बारे में एक प्रश्न है । जब मैं एक लिंक साझा करता हूं, तो फेसबुक कुछ पाठ, शीर्षक को साइट से एक छवि और उपयोगकर्ता के लिए एक पूर्वावलोकन का निर्माण करेगा। तब उपयोगकर्ता पूर्वावलोकन को संपादित कर सकता है, कई अलग-अलग थंबनेल में से एक को चुना, और फिर इसे अपने फेसबुक प्रोफाइल पर पोस्ट कर सकता है।

इस बिंदु को स्पष्ट करने के लिए एक स्क्रीनशॉट दिया गया है:

फेसबुक से स्क्रीनशॉट

प्रकाशक आवेदन लिंक से छवियों और पाठ को कैसे पकड़ता है? क्या ऐसे ही एप्लिकेशन हैं जो अन्य लोकप्रिय वेब एप्लिकेशन, Google अनुप्रयोगों, वर्डप्रेस ब्लॉग्स, आदि में से किसी के लिए काम करते हैं?

मैंने कुछ महीने पहले इसी तरह का सवाल पूछा था, और ऐसा प्रतीत होता है कि फेसबुक oEmbed का उपयोग करता है , लेकिन ऐसा प्रतीत होता है कि oEmbed केवल सामग्री एम्बेड करता है। मैंने यह भी पढ़ा कि oEmbed केवल oEmbed प्रदाताओं के साथ काम करता है। फेसबुक प्रकाशक लगभग सभी वेबसाइटों के साथ काम करता है।



@ एफडब्ल्यूडी: ऐसा लगता है कि @ एडवर्ड अपने पोस्ट में बग के बारे में बात कर रहे हैं। यह "लेकिन लगभग दो सप्ताह पहले से काम कर रहा था ..."
स्टीफन लासिवस्की

जवाबों:


10

यदि शीर्षक और छवि आदि के लिए मौजूद है, तो फेसबुक किसी भी खुले ग्राफ़ मेटा टैग का उपयोग करेगा (उदाहरण के लिए, og: शीर्षक)। ओपन ग्राफ प्रोटोकॉल के लिए फेसबुक प्रलेखन इसे और अधिक विस्तार से बताता है:

ओपन ग्राफ प्रोटोकॉल चार आवश्यक गुणों को परिभाषित करता है:

ओग: शीर्षक - आपकी वस्तु का शीर्षक ग्राफ के भीतर दिखाई देना चाहिए, जैसे, "द रॉक"।

ओग: प्रकार - आपकी वस्तु का प्रकार, उदाहरण के लिए, "मूवी"। समर्थित प्रकारों की पूरी सूची देखें।

ओग: छवि - एक छवि URL जो ग्राफ़ के भीतर आपकी वस्तु का प्रतिनिधित्व करना चाहिए। छवि को 50px तक कम से कम 50px होना चाहिए और इसका अधिकतम पहलू अनुपात 3: 1 होगा।

og: url - आपकी ऑब्जेक्ट का कैनोनिकल URL जिसका उपयोग ग्राफ में स्थायी आईडी के रूप में किया जाएगा, जैसे, http://www.imdb.com/title/tt0117500/

इसके अलावा, हमने आपके पृष्ठ को फ़ेसबुक से जोड़ने के लिए दो आवश्यक फ़ील्ड जोड़ने के लिए मूल मेटा डेटा बढ़ाया है:

og: site_name - आपकी साइट के लिए एक मानव-पठनीय नाम, उदाहरण के लिए, "IMDb"।

fb: प्रवेश या fb: app_id - इस पृष्ठ को संचालित करने वाले फेसबुक उपयोगकर्ता आईडी या फेसबुक प्लेटफ़ॉर्म एप्लिकेशन आईडी की एक अल्पविराम से अलग सूची। यह आपके पृष्ठ पर fb: admins और fb: app_id दोनों को शामिल करने के लिए मान्य है।

यह भी सिफारिश की जाती है कि आप निम्नलिखित संपत्ति के साथ-साथ इन बहु-भाग गुणों को भी शामिल करें।

विवरण: विवरण - आपके पृष्ठ का एक से दो वाक्य विवरण।

मुझे यकीन नहीं है कि वे कैसे इन टैग की कमी वाले पृष्ठों के लिए करते हैं। यदि आप इस कार्यक्षमता की नकल करने की कोशिश कर रहे हैं तो यह कोई मदद नहीं है, क्षमा करें। लेकिन यदि आप प्रकाशक के रूप में अपने पृष्ठों को यह सुनिश्चित करने की कोशिश कर रहे हैं कि आप चाहते हैं तो शायद यह होगा।

आप facebook opengraph डीबगर का उपयोग भी कर सकते हैं, जो आपके पूर्वावलोकन के बारे में जानकारी प्रदान करेगा और साथ ही (सुपर आसान) यदि आप बदलाव करते हैं तो उनके कैश्ड लिंक को अपडेट करें। अन्यथा आप एक लिंक में बदलाव कर सकते हैं जिसे आप साझा करना चाहते हैं और परिवर्तन दिनों के लिए दिखाई नहीं देंगे:

https://developers.facebook.com/tools/debug


यदि आप खुले ग्राफ़ टैग प्रदान करते हैं तो वे मेटा टैग का उपयोग करेंगे। OG टैग वेबपेज को पसंद करते समय अधिक मददगार होते हैं, coz यह साइट / url के लिए फ़ेसबुक पेज बनाता है
उमैर जब्बार

4

फेसबुक को यह बताने के लिए कि आपको कौन सा पाठ और चित्र लेने हैं, आपको अपने पृष्ठ के प्रमुख में विशिष्ट मेटा कुंजियाँ जोड़ने की आवश्यकता है।

    <meta name="title" content="title" />
    <meta name="description" content="description " />
    <link rel="image_src" href="thumbnail_image" / >

मैंने उनका विवरण यहाँ पोस्ट किया है http://umairj.com/2010/10/modify-how-the-sared-item-appears-on-facebook/


1
यह दिलचस्प है, और उन मेटा टैग कई वेबमास्टर्स के लिए एक अनुशंसित अभ्यास हैं (यह खोज इंजन आदि की मदद करता है)। हालाँकि, flowingdata.com/2010/09/15/… के स्रोत को देखें । उस पृष्ठ में वे टैग नहीं हैं, और एक <link rel=छवि छवि टैग भी नहीं है।
स्टीफन लासिवस्की

@ स्टीफन, यह एक बहुत अच्छा सवाल है, अच्छी तरह से एफबी क्या करता है अगर यह नए ओपनग्राफ ओजी टैग्स के मेटा टैग नहीं ढूंढता है तो यह सभी छवियों को दिखाता है और उस पृष्ठ के एचटीएमएल की शुरुआत से पाठ का हिस्सा दिखाता है । तो उपयोगकर्ता को छवियों के लिए एक विकल्प मिलता है लेकिन पाठ समान है। इसके अलावा केवल उन छवियों को दिखाया गया है जो फेसबुक के निर्दिष्ट मानदंडों तक हैं। एस्पेट अनुपात
जब्बार

1

मेरे लिए जो काम किया गया वह टैग के ठीक बाद पेज पर वांछित थंबनेल छवि रखने और इसे देखने के लिए बहुत छोटा था।

<img src="imagename.jpg" width="1" height="1" />

मैंने इसकी ऊंचाई 0 और चौड़ाई 0 के साथ परीक्षण नहीं किया है, लेकिन यह शायद अभी भी काम करेगा .. इसकी गारंटी नहीं है कि उपयोगकर्ता इस छवि का चयन करेगा ..

यह भी ऐसा लगता है जैसे फेसबुक आपके पृष्ठ पर थंबनेल को कैश करता है और हमेशा इसे नए लोगों के लिए नहीं देखता है। इसे अपनी साइट पर किसी अन्य पृष्ठ पर जोड़ने का प्रयास करें और आप देखेंगे कि यह काम करता है।

उम्मीद है की यह मदद करेगा।


0

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

सबसे महत्वपूर्ण मेटा टैग आपको परिभाषित करने की आवश्यकता है:

  • <meta property="og:title" content="The title of the sharing preview" />
  • $<meta property="og:description" content="The first few lines of content below the title" />
  • <meta property="og:image" content="http://site.com/your-image-1200x630px.jpg" />

यह निश्चित रूप से केवल तभी काम करता है जब आपके द्वारा साझा की जा रही साइट पर पूरा नियंत्रण हो। यदि आप एक बाहरी लिंक (एक समाचार लेख की तरह) साझा कर रहे हैं, तो आपके पास उनकी साइट तक पहुंच नहीं है और इसलिए मेटा टैग नहीं बदल सकते। मैं ShareKit.io का उपयोग कर रहा हूं , जो आपको मेटा टैग के साथ फिडेल किए बिना किसी भी लिंक के शीर्षक, विवरण और छवि को बदलने की अनुमति देता है।


-1

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

यह कहा जा रहा है, मैं कहूंगा कि एल्गोरिथ्म बहुत जटिल नहीं होगा, यह संभवतः उन्हीं नियमों का बहुत उपयोग करता है जो Google वेबसाइटों से सामग्री को स्क्रैप करने के लिए उपयोग करता है (उनके पास यहां प्रकाशित कुछ सामान्य विवरण हैं )। मुझे लगता है कि प्रकाशक के पीछे की शक्ति फेसबुक इंजीनियरों द्वारा बहुत परीक्षण और त्रुटि और परीक्षण से आती है।


1
मैं पूरी तरह से असहमत हूँ!
उमैर जब्बार Um
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.