كيفية إظهار صورة معينة كما المصغرة أثناء تنفيذ حصة على Facebook?

Question

أنا أحاول أن تنفيذ هذا الأسلوب.أنا باستخدام التعليمات البرمجية كما يلي

http://www.facebook.com/share.php?u=my_website_url

الآن عندما Facebook يظهر أنها تظهر بعض الصور المصغرة على الجانب الأيسر.هذه الصور التقطت من موقع الويب الخاص بي.كيف يمكنني اختيار صورة معينة كما المصغرة أو على الأقل توقف عرض صورة مصغرة?

يمكنك التحقق من ذلك مع بلدي عنوان بلوق.

Answer 1

هذا بلوق وظيفة يبدو أن إجابتك: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" />

اسم الصورة يجب أن تكون هي نفسها كما في المثال.

انقر فوق "التأكد من معاينة الأشغال"

ملاحظة:العلامات يمكن أن تكون صحيحة ولكن Facebook فقط الورطات كل 24 ساعة حسب الوثائق.استخدام Facebook الوبر الصفحة للحصول على الصورة في Facebook.

http://developers.facebook.com/tools/lint/

Answer 2

من Facebook المواصفات ، استخدم رمز مثل هذا:

<meta property="og:image" content="http://siim.lepisk.com/wp-content/uploads/2011/01/siim-blog-fb.png" />

المصدر: Facebook Share

Answer 3

بلدي العلامات كانت صحيحة ولكن Facebook فقط الورطات كل 24 ساعة حسب الوثائق.باستخدام Facebook الوبر الصفحة حصلت الصورة في Facebook.

أدخل عنوان URL الخاص بك هنا و الفيس بوك سيتم تحديث البيانات من الصفحة الخاصة بك:

https://developers.facebook.com/tools/debug (تم تحديث الرابط)

Answer 4

Facebook يستخدم og:tags و فتح الرسم البياني البروتوكول إلى فك ما المعلومات لعرض عند معاينة عنوان URL الخاص بك في حصة الحوار أو في تغذية الأخبار على facebook.

على og:tags تحتوي على معلومات مثل :

• عنوان الصفحة
• نوع الصفحة
• URL
• المواقع اسم
• وصف الصفحة
• Facebook user_id من المسؤولين من الصفحة ( على facebook )

هنا مثال ( مأخوذة من facebook الوثائق ) من بعض 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 وتعيين القيم ، يمكنك اختبار مدى facebook سيتم عرض عنوان URL الخاص بك باستخدام Facebook المصحح.المصحح أداة سيتم أيضا تسليط الضوء على أي مشاكل يجدها مع og:tags على الصفحة أو عدم وجود-من.

شيء واحد أن نأخذ في الاعتبار هو أن facebook لا القيام ببعض التخزين المؤقت فيما يتعلق بهذه المعلومات ، وذلك من أجل التغييرات نافذة المفعول الصفحة الخاصة بك سوف تكون t كشط كما جاء في الوثائق :

تحرير العلامات الفوقية

يمكنك تحديث سمات الصفحة الخاصة بك عن طريق تحديث الصفحة الخاصة بك العلامات.علما بأن og:العنوان og:النوع الوحيد للتحرير في البداية - بعد صفحة يتلقى 50 يحب العنوان يصبح ثابتة ، وبعد صفحة يتلقى 10,000 يحب نوع تصبح ثابتة.هذه الخصائص هي ثابتة لتجنب المستغرب المستخدمين الذين أحب الصفحة بالفعل.تغيير العنوان أو نوع الكلمات بعد هذه الحدود يتم التوصل إلى لا شيء ، صفحتك يحتفظ العنوان الأصلي ، نوع.

التغييرات تنعكس على Facebook ، يجب أن القوة الصفحة الخاصة بك إلى كشط.الصفحة كشط عند المشرف على الصفحة نقرات مثل زر أو عندما تم إدخال عنوان URL في Facebook URL اللنت Facebook المصحح...

Answer 5

أرى أن جميع أجوبته صحيحة.ولكن من أهم التفاصيل تم التغاضي عن:حجم الصورة يجب أن يكون ما لا يقل عن 200 × 200 بكسل ، وإلا Facebook بديلا المصغرة مع أول الصور المتاحة التي تلبي المعايير على الصفحة.حقيقة أخرى هي أن الحد الأدنى المطلوب هو أن تشمل 3 metas التي Facebook يتطلب og:image المفعول:

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

تصحيح الصفحة الخاصة بك مع Facebook المصحح و إصلاح جميع التحذيرات يجب أن تعمل مثل السحر!https://developers.facebook.com/tools/debug

Answer 6

