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

العديد من المدونات تواجه مشكلة شكل الموضوعات المنشورة على الفيسبوك بحيث لا يتم نشرها بالصورة الموجودة فيها أو حتى جزء من الموضوع؟ واستلمنا رسالة من متابعنا الأخ بلال بهذه المشكلة برسالة نصها "السلام عليكم ورحمة الله تعالى أخي الكريم لدي مشكلة في نشر المواضيع في الفيسبوك عندما أنشر موضوعا ما ينشر بصورة تلقائية من المدونة وانا أريد ان ينشر بصورة الموضوع التي قمت أنا بدمجها فيه وشكرا لك"

المشكلة تُفسر فى أن النشر التلقائي لا يعتبر نشر الصورة والوصف فى حساباته ولكن اذا أردنا النشر بصورة ووصف - جزء من الموضوع - علينا بالنشر اليدوي للموضوعات. وهنا المشكلة الأكبر التى تواجه العديد والتى فتح لنا الأخ بلال باب النقاش والبحث فيها. تستطيع الصورة بأعلي التدوينة أن تفسر قصدى عما يحدث عند النشر اليدوي للموضوعات.

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

أولا: حل ظهور صورة من موضوع الرابط الذي نريد نشره:

1- قم بالدخول الى لوحة التحكم ثم القالب ثم تعديل القالب Template > Edit HTML

2- اضغط Ctrl + F وقم بالبحث عن </head> وضع فوقها الكود التالي

<b:if cond='data:blog.postImageThumbnailUrl'><meta expr:content='"https://images1-focus-opensocial.googleusercontent.com/gadgets/proxy?container=focus&gadget=a&rewriteMime=image&resize_h=200&resize_w=200&url=" + data:blog.postImageThumbnailUrl' property='og:image'/><b:else/><meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhstNKmNO2Rj5AZNdr7t3t9NV8aOLIvNx5czysTQ9haCASI4SZ5ct5CCzHKTtWm_LYwKRumcguKL9Rdy4-l_0-2u9Fy9f-iVX8oVVS1tsRjbpsm2jAI4ZChvi-Xw0ipz8T_dg-C2-nSP4/s200-c/default.png' property='og:image'/></b:if>

الرابط الملون بالأحمر هو عبارة عن صورة تظهر عند عدم احتواء الموضوع أى صور ويمكنك تغييرها الى صورة شعار لمدونتك مثلا.

3- احفظ القالب Save Template

تحديث حل أخر
========

أضاف صديقنا محمد أبو الغرانيق طريقة جديدة يمكنها مساعدتكم فى حل مشكلتكم الخاص بظهور وصف وصورة الموضوع وهى

أولا: حل ظهور صورة بحجمها الطبيعى:

1- قم بالدخول الى لوحة التحكم ثم القالب ثم تعديل القالب Template > Edit HTML

2- اضغط Ctrl + F وقم بالبحث عن </head> وضع فوقها الكود التالي

<b:if cond='data:blog.postImageUrl'><meta expr:content='"data:blog.postImageUrl' property='og:image'/><b:else/><meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhstNKmNO2Rj5AZNdr7t3t9NV8aOLIvNx5czysTQ9haCASI4SZ5ct5CCzHKTtWm_LYwKRumcguKL9Rdy4-l_0-2u9Fy9f-iVX8oVVS1tsRjbpsm2jAI4ZChvi-Xw0ipz8T_dg-C2-nSP4/s200-c/default.png' property='og:image'/></b:if>

ثانيا: حل مشكلة ظهور وصف الموضوع:

1- نقوم بالبحث داخل القالب عن <data:post.body/> وستجد من أكثر من نسخة قم باستبدال جميع النسخ بالكود التالى

<article><data:post.body/></article>

ثالثا: قم بحفظ القالب

تعليق محمد أبو الغرانيق ستجدوه داخل هذا المنشور

تحديث حل أخر لإظهار الصور الصحيحية
=======================
قم بالبحث عن الكود التالى
<b:include data='blog' name='all-head-content'/>
ضع اسفل منه أو بعده الكود التالى
<b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/><b:else/> <meta content='ضع هنا رابط صورة افتراضية' property='og:image'/></b:if>
لاحظ أنه يجب عليك استبدال "ضع رابط صورة افتراضية" برابط الصورة التى ستظهر اذا كان موضوعك لا يحتوى على أى صور. ولتكن لوجو للمدونة ولكن بشرط أن يكون مقاسها 200*200 على الأقل وبعد اتمام الخطوات السابقة يمكنك أن تصبر يوما ليقوم الفيسبوك بتحديث بيانات موقعك واذا لم تكن صابرا قم باستخدام هذه الأداة من فيسبوك لتحديث بياناتك developers.facebook.com/tools/debug.

الموضوع منقول من مدونة ابو اياد

الموضوع من قسم:

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