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

الصفحات

الدرس الثاني: Schema.org | طريقة ترميز المحتوى الموقع من سكيما

ترميز محتوى صفحة طريقة استعمال البيانات المنظمة والتعامل معها من خلال موقع Schema.org ، سوف نتعرف على كيفية تجهيز الصفحة عن طريق رموز البيانات المنظمة  حسب كل موضوع ، سوف تجعل محتواك يظهر لدى محركات البحث بطريقة محبب لدى محرك البحث لان هذه  لغة برمجية Structured data  

لكن قبل الدخول في التطبيق العملي لابد من العودة إلى الدرس السابق الذي ذكرنا فيه أمورا نظرية تحتاج إلى الاطلاع عليها البيانات المنظمة  .

من Schema.org  نتعلم كيفية  ترميز المحتوى الموقع بالبيانات المنظمة



تحديد نوعية الصفحة من خلال Schema.org :


أولا : يجب تحديد نوعية الصفحة التي سوف نقوم بترميزها أي ما نوعية الموضوع الذي تتكلم عنه هذه الصفحة ، توجه إلى سكيما  من خلال هذا الرابط ، إما ابحث في التخطيط البادي أمامك عن النوع الذي يتناسب مع صفحتك بالبحث عن اسمه في الأعلى ،لا بد من القاء نظرتك في البداية على هذه المخططات ، مثلا : صفحتك تقدم وصفة طعام ، تتكلم عن شخصية ، عن حدث رياضي ، عن خبر ... كل الترميز متواجدة هنا ، فكل ما نريد تنظيمه لا بد أن نمر عن طريق  Schema.org

تعلم الأمور الأساسية في رموز البيانات المنظمة :


سوف أتحدث عن تنسيق JSON-LD لأنها اللغة المفضلة لمحركات البحث وبالتالي سوف نشرح بعض أساسياتها وهي لغة javascript

في كل مرة نبتدأ في إنشاء الرمز نبدأ بطلب فتح النص : script">
ليصبح على هذا الشكل لأننا طلبنا JSON-LD كتنسيق فصار : 
<script type="application/ld+json">
 } 
وفي كل مرة نريد أن تقوم بإعلاق script بعد الانتهاء   :  </script>
بعد فتحنا للطلب نقوم بالبدء بإعطاء الأوامر : بالبدء بتحديد المساق context لكن قبل هذا والغلط الذي قد يقع فيه الكثير هو نسيان المعقوفة  }  وكذلك تحتاج إلى تسكيرها في نهاية عرض الأوامر .
فالأمر الأول والأساسي هو  : "context@"
والمساق هو موقع Schema ليصبح الطلب الأول :       "context" : "https://schema.org@"
وفي نهاية هذا نقوم بإضافة هذه الفاصلة :     , 
تتذكر أننا مطالبون بتحديد نوعية الصفحة التي سنقوم بترميزها  ، فبعد تحديد المساق نقوم بتحديد نوع 
ونكتبه على هذا الشكل :      نكتب نوع هنا   : "type@"
والنوع كذلك يجب أن يكون بين شرطتين  "   وفي النهاية دائما نضيف   , 
أما بالنسبة إلى عنوان الصفحة فيتم إضافته بعد   : "headline" وطبعا نكتبه بين  شرطتين  "  ونضيف  ,  كما تعلمنا  قد يأتي بدل headline  كلمة name . 
كما تأتي كلمة name بمعنى اسم الكاتب أي اسم كاتب الصفحة لكن اذا كان قبلها author : 
} :  "author"
   , "type" : "Person@"
   "اسم المؤلف " :  "name" 
  ,{
كما تأتي كلمة name بمعنى الناشر اسم الناشر والناشر هو الموقع  أي ما هو اسم الموقع  بالنسبة إلي اسم موقعي هو My-SL ، لكن إذا كان قبل كلمة name كلمة publisher فتأتي على هذا الشكل :
} : "publisher"
   , "type" : "Organization@"
    "name" : "My-SL"
أما اذا كانت الصفحة على شكل أسئلة وأجوبة لها بمعنى FAQ Page  
, "type" : "Question@"
, " السؤال هنا ":  "name"
وكذلك قد تأتي Answer على هذا السؤال .