كنت أعاني من نفس المشاكل و تصدق علي حلها.لقد استخدمت الرابط meta كما ذكر هنا أن نشير إلى الصورة أردت, ولكن المفتاح هو أنه إذا كنت تفعل ذلك FB لن تسحب أي صور أخرى مثل الخيارات.أيضا إذا كانت الصورة كبيرة جدا, لن يكون لديك أي خيارات على الإطلاق.

وهنا كيف أنا ثابت موقعي http://gnorml.com/blog/facebook-link-thumbnails/

Answer 7

هنا كيف يعمل هذا كل شيء:

1. كنت في حاجة إلى القدرة على الوصول إلى HTML على صفحة ويب كنت تشارك.ربما موقع العمل واسعة جدا إذا كنت تستخدم مشتركة رأس الملف.لم أحاول هذا, ولكن يجب أن تعمل.عليك فقط الحصول على نفس الصورة في كل الصفحات إذا كنت تفعل هذا على الرغم من.

2. تحتاج إلى إضافة هذه HTML العلامات الفوقية في الصفحة .فهو لن يعمل إذا وضعته في .تأكد من تخصيص في أ) صورة ، ب) وصف ، ج) URL د) العنوان.

مثال حقيقي.

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

3. حفظ
4. فتح جديد Facebook آخر ، ثم أعد المحاولة الصفحة التي تريد مشاركة.
5. إذا كنت تواجه مشكلة يمكنك تصحيح ذلك مع هذا Facebook أداة.يبدو أكثر العبقري غريب الأطوار مما هو عليه.فإنه يقول لك ما Facebook هو رؤية ما في URL للمشاركة.

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

معلومات سرية كبيرة..تأكد من "علامات الاقتباس" هي نفسها في HTML الخاص بك (يجب أن تبدو وكأنها 2 علامات على التوالي و لا المنحنيات أحيانا برامج تغيير هذه إلى مختلف الخطوط و الهفوات فوق الرمز.

Answer 8

مشاركة على Facebook:كيفية تحسين النتائج الخاصة بك عن طريق تخصيص الصورة, العنوان و النص

من الرابط أعلاه.أفضل حصة ممكنة ، أنت تريد أن تشير إلى 3 قطع من البيانات في HTML الخاص بك:

• العنوان
• وصف قصير
• صورة

هذا يتحقق من خلال ما يلي ، وضعها داخل 'رئيس' الوسم HTML الخاص بك:

• العنوان: <title>INSERT POST TITLE</title>
• صورة: <meta property=og:image content="http://site.com/YOUR_IMAGE.jpg"/>
• وصف: <meta name=description content="INSERT YOUR SUMMARY TEXT"/>

إذا كنت موقع HTML ثابتة, عليك أن تفعل هذا في كل صفحة باستخدام محرر HTML.

إذا كنت تستخدم CMS مثل دروبال, يمكنك أتمتة الكثير من ذلك (انظر الرابط أعلاه).إذا كنت تستخدم وورد ، وربما يمكنك أن تنفذ شيئا من هذا القبيل باستخدام دروبال سبيل المثال كدليل.أتمنى أن تجد هذه مفيدة.

أخيرا, يمكنك دائما يدويا تحرير حصة الخاص بك وظيفة.انظر هذا المثال مع الرسوم التوضيحية.

Answer 9

أنا أيضا لدي مشكلة في الموقع كنت أعمل في الأسبوع الماضي.لقد نفذت مثل صندوق واختبار مثل مربع.ثم ذهبت إلى الأمام لإضافة صورة إلى رأس (ob:صورة ميتا).لا تزال الصورة الصحيحة لم تظهر على facebook الإخطار.

لقد حاولت كل شيء ، وجاء إلى استنتاج مفاده أن كل واحد تنفيذ مثل زر مؤقتا.لذلك دعونا نقول كنت على مدار الساعة على زر مثل على url ، ثم تحديد صورة في رأس يمكنك اختبار ذلك عن طريق النقر على " لوك " الزر مرة أخرى على رابط A.لن ترى الصورة كما تخزين الصفحة في الذاكرة المخبئية.صورة تظهر عند النقر على زر مثل على صفحة B.

إلى إعادة تعيين ذاكرة التخزين المؤقت, لديك لاستخدام الوبر المصحح الأداة التي ذكرت أعلاه ، والتحقق من صحة جميع عناوين url التي يتم مؤقتا...هذا هو الشيء الوحيد التي عملت بالنسبة لي.

Answer 10

أسهل طريقة وجدت مجموعة Facebook Open Graph أن كل جملة المادة ، في com_content/article/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;

هذا المكان ميتا og فئة في الرأس مع تفاصيل من المادة الحالية.