حل مشكلة عدم عرض صور المشاركات او المواضيع او المقالات عند نشرها و مشاركتها على الفيس بوك
مشكلة عدم عرض صور المقالات عند مشاركتها على الفيس بوك
عدم ظهور صور عند مشاركتها على الفيس بوك ؟إن كنت من هؤلاء فـأنا أعلم كيف تشعر … تضرب أخماساً في أسداس ومنتهى الحيرة … لماذا لا تظهر الصور ؟
كل ما عليك فعله هو تضمين الكود التالي بين وسمي الـ head في موقعك
الطريقة الاولي
<b:if cond=’data:blog.pageType == "item"’>
<meta expr:content=’data:blog.pageName’ property=’og:title’/>
<meta expr:content=’data:blog.canonicalUrl’ property=’og:url’/>
<meta content=’article’ property=’og:type’/>
</b:if>
<meta expr:content=’data:blog.title’ property=’og:site_name’/>
<b:if cond=’data:blog.postImageThumbnailUrl’>
<meta expr:content=’data:blog.postImageThumbnailUrl’ property=’og:image’/>
<b:else/>
<meta content=’رابط او لوجو شعار مدونتك’ property=’og:image’/>
</b:if>
<b:if cond=’data:blog.metaDescription != ""’>
<meta expr:content=’data:blog.metaDescription’ name=’og:description’/>
</b:if>
<meta content=’معرف تطبيق الفيس بوك’ property=’fb:app_id’/>
<meta content=’معرف حسابك على الفيس بوك’ property=’fb:admins’/>
<!– End Open Graph drossonline.com –>
1- توجه إلى لوحة التحكم الخاصة بمدونتك.
2- إضغط على قالب.
3- ثم تحريرhtml.
4- إبحث عن هذا الكود باستعمال Ctrl+F :
<head>
5- ثم ضع تحته مباشرة هذا الكود :
<meta content='article' property='og:type'/> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.pageName' property='og:title'/> <b:if cond='data:blog.metaDescription != ""'> <meta expr:content='data:blog.metaDescription' name='description'/> </b:if>
6- قم بحفظ القالب
بعد ذلك سيتم معالجة الأمر بكل سهولة
بالنسبة للمنشورات القادمة , أما بالنسبة لمواضيعك القديمة فقد يتطلب الأمر
منك مدة قصيرة مابين يومين أو ثلاثة حتى يتم المعالجة
ملاحظة هامة :
اذا كنت ممن يعانون من ظهور المنشور مرة بصورة الموضوع ومرة أخرى بصورة مختلفة عليك التأكد من النقاط التالية :
1- أن تكون الصورة بامتداد png.
2- أن تكون باقي صور الموضوع بإمتداد jpg أو bmp .
3- دائما وضوع مقدمة قبل الصورة ,وذالك أيضا جيد لSEO.
الطريقة الثالثة
وابحث عن الكود التالى <head> وضعة اسلفة ( بعدة )مباشرا هذا الكود
استبدل
رابط الصورة في content برابط صورة المقال الرئيسية ، وإن كنت تريد أن يتم
تغيير الرابط تلقائيا حسب الصورة الأصلية لكل مقال فهذا يحتاج منك أن
تتواصل مع مطور موقعك لبرمجتها لك ، إلا أننا سنرفق الكود الخاص بالإضافة
التلقائية للوورد بريس ، قم بتضمين الكود التالي في ملف الـ functions.php الخاص بقالبك الحالي :
global $post;
if ( !is_singular()) //if it is not a post or a page
return;
// الكود التالي يقوم بالبحث عن الصورة الرمزية للتدوينة
// فإذا لم يجد صورة يقم بتحميل الصورة الإفتراضية للقالب
// قم باستبدال رابط الصورة بالرابط الخاص بقالبك
if(!has_post_thumbnail( $post->ID )) { //the post does not have featured image, use a default image
$default_image=”http://example.com/image.jpg”; //replace this with a default image on your server or an image in your media library
echo ‘’;
}
// في حال العثور على صورة رمزية بالتدوينة
// يقم الكود تلقائياً بتعريفها كصورة رمزية للتدوينة ويخبر فيس بوك بذلك
else{
$thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), ‘full’ );
echo ‘’;
}
echo ”
“;
}
// الكود التالي يقم بتضمين كود الصورة بين وسمي الهيد في موقعك
add_action( ‘wp_head’, ‘insert_image_src_rel_in_head’, 2 );
ملحوظة
: بعد إضافة الأكواد وعمل التعديلات اللازمة قد تواجهك نفس المشكلة مرة
أخرى إذا حاولت تجريب بعض الصفحات التي سبق عدم ظهور صور لها ، وهذا يعني
أن المشكلة تم تسجيلها في الكاش ، لذا عليك بالضغط على زري CTRL + F5 أكثر
من مرة ولنقل ثلاث مرات متتالية للتأكد من مسح المشكلة من الكاش .
إذا
جربت بعد ذلك ولم يتم حل المشكلة كل ما عليك فعله هو فتح الفيس بوك ولصق
رابط الصفحة وانتظر قليلاً .. ستجد أن الصورة ظهرة كصورة للمقال ، لا تقم
بنشر الرابط ..فقط بقم بعمل إلغاء النشر وإذهب إلى رابطك مرة أخرة وقم بعمل
مشاركة .. تجد أن الصورة ظهرت بطريقة ممتازة إن شاء الله
وللتأكيد : أن هذا سيحدث مع الصفحات التي سبق وجربت نشرها ولم يظهر لها صورة رئيسية
ملحوظة أخيرة : لابد أن لا يقل حجم الصورة الرمزية عن 200 × 200 بيكسل
