صورة OpenGraph لا يتم التقاطها بشكل صحيح

يقوم فيسبوك باختيار شعار المنتدى كصورة OG، وليس الصورة الرئيسية في أعلى جسم منشوري. لقد جربت أداة تصحيح الأخطاء/الاستخراج عبر أداة مطوري فيسبوك OG. لم يتغير شيء.

عذرًا إذا كان هذا تكرارًا، لكنني قرأت الكثير من المواضيع في المنتدى هنا، ولم أستطع العثور على حل لهذه المشكلة.

شكرًا لمساعدتكم!

من الممكن أن يكون شعارك كبيرًا جدًا. يبدو ضخمًا في صورة المعاينة أعلاه.

يبدو أن هناك مكونًا للنمط (Theme) مُثبّتًا على الموقع يتسبب في تعطيل زاحف فيسبوك. يقوم هذا المكون بإضافة الكود التالي داخل وسم :

<!-- Facebook Pixel Code -->
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1544745645741448&amp;ev=PageView&amp;noscript=1">
<!-- End Facebook Pixel Code -->

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

<!-- Facebook Pixel Code -->
</head>
<body>
<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1544745645741448&amp;ev=PageView&amp;noscript=1">
<!-- End Facebook Pixel Code -->

هذا الوسم السحري لا يظهر عند استخدام curl أو أي متصفح. سلوك غريب جدًا من فيسبوك.

على أي حال، الحل هنا هو نقل بكسل تتبع فيسبوك من قسم في مكون النمط إلى قسم “Header” في نفس المكون.

@codinghorror،

لست متأكدًا مما إذا كنت أغفل رابطًا ما هنا، لكن مشكلتي هي أنني لا أريد أن يظهر شعار المنتدى. بل أريد أن تظهر الصورة الأولى في المنشور.

لذا، إذا كانت الصورة الفعلية في المنشور (صورة لي) هي التي ستظهر، فكيف يؤثر حجم الشعار؟ أعتقد أن سؤالي هو: لماذا يُعد حجم الشعار مصدر قلق بينما لا أريد حتى أن يظهر من الأساس؟ آمل أن يكون ذلك منطقيًا.

@david،

لم أقم بتثبيت أي سمة مخصصة. إنها تثبيت عادي لـ Discourse. في الواقع، لا أعرف حتى كيفية تثبيت سمة أو إضافة لـ Discourse.

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

ومع ذلك، يتضمن Discourse وسوم og:image، لكنها تتعطل بسبب المظهر المستخدم في موقعك.

يجب أن يكون لديك، لأن بكسل تتبع فيسبوك يُضاف بواسطة مظهر. عندما أستخدم الوضع الآمن، يختفي. انتقل إلى /admin/customize/themes، واضغط على تحرير HTML، ثم اذهب إلى تبويب </head>. أظن أنك ستجد كود فيسبوك هناك.

انظر إلى هذه الصورة — ليس لدي أي قوالب مخصصة، ولا توجد خيار “تحرير HTML” هناك.

انقر فوق “الافتراضي” على اليسار، ثم يجب أن ترى زر التحرير

نجح ذلك! نعمممم! شكرًا جزيلاً لك!