microformats-logo

ترميز البيانات باستخدام تنسيقات microformat



حول تنسيقات microformat

ترميز البيانات باستخدام تنسيقات microformat

تنسيقات Microformat هي تحويلات بسيطة (تعرف باسم كيانات) تستخدم على صفحات الويب لوصف نوع معين من المعلومات —على سبيل المثال، تعليق أو حدث أو منتج أو نشاط تجاري أو شخص. لكل كيانخصائصه المستقلة. فعلى سبيل المثال، خصائص الشخص هي الاسم والعنوان والمسمى الوظيفي والوظيفة والشركة وعنوان البريد الإلكتروني.

وتستخدم تنسيقات microformat بشكل عام السمة class في علامات HTML (غالبًاn <span> أو <div>) لتعيين أسماء مختصرة وصفية للكيانات ولتعيين خصائصها. في ما يلي نموذج لكتلة HTML قصيرة توضح معلومات جهة الاتصال الأساسية لعبد المنعم إبراهيم.

<div>
   <img src="www.example.com/bobsmith.jpg" />

   <strong>عبد المنعم إبراهيم</strong>

   محرر أول في مراجعات عربكو

   200 شارع قصر النيل

   القاهرة، ص ب 12345

</div>

في ما يلي HTML نفسه مرمز باستخدام تنسيق microformat المسمى hCard (شخص).

<div>
   <img src="www.example.com/bobsmith.jpg" />

   <strong>عبد المنعم إبراهيم</strong>

   <span>محرر أول</span> في <span>مراجعات عربكو</span>

   <span>
      <span>200 شارع قصر النيل</span>

      <span>القاهرة</span>, <span>ص ب</span>

      <span>12345</span>

   </span>
</div>

في ما يلي طريقة عمل هذا النموذج.

  • في السطر الأول، تشير class="vcard" إلى أن HTML المضمن في <div>يصف شخصًا. (يسمى تنسيق microformat المستخدم لوصف الأشخاص hCard ويشار إليه في HTML بـ vcard. هذا ليس خطأ إملائيًا.)
  • يصف النموذج خصائص عنصر الشخص، مثل الصورة والاسم واللقب والمؤسسة والعنوان. لوضع تصنيف للخصائص حول الشخص الموصوف بواسطة vcard، يتم تعيين سمة class تشير إلى خاصية لكل عنصر يحتوي على واحد من هذه الخصائص (مثل <span>، أو <img>، أو <title>). على سبيل المثال، fnتصف اسم الشخص وtitle تصف المسمى الوظيفي. (تشتمل مقالة المساعدة لكل نوع من أنواع المعلومات على قائمة كاملة بالخصائص التي يتم التعرف عليها.)
  • يمكن للخصائص أن تحتوي على خصائص أخرى. في المثال الوارد أعلاه، تصف adr عنوان الشخص وتتضمن الخصائص الفرعية street-address، وlocality، وregion، وpostal-code).

تنسيقات microformat المتداخلة

من الشائع أن يحتوي تنسيق microformat (مثل، مراجعة) على تنسيق آخر (مثل معلومات جهة الاتصال للمراجع). يتضمن نموذج المراجعة بالأسفل معلومات حول وظيفة عبد المنعم إبراهيم وصاحب العمل.

<div>
   <strong>Blast 'Em Up - مراجعة</strong>

   بواسطة عبد المنعم إبراهيم، محرر أول بشركة مراجعات عربكو

   التقييم: 4.5 من 5

   هذه لعبة رائعة.  استمتعت بها بداية من

   المعركة الاستهلالية حتى إغلاقها بالقضاء على الأشرار.

</div>

في ما يلي HTML نفسه مرمز باستخدام تنسيقي microformat ‏hReview (المراجعة) وhCard (الشخص). لتمثيل المعلومات حول المراجع عبد المنعم، تم دمج تنسيق microformat hCard (الشخص) بداخل تنسيق microformat hReview (المراجعة) microformat.

<div>
   <span>
      <strong><span>Blast 'Em Up</span> مراجعة</strong>

   </span>
   <span>

      By <span>عبد المنعم إبراهيم</span>, <span>محرر أول</span>

      في <span>مراجعات عربكو</span>

   </span>
   التقييم: <span>4.5</span> من 5.

   <span>هذه لعبة رائعة. استمتعت بها بداية من
   المعركة الاستهلالية حتى انتهائها بالقضاء على الكائنات الفضائية الشريرة.</span>
</div>

في ما يلي طريقة عمل هذا النموذج.

  • يتم وصف المراجعات بواسطة تنسيق microformat hReview ، والذي تتم كتابته كـclass="hreview". نظرًا لأن هذه مراجعة، يتم تضمين كتلة HTML بأكملها في div مع السمةclass="hreview".
  • للتعرف على المراجع، يمكنك استخدام span. ومع ذلك، نحن نريد في هذه الحالة تقديم معلومات إضافية حول المراجع باستخدام تنسيق microformat المسمى vcard(الشخص). يمكنك إجراء ذلك من خلال وضع reviewer وvcard في سطر واحد، مفصولاً بمسافة، على النحو التالي: <span>. تصف خصائص vcard وهي fn وtitle وorgاسم عبد المنعم ومسماه الوظيفي والمؤسسة التي يعمل فيها.

للاطلاع على مزيد من الأمثلة، راجع الكيانات المتداخلة.

المحتوى غير المرئي

بشكل عام، لن يعرض محرك البحث Google للمستخدم المحتوى غير المرئي. بمعنى آخر، لا تعرض المحتوى للمستخدمين بطريقة واحدة، واستخدم النص المخفي لترميز المعلومات بشكل منفصل لمحركات البحث وتطبيقات الويب. ينبغي عليك ترميز النص الذي يظهر فعليًا للمستخدمين عند زيارة صفحات الويب.

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

<span>
   <span title="2009-10-15T19:00-08:00" />

15 أكتوبر، 7 م

</span>

يعد تضمين <span title="2009-10-15T19:00-08:00" /> في الكتلة التي تحمل التصنيف class="dtstart" بمثابة إشارة منك إلى أن المحلل اللغوي للمقتطفات المنسقة يجب أن يستخدم القيمة في السمة title للعثور على تاريخ بدء الحدث. يمكن تمثيل التاريخ الموجود في السمةtitle باستخدام تنسيق تاريخ قياسي بدون التأثير في طريقة عرض التاريخ للمستخدمين.