 |
| كيفية إضافة خيار Facebook Open Graph لمدونة بلوجر |
كيفية إضافة خيار Facebook Open Graph لمدونة بلوجر
لإرشاد الفيسبوك والعديد من الخدمات الأخرى من ما يجب أن يظهر خلال نشر رابط صفحة مدونتك، تحتاج إلى تحديد open graph meta tags واذا كانت تلك الصفحة لا تتوفر على هذا الكود فعند القيام بمشاركته سيظر تلقائيا صورة و نص غير مرغوب فيه .
بالإضافة إلى ذلك، الطبقات الذكية تستخدم العلامات الفوقية المفتوحة الرسم البياني لتحديد كيفية عرض وصلات إلى المحتوى الخاص بك الموصى بها، وتحديد المحتوى الذي تتم مشاركته من الصفحة الخاصة بك.
لاضافة open graph tags لمدونتك على بلوجر وجب عليك ان تعرف كيفية التعديل على قالب مدونتك وايضا قبل الشروع في اضافة اكواد الميتا تاج يجب عليك اخد نسخة احتياطية لقالب مدونتك من اجل تفادي وقوع مشاكل .
خطوات اضافة open graph meta tags لمدونة بلوجر
للبدء، انقر على قالب> تحرير HTML ضمن قائمة بلوجر, وبعدها ستقوم بالذهاب الى الوسم <html وستقوم باضافة هذا الكود xmlns:og='http://ogp.me/ns#'داخل الوسم html كما هو موضح اسفله :
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>بعد أن تم إضافة namespace، سوف تحتاج إلى أن تضيف إلى القالب open graph meta tags. للقيام بذلك، ابحث عن "</head>" داخل القالب بالضغط على (CTRL + F لمستخدمي ويندوز وcommand + F لمستخدمي ماك).
وقم بنسخ هذا الكود ووضعه بعد الوسم </head>
<!-- Open Graph Meta Tags BEGIN --> <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> <meta expr:content='data:blog.title' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> </b:if> <!-- Open Graph Meta Tags END -->لاحظ الصورة لتعرف مكان وضع الكود داخل القالب
 |
| كيفية إضافة خيار Facebook Open Graph لمدونة بلوجر |
ادا صادفتك اي مشكلة لا تتردد في ترك تعليق والسلام عليكم ورحمة الله ولركاته
0تعليقات