معاينة الرابط لا تعمل لموقع معين

مرحبًا

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

بما أنه لا يبدو أن الأمر يعمل هنا في Meta أيضًا، أتساءل عما إذا كان هذا عيبًا في Discourse، أو ربما مجرد شيء غريب في الموقع نفسه يسبب هذه الصعوبات؟ هل هناك أي تلميحات حول ما قد يكون السبب؟

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

شكرًا لك.

يتطلب جوهرة Discourse onebox أن تحدد المواقع علامات Open Graph بشكل صحيح. الموقع الموجود في مشاركتك لا يحتوي على أي علامات Open Graph.

لذلك، لا يمكننا فعل الكثير حيال هذا الأمر. يجب على الموقع إضافة علامات OG الضرورية لكي يتم تضمينه كـ onebox في Discourse.

ممتاز، هذا ما أحتاج معرفته، سأرى ما إذا كان بإمكاني إضافة تلك الوسوم. شكرًا لك.

:thinking: إذن، لقد أضفت العلامات: تحقق من موقعي على iframeley

ويمكنني الحصول على Onebox للظهور على WhatsApp:

ولكن لا يظهر على Discourse:

تساءلت عما إذا كانت هذه مشكلة في التخزين المؤقت، لكنها لا تبدو كذلك؛ لقد جربت ذلك على مواقع Discourse مختلفة ومع اختلافات في الروابط…

هل هناك علامة أخرى يتطلبها Discourse وأكون قد فاتني؟ في منشور آخر هنا، قرأت أن title و description هما الوحيدان المطلوبان، وأنا أملك هذين العنصرين…

شكرًا لكم على مساعدتكم.

onebox يزور صفحة الوجهة ويتحقق من وجود وسوم Open Graph أو oEmbed ، بما في ذلك:

  • عنوان الموقع
  • العنوان
  • الصورة المميزة
  • الوصف (إلزامي)
  • سعر المنتج

:warning: يرجى ملاحظة أن Discourse تتطلب وجود وسم الوصف وأن يحتوي على نص كافٍ لتلخيص الصفحة، وإلا فلن يتم إنشاء معاينة رابط (onebox) للرابط المستهدف.

شرح جيد آخر متاح على Creating rich link previews with Onebox.

إطارات iFrames متقدمة

بشكل افتراضي، يتم حظر وسم <iframe> لأسباب أمنية، ولكن إذا كانت من مصدر موثوق به للغاية، يمكن لمدير Discourse إضافة نطاق ذلك المصدر صراحةً إلى القائمة البيضاء كهدف لـ <iframe> في إعدادات الموقع.

حسنًا، شكرًا لك. لدي العنوان والوصف. ربما يكون غياب سمة og:image هو ما يسبب مشكلة في تفاعل Discourse مع موقعي، رغم أنني لم أقرأ في أي مكان أن هذه السمة إلزامية.

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

يبدو أن هذا الأمر صعب. لذا، لدي الآن og:image في الوصف التعريفي (meta)، وعند الفحص عبر iframeley يبدو كل شيء على ما يرام.

لكنني ما زلت غير قادر على جعل Discourse يُنتج الـ onebox… :frowning:

ما الذي قد يكون مفقودًا؟

الصورة وحدها لا تكفي. يلزم أيضًا تقديم وصف نصي.

ربما أغفلت شيئًا بديهيًا هنا، لكن ما الخطأ أو النقص في وسم الميتا og:description الخاص بي؟

لا شيء، لكن يجب أن يكون الوصف موجودًا وأن يتجاوز الحد الأدنى لعدد الأحكام، من منظور Discourse.

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

قرب نهاية الموضوع الثاني (تحديات Onebox)، هناك شيء مثير للاهتمام يمكنك تجربته… وهو أمر يتعلق بـ curl، ويحتوي المنشور على الكود المطلوب استخدامه (فقط استبدل الرابط الخاص بك بالرابط المعروض).