مشاركة الرابط على فيسبوك لا تعرض الصورة (open graph)

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

لم يمكن معالجة عنوان URL للصورة (og:image)
https://d11a6trkgmumsb.cloudfront.net/optimized/4X/e/0/4/e04203d665f3ff3540361fdeedb76df8cf37df9b_2_1024x767.jpeg كصورة.
قد تكون تالفة أو ذات تنسيق غير صالح.
لم يمكن حل اسم المضيف إلى عنوان IP صالح.

هل هناك من نجح في مشاركة المواضيع وظهور الصورة بشكل صحيح على فيسبوك؟

أود أن أساعد إلا أنني لا أستطيع تمييز أي تحسين يمكن أن نقوم به هنا.\n\nعنوان URL جيد:\n\nhttps://d11a6trkgmumsb.cloudfront.net/optimized/4X/e/0/4/e04203d665f3ff3540361fdeedb76df8cf37df9b_2_1024x767.jpeg\n\nإذا لم يتمكن فيسبوك من حل اسم DNS تابع لـ Amazon CloudFront، فهذه مشكلة من فيسبوك. ربما يواجهون مشاكل داخلية؟\n\nأو، ربما أمازون، ولكن هذا أقل احتمالاً.\n\nماذا يقول دعم فيسبوك عن هذا؟

لست متأكدًا قليلاً بشأن الصورة التي شاركتها…؟

على حد علمي، لا يوجد دعم لـ “فيسبوك” حتى.

لكن هذه لا تبدو مشكلة في فيسبوك، لأنه في تثبيت Discourse الخاص بي، تظهر بعض الصور، لذا أود فقط معرفة العملية لجعلها تعمل؟ هل الصورة الأولى في الموضوع؟ إذا كان الأمر كذلك، فلماذا لا يعمل هذا الموضوع من هذا المنتدى نفسه (إلى جانب مواضيع أخرى جربتها)، ولكنه عمل لدي؟

ربما سيكون هذا لغزًا لن يتم حله.

هذا هو عنوان URL للصورة الذي كنت تشير إليه في المنشور الأصلي.

التدفق لهذه العملية هو:

  • ينشر المستخدم عنوان URL للموضوع على فيسبوك
  • يسترد فيسبوك عنوان URL للموضوع ويحلل علامات opengraph
  • يحدد فيسبوك عنوان URL لـ og:image
  • يحاول فيسبوك استرداد عنوان URL لـ og:image
  • يحل فيسبوك اسم المضيف الخاص بعنوان URL إلى عنوان IP
  • يتصل فيسبوك بعنوان IP
  • يسترد فيسبوك عنوان URL

إذا كان يحاول استرداد عنوان URL https://d11a6trkgmumsb.cloudfront.net/optimized/4X/e/0/4/e04203d665f3ff3540361fdeedb76df8cf37df9b_2_1024x767.jpeg ولكنه يعطي الخطأ Could not resolve the hostname into a valid IP address. (تعذر حل اسم المضيف إلى عنوان IP صالح.) فإن Discourse ليس في مسار هذه الخطوة من العملية. إنها خوادم فيسبوك التي تحاول حل اسم مضيف Amazon Cloudfront.

حسناً، هذا منطقي الآن. شكراً لك.

كنت أتساءل فقط عما إذا كان هناك خطأ ما في كيفية اختيار Discourse للصور وتعيين og:image. ولكن نعم، إذا كان Discourse الخاص بي يعمل (حتى لو لم يكن مثالياً بنسبة 100٪)، فربما يكون هناك خطأ فيما قلته.

لذا، يبقى سؤالي: هل الصورة التي يتم اختيارها دائماً هي الصورة الموجودة في أعلى الموضوع؟ هل هذه هي الطريقة التي تم بها بناء Discourse؟ أم أنها تُختار عشوائياً؟ وهل هناك أي متطلبات محددة لاختيار الصورة من حيث أبعاد الصورة، وما إلى ذلك؟ فقط أريد التأكد من أنه عندما يتعلق الأمر بموضوعاتي الخاصة، إذا كنت أرغب في تضمين صور، فسأقوم بتنسيقها بشكل صحيح.

قد لا يكون هذا هو أفضل مكان لهذه الوثائق الموجزة، ولكن يمكنك استخدام تلميح |thumbnail في تنسيق Markdown الخاص بالصورة لاختيار صورة مصغرة مختلفة:

إعجاب واحد (1)

شكراً جزيلاً على النصيحة. لم أكن أعرف بها.
ماذا عن أبعاد الصور؟ هل هناك أي متطلبات؟ أم سيتم استخدام أي صورة، حتى لو تشوهت بسبب تغيير حجمها؟

لست متأكدًا، لكن أعتقد أنه يمكن استخدام أي صورة، وتغيير حجمها متروك للمستهلك. على سبيل المثال، لقد اختبرت للتو صورة صغيرة على try، دعنا نرى Onebox الخاص بها:

https://try.discourse.org/t/testing-some-images-and-thumbnails-hint/1498

إنه مربك بعض الشيء بالفعل، منطق |thumbnail موجود بالكامل في النواة، والمكون الخاص بالموضوع يطلب فقط من النواة إنشاء أحجام إضافية للمصغرات، ويستخدمها في قائمة الموضوع. لقد حدث أن كان الموضوع الوحيد (على حد علمي) الذي يحتوي على هذه المعلومات، ومن هنا جاء الاقتباس.

عندما اختبرت على Facebook Debugger، حصلت على بعض الأخطاء ولم يتم عرض أي صورة

شكراً للتوضيح. سأقوم بالتأكيد بتثبيت هذا المكون، لأنه ميزة أرغب حقًا في استخدامها في بعض الفئات. لقد تحققت أيضًا من مكون مشابه، وهو Topic Cards. يبدو أن هذا المكون له نقاط قوته الخاصة أيضًا.