أخر الاخبار

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


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



share-articles-on-facebook



المشكلة المعنية تتمثل في عدم ظهور صورة الموضوع و وصفه بحيث تظهر صورة عشوائية من الموقع او المدونة لا علاقة لها مع الموضوع و كذلك الوصف .

الحل متمثل في كود خاص يضاف في منطقة <head> و بعده صفحة من صفحات  facebook Developper لمعالجة روابط المواضيع ،
لن أطيل عليكم ، الآن مع الشرح :





رابط الصفحة :

facebook Developper


الكود المستعمل في الشرح :


<b:include data='blog' name='all-head-content'/>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
<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.pageTitle' 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 != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='858907557522264' property='fb:app_id'/>
<meta content='100000210667301' property='fb:admins'/>

<meta content='article' property='og:type'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=2' name='viewport'/>
<link href='http://www.pcprofess.com/' hreflang='ar' rel='alternate'/>
<link href='http://pcprofess.com/' hreflang='ar' rel='alternate'/>
<meta content=' دروس مفيدة في المعلوميات مكتوبة و مصورة بالفيديو ' name='description'/>
<meta content='إضافات بلوجر، قوالب بلوجر، دروس مونتاج، شروحات تقنية ، باور دريكتور، الربح من الانترنت، مجانيات' name='keywords'/>
<meta content='global' name='distribution'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='samir samy' name='author'/>
<meta content='ar' name='language'/>
<meta content='MOROCCO' name='country'/>


ملاحظة : للتحكم في الوصف الذي سيظهر اسفل الصورة فها هو مكانه داخل المشاركات :




الآن لم يبقى سوى ان استودعكم ، إلى درس لاحق إنشاء الله .

تعليقات



حجم الخط
+
16
-
تباعد السطور
+
2
-