أحداث Discourse

تخصيص إضافة
, ,
611

يبدو أن مسارات الأحداث القادمة في تقويم/أحداث Discourse تستبعد جميع بيانات Open Graph وTwitter-card من استجابة HTML المُصَدَّرة من الخادم في البداية.

يمكن تكرار هذه المشكلة على موقع Discourse مُستضاف، حيث تصدر الصفحات العادية بيانات اجتماعية صحيحة، ويتم تكوين صورة OpenGraph صالحة للموقع.

مثال على المسار المتأثر:

https://www.mbacommons.com/upcoming-events/month/2026/8/1

خطوات التكرار

  1. قم بتكوين صورة OpenGraph صالحة للموقع.
  2. تأكد من أن الصفحة الرئيسية أو موضوعًا عاديًا يصدر بيانات Open Graph العادية في كود HTML الخام.
  3. افتح /upcoming-events/month/2026/8/1.
  4. افحص كود view-source: الخام/استجابة الخادم الأولية، وليس DOM بعد تنفيذ JavaScript.

النتيجة الفعلية

يعيد مسار “الأحداث القادمة” حالة HTTP 200، لكن كود HTML الخام يحتوي على:

  • لا يوجد og:image
  • لا يوجد og:title
  • لا يوجد og:description
  • لا يوجد og:url
  • لا يوجد twitter:card
  • لا يوجد twitter:image

كما قمت باختبار استخدام LinkedInBot/1.0؛ وكانت النتيجة متطابقة.

أظهرت مراجعة إنتاجية لكود HTML الخام على نفس الموقع ما يلي:

  • الصفحة الرئيسية: 11 علامة بيانات اجتماعية
  • موضوع عادي: 14
  • الأحداث القادمة: 0

تستخدم الصفحة الرئيسية والمواضيع العادية صورة OpenGraph المُكوَّنة للموقع بشكل صحيح، لذا فإن تكوين العلامة التجارية على مستوى الموقع يعمل بشكل سليم.

النتيجة المتوقعة

يجب أن تصدر مسارات “الأحداث القادمة” بيانات اجتماعية قابلة للرؤية من قبل الزاحفات (crawlers) ومُصدَّرة من الخادم، بما في ذلك على الأقل:

  • og:title
  • og:description
  • og:url
  • og:image، مع اللجوء إلى صورة OpenGraph المُكوَّنة للموقع في حال عدم توفرها
  • بيانات Twitter-card المقابلة

يجب أن تكون هذه البيانات موجودة في كود HTML الأولي لأن زاحفات LinkedIn والمنصات الاجتماعية المماثلة لا يمكنها الاعتماد على JavaScript الخاص بالسمة (theme) في جانب العميل.

يبلغ مُفتّش منشورات LinkedIn حاليًا:

أضف علامة og:image إلى الصفحة للتحكم في صورة المحتوى على LinkedIn.

لا يبدو أن حقن head_tag في السمة العامة حلًا مناسبًا، لأن الصفحات العادية تحتوي بالفعل على بيانات صحيحة، وقد يؤدي ذلك إلى إنشاء علامات مكررة أو متضاربة. يبدو أن هذا يتطلب معالجة من جانب الخادم مدركة للمسارات (route-aware) لـ “الأحداث القادمة” أو استخدام مسار عرض بيانات Discourse الاجتماعية القياسي.

إعجابَين (2)