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


Answers

من مواصفات Facebook ، استخدم رمزًا كالتالي:

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

المصدر: Facebook Share

Question

أحاول تنفيذ مشاركة هذه الطريقة. أنا أستخدم الرمز على النحو التالي

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

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

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




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

إليك كيفية إصلاح موقعي http://gnorml.com/blog/facebook-link-thumbnails/




وإليك كيف يعمل هذا كله:

  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" />
  1. حفظ
  2. افتح مشاركة جديدة على Facebook ، وأعد محاولة الصفحة التي تريد مشاركتها.
  3. إذا كنت تواجه مشكلة ... يمكنك تصحيحها باستخدام أداة Facebook هذه. يبدو أكثر العبقري غريب الأطوار من هو عليه. يخبرك ما يشاهده Facebook عند النشر في عنوان URL للمشاركة.

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

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




يستخدم Facebook og:tags وبروتوكول Open Graph Protocol لفك شفرة المعلومات التي يتم عرضها عند معاينة عنوان URL الخاص بك في مربع حوار المشاركة أو في موجز أخبار على facebook.

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

  • عنوان الصفحة
  • نوع الصفحة
  • عنوان URL
  • اسم المواقع
  • وصف للصفحة
  • Facebook user_id's لمشرفي الصفحة (على فيسبوك)

إليك مثال (مأخوذ من وثائق 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 الخاص بك باستخدام https://developers.facebook.com/tools/debug الخاص بـ https://developers.facebook.com/tools/debug . وستقوم أداة مصحح الأخطاء أيضًا بتمييز أية مشكلات تعثر عليها مع og:tags على الصفحة أو عدم وجودها.

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

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

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

لكي تنعكس التغييرات على Facebook ، يجب عليك إجبار صفحتك على الكشط. يتم كشط الصفحة عند نقر أحد المسؤولين على الصفحة على زر "أعجبني" أو عند إدخال عنوان URL في "مُحرر عناوين URL في https://developers.facebook.com/tools/debug Linter https://developers.facebook.com/tools/debug ...




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

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

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