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

عدد مشاهدات الموضوع:

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

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

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

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

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&amp;gadget=a&amp;rewriteMime=image&amp;resize_h=200&amp;resize_w=200&amp;url=" + data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBR8Wr3OAok7ydYTonpVWGPzQqWGUsUpdcewQaN5SCg7SAu1boDJnSs7Af3ix2byOglBC0vpaYgd5qOAFGl_XVQzqJLsml-6XLdaLjo8MEg-BFD0dGKT_BzYxODBdZp2Bic9VLluMJCqM/s200-c/default.png' property='og:image'/>
</b:if>

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

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

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

اضغط على الصور لتكبيرها

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

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

الحل موجود فى بلوجر! نعم فى بلوجر, وهو أن عليك وضع وصف لموضوعك  Search Description عند انشائه قبل نشره على مدونتك. الصورة التالية توضح أكثر كيفية إضافة وصف لموضوعك. والميزة هنا أنه يمكنك أخذ جزء من بداية موضوعك ووضعه بمكان الوصف أو يمكنك وصف الموضوع كما تشاء وسوف يظهر هذا الوصف. فى الصورة هو الوصف للرابط الذي واجهتنا فيه المشكلة رقم 1 وتم كتابة الوصف كجزء من الموضوع وتم عرضه بالفعل عند نشر الرابط.

والأن .. قوموا بالتطبيق وتابعونى بردودكم هل أفلحتم فى علاج هذه المشكلة أم لا. بانتظاركم :) .

مصادر مساعدة: bloggerplugins.org

تحديث حل أخر

========

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

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

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/AVvXsEjBR8Wr3OAok7ydYTonpVWGPzQqWGUsUpdcewQaN5SCg7SAu1boDJnSs7Af3ix2byOglBC0vpaYgd5qOAFGl_XVQzqJLsml-6XLdaLjo8MEg-BFD0dGKT_BzYxODBdZp2Bic9VLluMJCqM/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. 

اذا لم تستطع إتمام تلك الخطوات بنفسك فيمكننا مساعدتك عبر خدمتنا المدفوعة لحل تلك المشكلة عبر خمسات اضغط هنا