تعلم إضافة بيانات Open Graph إلى مدونة بلوجر بأسهل طريقة

في مقال اليوم سأعلمك طريقة إضافة بيانات Open Graph إلى مدونة بلوجر الخاصة بك بطريقة سهلة وبالخطوات المفصلة. 

Open Graph

ما معنى بيانات Open Graph؟

Open Graph هو بروتوكول إنترنت أنشأته فيسبوك لتوحيد استخدام بيانات التعريف داخل صفحة الويب لتمثيل محتوى الصفحة. يمكنك من خلاله توفير تفاصيل بسيطة مثل عنوان الصفحة وصورة الصفحة ووصف موجز للمحتوى ونوع المحتوى (مثل مقالة أو فيديو أو صفحة موقع) وغيرها من التفاصيل.

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

باختصار الهدف من إضافة بيانات Open Graph هو  تحسين ظهور المحتوى الذي شاركته على وسائل التواصل الاجتماعي بهدف زيادة زوار موقعك.

فوائد Open Graph

<!-- Begin Open Graph metadata -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<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'/>

<meta content='website' property='og:type'/>

</b:if>

<meta expr:content='&quot;en_US&quot;' property='og:locale'/>

<meta expr:content='data:blog.canonicalUrl' property='og:url'/>

<!-- End Open Graph metadata -->

ملاحظة1:

يمكن أن تعدل بيانات الكود حسب طبيعة مدونتك وتضيف أي معلومات شخصية خاصة بك.

ملاحظة2:

يتم توفير og:image فقط إذا وجد بلوجر صورة في المقالة الحالية وفي حال عدم توفر صورة في المقالة يمكنك توفير صورة بديلة مثل صورة شعار مدونتك.

الخلاصة

تعرفنا في مقال اليوم على Open Graph وهو عبارة عن بروتوكول لوضع وسوم تعريف وصفية للتحكم في كيفية مشاركة محتوى مدونتك على منصات وسائل التواصل الاجتماعي وتعرفنا على طريقة يتم إضافة وسوم التعريف الوصفية لـ Open Graph إلى قسم الرأس (head) في صفحة الويب كي نخبر منصات وسائل التواصل الاجتماعي كيف تعرض معلومات عن مشاركاتنا وتوضح للمستخدم طبيعة الصفحة والصورة المستخدمة كمعاينة وغيرها..

إذا كنت ترغب في تحسين طريقة مشاركة محتواك على وسائل التواصل الاجتماعي، فأنصح باستخدام Open Graph فهي طريقة بسيطة وفعالة لتحسين رؤية محتواك وزيادة وصوله.. ماذا تنتظر جربها الآن ولاحظ أثرها على مدونتك!

اقرأ أيضًا: 

تعلم إضافة وسوم ميتا meta لمدونة بلوجر Blogger بأسهل طريقة!