الدرس 36: طريقة نشر مواضيع بلوجر على الفايسبوك عبر اضافة اكواد Open Graph tags

شرح كيفية وضع اكواد Open Graph tags for Blogger على بلوجر لنشر مواضيعك بالصور و الشرح وإسم و رابط التدوينة على صفحة الفايسبوك 

السلام عليكم احبتي الكرام فى درس جديد على قسم الخاص بدورة انشاء مدونة بلوجر عربية احترافية فى حلقة سابقة تحت عنوان : طريقة اضافة صور مع شرح مواضيع مدونة بلوجر على موقع تويتر تعلمنا كيفية إضافة صور و شرح مواضيع مدونة بلوجر على موقع تويتر twitter عبر كود تويتر كارد TWITTER CARD CODE لزيادة زوار مدونة blogger
فى درسنا هذا سوف نتطرق حول كيفية اضافة اكواد Open Graph tags الخاصة بالفيسبوك على مدونة بلوجر حتى يتم نشر مواضيع بلوجر على صفحات الفيسبوك بطريقة صحيحة و جميلة و ايضا يمنح مدونتك شرح لمواضيعك على موقع الفايسبوك و متابعي صفحة مدونتك على الفايس بوك 

طريقة ظهور روابط نشر روابط موقعك او مدونتك على صفحة الفايسبوك Sharing Best Practices for Websites

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

الاكواد التى يجب نسخها ووضعها على مدونتك تحت وسم

<!-- Begin Open Graph metadata by www.arabes1.com --><b:if cond='data:blog.pageType == "item"'><meta content='article' property='og:type'/><meta expr:content='data:blog.title' property='og:site_name'/><meta expr:content='data:blog.pageName' property='og:title'/><b:if cond='data:blog.postImageThumbnailUrl'><meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/></b:if><b:else/><meta expr:content='data:blog.title' property='og:title'/></b:if><meta expr:content='"ar_AR"' property='og:locale:alternate'/><meta expr:content='data:blog.canonicalUrl' property='og:url'/><meta content='141733895966765' property='fb:page_id'/> <meta content='100001790032564' property='fb:admins'/><meta content='ضع قيمة العرض' property='og:image:width'/><meta content='ضع قيمة الارتفاع' property='og:image:height'/><!-- End Open Graph metadata by www.arabes1.com -->

الاكواد الواجب استبدالها

- الكود باللون الاحمر  هو رقم ID الخاص بصفحتك على الفايسبوك

- الكود باللون الازرق هو رقم ID الخاص ببروفيل مدير الصفحة  ( اي ID برفيلك على الفيسبوك )

- og:image:width و og:image:height هي قيم تابثة لمقاييس صور روابط مواضيعك المنشورة ان اردت ان تتركها افتراضية فقط لاتكتب اي قيم
اما ان اردت وضع قيم فاكتب رقم القياس بدون كتابة الوحدة
مثلا هكذا :

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

صفحة اختبار اكواد Open Graph من هنا : Open Graph Object Debugger