السلام عليكم في مدونة روتكس، نقدم لكم وحصريا جميع الاكواد المتعلقة بالبيانات المنظمة التى تظهر فى أداة اختبار البيانات المنظمة و مشرفى المواقع، ليصبح قالب موقعك متوافق مع جوجل 💪 كذلك لأهميتها فى عملية تهيئة الـ On Page SEO 🎯.
ولتحسين نتائج البحث في محركات البحث، عن طريق انشاء منظم ومحدد للبيانات باستخدام ترميز معتمد لمساعدة محركات البحث على فهم محتوى الصفحة 😎، وتقديم نتائج بحث اكثر جودة 😇.
للأسف لا توجد في معظم القوالب العربية 😥 لكن لأول مرة في الويب العربي تقدم لكم مدونة روتكس شرح كيفية اضافة اضافة اكواد البيانات المنظمة Schema.org لقوالب بلوجر او اكواد سكيما مع الصور التوضيحية المبسطة 💝.
اضافة اكواد البيانات المنظمة Schema.org لقوالب بلوجر
هذه مهمة سهلة للغاية، ويمكن للجميع القيام بها بسهولة. يتعين عليك اضافة كود صغير لبضعة أسطر فقط في القالب الخاص بك. قم بالتركيز وإقرأ كل خطوة بعناية شديدة حتى لا تواجه أي مشاكل 😊.
1. ابحث عن <body> او عن body> وقم باضافة الكود المحدد ثم اجعله بالشكل التالي
<body itemscope='' itemtype='http://schema.org/WebPage'>الهيدر (الجزء الذي يحتوي علي قائمة الأقسام وعنوان المدونة...الخ)
2. ابحث عن <div id='header-wrapper' او عن <header> وقم باضافة الكود المحدد ثم اجعله بالشكل التالي
<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>قائمة الأقسام الرئيسية التي تتواجد في الهيدر
3. ابحث عن <nav او <div class='main-menu' وقم باضافة الكود المحدد ثم اجعله بالشكل التالي
<nav id='topnav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>الجزء الذي يحتوي علي جزء المواضيع والسايدبار معا
4. ابحث عن <div id='content-wrapper' وقم باضافة الكود المحدد ثم اجعله بالشكل التالي
<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>الجزء الذي يتحوي علي التدوينة فقط سواء في الرئيسية ومن داخل الموضوع
5. ابحث عن <article وقم باضافة الكود المحدد ثم اجعله بالشكل التالي
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>إن لم تجد الكود السابق ستجد الكود التالي ابحث عن <div class='post hentry وقم باضافة الكود المحدد ثم اجعله بالشكل التالي
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>كود كاتب الموضوع (في الصفحة الرئيسية المسؤول عن ظهور اسم في الصفحة الرئيسية)
6. ابحث عن <span class='fn author' وقم باضافة الكود المحدد ثم اجعله بالشكل التالي
<span class='fn author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>السايدبار او الشريط الجانبي (الذي يتحوي علي ادوات مثل المشاركات الشائعة و الاشتراك بالقائمة البريدية)
7. ابحث عن <div id='sidebar-wrapper' او id='sidebar' وقم باضافة الكود المحدد ثم اجعله بالشكل التالي
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>الفوتر او الجزء الاخير من الموقع ودائما يتواجد في اسفل القالب
8. ابحث عن <footer او id='footer-wrapper' وقم باضافة الكود المحدد ثم اجعله بالشكل التالي
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>وهكذا نكون انتهينا، اتمني ان تعم الفائدة 😊. انتظر أرائكم بالتعليقات 💬 وشكرا لكم علي المشاهدة.
2 تعليقات
جزاكم الله خيرا موضوع جيد
ردحذفشكرا على الموضوع الجميل
ردحذف