मैं शेयर इस पद्धति को लागू करने की कोशिश कर रहा हूँ। इस प्रकार मैं कोड का उपयोग कर रहा
http://www.facebook.com/share.php?u=my_website_url
अब फेसबुक बाईं ओर कुछ थंबनेल दिखा यह प्रदर्शित होने पर। इन छवियों को अपनी वेबसाइट से उठाया जाता है। मैं कैसे झलक के रूप में किसी विशेष छवि चुन सकते हैं या कम से कम यह थंबनेल दिखने बंद हो?
तुम मेरे साथ यह जाँच कर सकते हैं ब्लॉग का पता ।
: इस ब्लॉग पोस्ट आपका जवाब है लगता है
http://blog.capstrat.com/articles/facebook-share-thumbnail-image/
विशेष रूप से, निम्नलिखित की तरह एक टैग का उपयोग करें:
<link rel="image_src"
type="image/jpeg"
href="http://www.domain.com/path/icon-facebook.gif" />
छवि का नाम उदाहरण के रूप में ही होना चाहिए।
क्लिक करें "यह सुनिश्चित करने के पूर्वावलोकन काम करता है"
नोट: टैग सही हो सकता है लेकिन फेसबुक केवल हर 24 घंटे scrapes, अपनी दस्तावेज़ीकरण के अनुसार। फेसबुक में छवि प्राप्त करने के लिए फेसबुक एक प्रकार का वृक्ष पेज का प्रयोग करें।
मैं एक ही समस्या हो रही है और विश्वास है कि मैं इसे हल किया है किया गया था। मैं लिंक मेटा टैग यहाँ उल्लेख के रूप में छवि मैं चाहता था करने के लिए बात करने के लिए इस्तेमाल किया, लेकिन महत्वपूर्ण है कि अगर आपको लगता है कि अमेरिकन प्लान विकल्प के रूप में किसी भी अन्य छवियों खींच नहीं होगा। इसके अलावा, यदि आपके चित्र बहुत बड़ी है, तो आप कोई भी विकल्प नहीं होगा।
यहाँ मैं अपनी साइट कैसे तय है http://gnorml.com/blog/facebook-link-thumbnails/
मेरे टैग सही थे लेकिन फेसबुक केवल हर 24 घंटे scrapes, अपनी दस्तावेज़ीकरण के अनुसार। फेसबुक एक प्रकार का वृक्ष पेज का उपयोग करते हुए फेसबुक में छवि मिला है।
यहाँ अपना यूआरएल दर्ज करें और अमेरिकन प्लान अपने पृष्ठ से मेटाडाटा अपडेट कर देगा:
https://developers.facebook.com/tools/debug (अद्यतन लिंक)
फेसबुक के कल्पना से, इस तरह एक कोड का उपयोग करें:
<meta property="og:image" content="http://siim.lepisk.com/wp-content/uploads/2011/01/siim-blog-fb.png" />
स्रोत: Facebook पर साझा
फेसबुक पर शेयर करना: कैसे छवि, शीर्षक, और पाठ को अनुकूलित द्वारा अपने परिणाम सुधारने का
ऊपर के लिंक से। सबसे अच्छा संभव शेयर के लिए, आप अपने HTML में डेटा के 3 टुकड़े का सुझाव देना चाहता हूँ:
इस के बाद, अपने HTML के 'सिर' टैग के अंदर रखा द्वारा पूरा किया:
<title>INSERT IGNORE POST TITLE</title><meta property=og:image content="http://site.com/YOUR_IMAGE.jpg"/><meta name=description content="INSERT IGNORE YOUR SUMMARY TEXT"/>आप वेबसाइट स्थिर HTML है, तो आप अपने HTML संपादक का उपयोग कर प्रत्येक पृष्ठ के लिए यह करने के लिए होगा।
आप Drupal की तरह एक सीएमएस का उपयोग कर रहे हैं, तो आप (लिंक ऊपर देखें) यह बहुत स्वचालित कर सकते हैं। आप वर्डप्रेस का उपयोग करते हैं, तो आप शायद एक दिशानिर्देश के रूप Drupal उदाहरण का उपयोग कुछ इसी तरह लागू कर सकते हैं। मुझे आशा है कि आप इन उपयोगी पाया।
अंत में, आप मैन्युअल रूप से कभी अपना हिस्सा पोस्ट को संपादित कर सकते हैं। देखें चित्र के साथ इस उदाहरण ।
मैं भी एक पर एक समस्या हुई साइट मैं पिछले सप्ताह पर काम कर रहा था। मैं एक तरह बॉक्स लागू किया और इस तरह बॉक्स का परीक्षण किया। (: छवि मेटा ओब) तब मैं अपने शीर्ष लेख में कोई चित्र जोड़ने के लिए आगे बढ़े। फिर भी सही छवि मेरी फेसबुक अधिसूचना पर दिखाई नहीं दिया।
मैं सब कुछ करने की कोशिश की, और निष्कर्ष है कि एक तरह बटन के हर एक कार्यान्वयन कैश किया गया है के लिए आया था। तो चलो आप घड़ी यूआरएल एक पर की तरह बटन है, तो आप शीर्ष लेख में एक चित्र निर्दिष्ट मान लीजिए और आप यूआरएल ए पर फिर से ल्यूक बटन पर क्लिक आप छवि नहीं देखेंगे के रूप में पेज कैश किया गया है द्वारा परीक्षण। छवि जब आप पृष्ठ बी पर की तरह बटन पर क्लिक करें दिखाई देगा
कैश रीसेट करने के लिए, आप फाहा डिबगर उपकरण है जो कि ऊपर उल्लेख किया है उपयोग करने के लिए, और उन है कि कैश नहीं किया जाता के लिए किए गए सभी URL को मान्य है ... यह केवल एक चीज है कि मेरे लिए काम किया है।
फेसबुक का उपयोग करता है og:tagsऔर ओपन ग्राफ प्रोटोकॉल क्या जानकारी है जब एक में अपने URL का पूर्वावलोकन प्रदर्शित करने के लिए समझने के लिए शेयर संवाद
या फेसबुक पर एक समाचार फ़ीड में।
og:tagsजैसे जानकारी शामिल है:
यहाँ एक उदाहरण (से लिया है फेसबुक प्रलेखन कुछ का)og:tags
<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
एक बार जब आप का सही मार्कअप को लागू किया है og:tagsऔर उनके मान निर्धारित, आप कैसे फेसबुक का उपयोग करके अपने URL देखने होगा परीक्षण कर सकते हैं फेसबुक डीबगर । डिबगर उपकरण भी किसी भी समस्याओं के साथ यह पाता है पर प्रकाश डाला जाएगा og:tagsपृष्ठ पर या कमी है वहाँ-की।
ध्यान में रखना एक बात है फेसबुक वह यह है कि करता है इस जानकारी के संबंध में कुछ कैशिंग है, इसलिए क्रम परिवर्तन आपके पृष्ठ असर टी जा होगा लेने के लिए के लिए में स्क्रैप के रूप में दस्तावेज में कहा गया है:
संपादन मेटा टैग
आप अपने पृष्ठ का टैग अपडेट करके अपने पेज की विशेषताओं को अपडेट कर सकते हैं। ध्यान दें कि ओग: शीर्षक और ओग: प्रकार शुरू में ही संपादित कर रहे हैं - अपने पृष्ठ प्राप्त करता है के बाद 50 पसंद करती शीर्षक तय हो जाता है, और अपने पृष्ठ प्राप्त हुए 10,000 पसंद करती प्रकार स्थिर हो जाती है। इन गुणों आश्चर्य की बात उन जो पहले से ही पेज को पसंद किया है से बचने के लिए निर्धारित हैं। शीर्षक या प्रकार टैग बदलने के बाद इन सीमाओं तक पहुंच रहे हैं कुछ नहीं करता है, अपने पृष्ठ मूल शीर्षक और प्रकार बरकरार रखती है।
के लिए परिवर्तन फेसबुक पर प्रदर्शित करने के लिए, आप अपने पेज के लिए मजबूर करना होगा स्क्रैप किया जाना है। पेज के लिए एक व्यवस्थापक की तरह बटन पर क्लिक करता है या जब पेज स्क्रैप है URL में दर्ज किया गया है जब
फेसबुक यूआरएल Linterफेसबुक डीबगर ...
मुझे लगता है कि सभी प्रदान की उत्तर सही हैं देखते हैं। हालांकि, एक महत्वपूर्ण विस्तार अनदेखा किया गया: छवि का आकार, कम से कम 200 x 200 px का होना चाहिए अन्यथा फेसबुक पहले से उपलब्ध छवि उस पृष्ठ पर मानदंडों को पूरा करती साथ थंबनेल विकल्प होगा। प्रभावी करने के लिए छवि: एक अन्य तथ्य यह है कि न्यूनतम आवश्यक 3 metas कि फेसबुक ओग के लिए की आवश्यकता है शामिल करने के लिए है:
<meta property="og:title" content="Title of the page" />
<!-- NEXT LINE Even if page is dynamically generated and URL contains query parameters -->
<meta property="og:url" content="http://yoursite.com" />
<meta property="og:image" content="http://convertaholics.com/convertaholics-og.png" />
फेसबुक डीबगर के साथ अपने पृष्ठ को ठीक और सभी चेतावनियों को ठीक करने और यह एक आकर्षण की तरह काम करना चाहिए! https://developers.facebook.com/tools/debug
सबसे आसान तरीका है मैं हर जूमला लेख के लिए फेसबुक ओपन ग्राफ़ स्थापित करने के लिए मिल गया है, com_content / लेख / default.php ओवरराइड में, कोड में रखने के लिए किया गया था:
$app = JFactory::getApplication();
$path = JURI::root();
$document = JFactory::getDocument();
$document->addCustomTag('<meta property="og:title" content="YOUR SITE TITLE" />');
$document->addCustomTag('<meta property="og:name" content="YOUR SITE NAME" />');
$document->addCustomTag('<meta property="og:description" content="YOUR SITE DESCRIPTION" />');
$document->addCustomTag('<meta property="og:site_name" content="YOUR SITE NAME" />');
if (isset($images->image_fulltext) and !empty($images->image_fulltext)) :
$document->addCustomTag('<meta property="og:image" content="'.$path.'<?php echo htmlspecialchars($images->image_fulltext); ?>" />');
else :
$document->addCustomTag('<meta property="og:image" content="'.$path.'images/logo.png" />');
endif;
यह वर्तमान लेख से विवरण के साथ सिर में मेटा ओग टैग स्थापित करेंगे।
यह इस तरह सब काम करता है:
आप विशेष वेबपेज आप साझा कर रहे हैं पर HTML उपयोग करने की क्षमता की जरूरत है। यह शायद बहुत चौड़ा साइट काम आप एक आम हैडर फ़ाइल का उपयोग करता है, तो होगा। मैं इस प्रयास नहीं किया है, लेकिन यह काम करना चाहिए। तुम सिर्फ सभी पृष्ठों के लिए एक ही छवि मिलता है अगर आप इस हालांकि कर देंगे।
आप में पेज में इन HTML मेटा टैग जोड़ने की जरूरत है। यदि आप इसे में डाल यह काम नहीं करेगा। अपने क) छवि, ख) विवरण, ग) यूआरएल, और घ) शीर्षक प्रति अनुकूलित करने के लिए सुनिश्चित करें।
एक वास्तविक उदाहरण।
<meta property="og:image" content="http://www.coachesneedsocial.com/wp-content/uploads/2014/12/BannerWCircleImages-1.jpg" />
<meta property="og:description" content="Coaches share their secrets to success so you can rock 2015." />
<meta property="og:url"content="http://www.coachesneedsocial.com/coacheswisdomtelesummit/" />
<meta property="og:title" content="Coaches Wisdom Telesummit" />
https://developers.facebook.com/tools/debug/og/object/
बिग टिप .. सुनिश्चित करें कि "उद्धरण चिह्न" अपने HTML में एक ही कर रहे हैं (वे 2 सीधे निशान और कोई घटता की तरह दिखना चाहिए ... कभी कभी कार्यक्रमों अलग फोंट के लिए इन बदल सकते हैं और यह कोड को goofs।