إظهار صورة الموضوع في Facebook و X فـ XenForo

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

المشكلة الأساسية في XenForo مع السوشيال ميديا 🤔​

بشكل افتراضي، XenForo ما بيختارش صورة من داخل الموضوع عند المشاركة على:

• Facebook
• Twitter (X)

وده بيخلي:

• البوستات شكلها ضعيف
• نسبة الضغط (CTR) أقل
• التفاعل على السوشيال ميديا ضعيف

في المقابل، أنظمة زي WordPress بتعمل ده تلقائيًا باستخدام Open Graph.

---

الهدف من التعديل 🎯​

بعد التطبيق، هيحصل التالي:

• أول صورة في الموضوع تظهر تلقائيًا
• تحسين شكل المشاركة على Facebook
• تحسين Twitter Card
• زيادة معدل النقرات (CTR)
• شكل احترافي للرابط عند المشاركة 👌

---

تعديل قالب thread_view 🔧​

علشان نفعل الميزة دي، هنشتغل على قالب: thread_view

الخطوة 1: إضافة كود الـ snippet​

ادخل لوحة تحكم XenForo ⬅️ Appearance ⬅️ Templates
وابحث عن: thread_view
وبعدين دور على الكود ده:

<xf:set var="$fpSnippet" value="{{ snippet($firstPost.message, 0, {'stripBbCode': true}) }}" />

بعده مباشرة أضف الكود التالي:

<xf:if is="$thread.cover_image">
<xf:macro template="metadata_macros" name="metadata"
   arg-description="{$fpSnippet}"
   arg-shareUrl="{{ link('canonical:threads', $thread) }}"
   arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}"
   arg-imageUrl="{$thread.cover_image}" />
<xf:else/>

---

الخطوة 2: إغلاق شرط الـ IF​

بعد كده هتلاقي كود شبيه بـ:

arg-canonicalUrl="{{ link('canonical:threads', $thread, {'page': $page}) }}" />

تحت مباشرة ضيف:

</xf:if>

النتيجة بعد التعديل 🚀​

بعد حفظ التعديلات، أي موضوع جديد هيتشارك على:

• Facebook
• Twitter

هيظهر بشكل احترافي يحتوي على:

• عنوان الموضوع
• وصف مختصر
• أول صورة من الموضوع (Cover Image)

---

نصيحة مهمة جدًا ⚠️​

علشان النتيجة تكون مثالية:

• خلي أول صورة في الموضوع واضحة ومعبرة
• يفضل تكون بحجم مناسب (1200×630 تقريبًا)
• استخدم صور جذابة لأنها أول حاجة المستخدم بيشوفها

ده بيأثر بشكل مباشر على:

👈 نسبة النقر
👈 التفاعل
👈 انتشار المحتوى​

---

ليه التعديل ده مهم للسيو والسوشيال؟ 📈​

الميزة دي مش مجرد شكل، دي بتأثر على:

• CTR (Click Through Rate)
• انتشار الروابط على السوشيال ميديا
• تحسين Brand Appearance
• زيادة زيارات الموقع

بمعنى أبسط: شكل الرابط = أول انطباع عن موقعك

---

الخلاصة 📌​

إظهار أول صورة من الموضوع في XenForo على Facebook وTwitter خطوة بسيطة لكنها قوية جدًا في تحسين شكل المحتوى وزيادة التفاعل.
بمجرد تعديل بسيط في قالب thread_view، هتحصل على:

• مشاركة احترافية
• صور تلقائية للمواضيع
• تحسين تجربة السوشيال ميديا بشكل كبير