القائمة الرئيسية

الصفحات

كيفية اضافة اكواد Facebook Open Graph لمدونات بلوجر

كيفية اضافة اكواد Facebook Open Graph لمدونات بلوجر 

 

في مدونات بلوجر بالتحديد في القوالب توجد اكواد هامة جدا ولابد من تواجدها مثل اكواد الميتا تاج واكواد ال opengraph ماهي هذه الاكواد 
هي اكواد لها علاقة بمواقع التواصل الاجتماعي واليوم سنضع اكواد الفيسبوك لتصبح مواضيعك في الفيسبوك مثل صورة المقال , 

صورة المقال بها موضوع تم مشاركته علي الفيسبوك عن قالب سيمبل الذي قمنا بتعريبه , المنشور الذي تم مشاركته عبر الفيس بوك به صورة الموضوع ورابط الموقع وعنوان الموضوع ووصف الموضوع وهذا بسبب كود ال opengraph للفيس بوك . 

كيفية اضافة اكواد ال OG ؟ 

الطريقة سهلة كل ماعليك هو اتباع هذه الخطوات 

1- قم بفتح قالب المدونة عن طريق المظهر ثم تعديل HTML 
2- قم بالبحث عن هذا الكود </head> 
3- ضع هذا الكود قبله 

<!--OPEN GRAPH START-->
<b:if cond='data:blog.pageType == "item"'>
<!--Item Page True-->
<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'/>
<!--Item OG IMAGE-->
<b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
    <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
    <meta content='Blog Logo URL' property='og:image'/>
</b:if>
</b:if>
<!--/Item OG IMAGE-->
<b:else/> <!--IF NOT ITEM PAGE-->
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
    <meta content='website' property='og:type'/>
    <meta content='Blog Logo URL' property='og:image'/>
</b:if>
<!--UNIVERSAL OG DATA-->
<!--OG DESCRIPTION-->
<b:if cond='data:blog.metaDescription'>
  <meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<!--/OG DESCRIPTION-->
<meta expr:content='"en_US"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!--/UNIVERSAL OG DATA-->
<!--OPEN GRAPH STOP--> 

وقم بحفظ القالب وسيتم مشاركة مواضيعك عبر الفيسبوك بطريقة كاملة وبها صورة الموضوع ووصف الميتا وعنوان الموضوع  .
وانتهي موضوع اليوم لاتنسي زيارة قسم السيو وجوجل لمزيد من الشروحات  اذا واجهتك اي مشكلة عموما في موقعك قم بكتابتها في صفحة اسألنا,  او اذا كنت تريد  شرح معين عن  أي شي في بلوجر او SEO لاتتردد في كتابته في التعليقات

تعليقات

تعليق واحد
إرسال تعليق

إرسال تعليق