إذا تعرفنا على بعض الأمور الأساسية في طريقة إنشاء البيانات المنظمة من خلال التأنس مع أساسياتها التي تختلف من رمز إلى أخر من هنا يتبدى لنا كيفية عمل هذه الأوامر وكيفية التعامل معنا وعرفنا أن كلمة name تصدق على العديد من الأمور وقلنا ان أوامر script يتم إغلاقه بهذا الشكل </script> ، سنتوقف عند هذا الحد في هذا الدرس بالنسبة إلى اللغة البرمجية java لنعود في المرة القادمة إلى إكمال هذه السلسلة .

مثال لترميز شخصية :سوف نأتي الان إلى تعلم كيفية ترميز شخصية معينة ، من خلال البيانات المنظمة التي نأتي بها من موقع Schema.org ، لكن سوف نورد مثال سوف نعمل على جمع بياناته خطوة تلو أخرى  : 
  • في مدينة تطوان يتواجد أستاذ اسمه احمد املاح  يعيش في شارع سوق الإمام مالك رقم 11 وهو رجل طيب الخلق ، يذكر الناس بدينهم ، هذا بريده الالكتروني eeeee@gmail.com ، وهذا رقم هاتفه لمن أراد أن يتواصل به : 21206000000 .... وهذا موقعه الالكتروني الذي يقدم فيه الدروس : www....

ترميز صفحة بنوعية Person :

نقوم بإضافة طلب فتح script كما تعلمنا :
<script type="application/ld+json">
نحدد المساق وهو Schema 
نحدد نوعية Person فنطلب النوع من خلال type    نكتب نوع هنا   : "type@"
فبعد تحديد Person 
ثم نبدأ بإعطاء الأوامر :
فإذا مثلا أردنا ان نحدد العنوان لــ Person أي احمد املاح سوف نبدأ بإعطاء أمر address بشكل مفصل :  
  } : "address"
بعد فتحنا للقوس الذي تلى address نخبر أن هناك أوامر أخرى تأتي متعلقة بـ address فتقول أكتب لنا PostalAddress بهذه الكيفية :  ,  "type" : "PostalAddress @"    فنشرع في تفصيل البيانات فنكتب ما نراه متعلق بـ address 
في البداية نحدد : address Locality نعود إلى السطر :
نكتب :
, "تطوان"  : "addressLocality"
لاحظ : لقد قمت بإضافة ,  في نهاية إلا في   } : "address" لان الكلام مزال قائما فيه لم نشد القوس الذي فتحناه .

,"addressRegion": "MA"
قمت بإضافة حرفي ma اختصارا لدولة المغرب الذي يسكن فيه الأستاذ احمد املاح .
بعد هذا ننتقل لتحديد postal Code مثلا : 
, "postalCode": "99999"
postal Code هو شيء معروف كل حي من أحياء العالم يتم ترميزه برقم نسميه postal Code  ، ومعلوم أم المعلومات الواردة أعلى هي مجرد معلومات بسيطة لأجل معرفة كيفية تنظيم البيانات فحسب وإلى فحتى فلا يعتقد أحد أن كل المعلومات الوردة أعلى هي صحيحة .
ننتقل الان إلى ترميز عنوان الشارع الذي يعيش فيه احمد املاح :
, "شارع سوق الإمام مالك رقم 11"  : "streetAddress"
هذه معلومات تتعلق ب address فبعد انتهائنا من ذكر هذه المعلومات التي تتعلق بالعنوان ككل نقوم بسد المعقوفة التي قمنا بفتحها والتي تتعلق بـ address :  ,{
سوف نمر الان ببعض المعلومات التي يمكن إضافتها بدون تفصيل : 
بمكن إضافة email الشخص الذي نتحدث عنه ، إضافة صورة له  image ، في الصورة نضيف رابط الصورة بنفس الطريقة التي تعلمنا ، كما نضيف اسمه name : احمد املاح ، كما نستطيع أ، نضيف موقعه إن كان له موقع الإلكتروني ... والعديد ...
نكتفي بهذا القدر في هذه الحصة ونضرب لكم موعدا اخر فيما يخص البيانات المنظمة وكيفية الترميز محتوى الصفحات .


الهدف من هذه الدورة :

  • تعلم طرق تنظيم البيانات للموقع Structured data .
  • تعلم ترميز الصفحة عن طريق javascript أي JSON-LD.
  • تحسين ظهور الموقع في محرك البحث عن طريق ترميز المحتوى  . 
  • تعلم بعض الأساسيات في لغة البرمجة .

تعليقات