حـول microdata + الـشـرح الــتـفـصــيـلـي

مــواصـفـة HTML5 microdataهــي طــريــقــة لـتــصــنــيــف الــمــحــتــوى لــوصــف نــوع خــاص مــن الـمــعــلــومــات، عــلــى ســبــيــل الــمــثــال، الــمــراجــعــات أو الـمــعــلــومــات الـشــخــصــيــة أو الأحــداث. يــصــف كــل نــوع مــعــلــومــات نــوعــًا مــحــددًا مــن الــعــنــاصــر، مــثــل شــخــص وحــدث أو مــراجــعــة. فــعــلــى ســبــيــل الــمــثــال، يــكــون لــحــدث مــا خــصــائص الــمــكــان ووقــت الــبــدء والاســم والــفــئة.

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

<div> 
  اسمي هو عـبــد الـحــكيم المرابطي، ولكن ينادونني باسم حكيم. في ما يلي صفحتي الرئيسية:

  <a href="http://www.example.com">www.example.com</a>
  أنا أعيش في سلا بالمغرب، وأعمل مهندسًا في شركة العربية للهندسة.
</div>

إلـيــك شـفــرة HTML نــفــسـهـا مـرمـزة بــاســتـخـدام microdata.

<div itemscope itemtype="http://data-vocabulary.org/Person">
  اسمي هو <span itemprop="name">عـبــد الـحــكيم المرابطي</span> 
  ولكنهم ينادونني باسم <span itemprop="nickname">حكيم</span>. 
  في ما يلي صفحتي الرئيسية:
  <a href="http://www.example.com" itemprop="url">www.example.com</a>
  أنا أعيش في سلا بالمغرب، وأعمل <span itemprop="title">مهندسًا</span>
  في شركة <span itemprop="affiliation">العربية للهندسة</span>.

</div>

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

• في السطر الأول، يشير itemscope إلى أن محتوى <div> يعد عنصرًا. ويشير itemtype="http://data-vocabulary.org/Person إلـى أن الــعــنــصـر يــعـد شــخــصـًا.
• يـتـم الـتـعـرف عـلـى كـل خـاصـيـة لـعـنـصـر الـشـخـص مـن خـلال الـسـمـة itemprop. عـلـى ســبـيـل الــمـثـال، يـصـف itemprop="name"اســم الــشــخــص.

الكيانات المتداخلة

يـوضــح الـمـثــال أعــلاه مــعـلـومــات جـهــة الإتـصــال لـعـبــد الــحـكـيــم الــمـرابـطــي، ولـكــن لا يــتـضـمــن عـنـوانــه. يـوضــح الـمـثــال أدنــاه شـفــرة HTML نــفـسـهــا، ولـكــن فــي هــذه الـحـالــة، تــتـضـمــن الــخـاصـيــة address.

<div itemscope itemtype="http://data-vocabulary.org/Person">
   اسمي هو <span itemprop="name">عـبــد الـحــكيم المرابطي</span>، 
   ولكنهم ينادونني باسم <span itemprop="nickname">حكيم</span>. 
   في ما يلي صفحتي الرئيسية:
   <a href="http://www.example.com" itemprop="url">www.example.com</a>.
   أعيش في
   <span itemprop="address" itemscope 
      itemtype="http://data-vocabulary.org/Address">
      <span itemprop="locality">الدقي</span>، 
      <span itemprop="region">الجيزة</span> 
   </span>
   وأعمل <span itemprop="title">مهندسًا</span>
   في شركة <span itemprop="affiliation">العربية للهندسة</span>.
</div>

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

• إن خاصية address{1} هي في حد ذاتها عنصر يحتوي على مجموعة من الخصائص. ويتضح هذا من وضع السمةitemscope على العنصر الذي يصف خاصية address واستخدام صفة itemtype لتحديد نوع العنصر الموصوف، كهذا المثال: <span itemprop="address" itemscope itemtype="http://data-vocabulary.org/Address">.

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

معلومات التاريخ والوقت

لـتـحــديـد الـتــواريـخ والأوقـات بــوضـوح، اسـتــخـدم عـنــصـر time مـع الـصــفـة datetime. هــنـا، تـشــيـر الـخـاصــيـة startDate إلـى تــاريـخ بـدء حـفــلـة. يــتـم تـحــديـد الـقـيــمـة فـي الـســمـة datetime بـاسـتــخـدام تـنـســيـق الـتــاريـخ الـقـيــاسـي. يـتــيـح اسـتــخـدام هـذا الـتـنـســيـق تـقــديـم الـتــاريـخ والــوقـت بـشــكـل تـفـصـيــلـي إلـى مـحــركـات الـبــحـث، وبـشــكـل اخــتـيــاري، الــمــنــطـقــة الــزمــنـيــة بــتــنــسـيــق قــيـاســي ( " 2009 - 10 - 15T19 : 00 - 08 : 00 " )، مـع الاحــتـفـاظ بـعـرض الــتـاريـخ فـي صـفــحـتـك بـطــريـقـة يــسـهـل عـلـى الـمـســتـخـدم فـهــمـهـا ("15 October 2009, 7PM ").

<time itemprop="startDate" datetime="2009-10-15T19:00-08:00">15 تشرين الأول (أكتوبر) 2009، 7م</time>

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

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

هــنــاك بــعــض الاسـتـثــنــاءات لــهــذه الإرشــادات. ومــع ذلــك، يـمــكــن الاسـتــفــادة فــي بــعــض الــحــالات مــن تـقــديــم الـمــزيــد مــن الـمـعـلــومــات الــتـفـصـيـلــيــة لـمـحــركــات الـبــحــث، حــتــى ولــو كــنــت لا تــريــد عــرض هــذه الـمـعـلــومــات لــزائري الـصـفــحــة. فـعــلــى سـبــيــل الـمــثــال، إذا كـان تـقـيــيـم أحـد الـمـطــاعـم 8. 5، فــسـيـفــتـرض الـمــسـتـخــدمـون ( ولـيــسـت مـحــركـات الـبــحـث ) أن هـذا الــتـقـيــيـم مـبــنـي عــلـى تـدرج مـن 1 إلـى 10. وفـي هـذه الـحــالـة، يـمـكــنـك الإشـارة إلـى مــثـل هـذا بـاسـتــخـدام عـنــصـر meta مــثـل الـتــالـي :

<div itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating">
   التقييم: <span itemprop="value">8.5</span>
   <meta itemprop="best" content="10" />
</div>

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

• يتم استخدام العلامة meta لتحديد معلومات إضافية غير مرئية بالصفحة—في هذه الحالة، نعني حقيقة أن التقييم “الأفضل على الإطلاق” هو 10. يتم تحديد قيمة الخاصية باستخدام السمة content.

وبـالــمـثــل، يــمـكــن أن يــسـاعــد تــوفـيــر مــدة أحــد الأحــداث بـتـنــسـيــق الـمــدة ISO فــي ضـمــان ظـهــوره فــي مــحـركــات الــبـحــث بـالــشـكــل الـصــحـيــح، كـهــذا الــمـثــال :

المدة: 
<span>ساعة ونصفutes<meta itemprop="duration" content="PT1H30M" />
</span>

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

• اســتـخــدم الــعـلامــة metaلــتــحـديــد قــيـمــة الــخــاصـيــة ( هــي الـمــدة فــي هــذه الــحـالــة ). يــتـيــح لــك هــذا اســتـخــدام قــيـمــة الــسـمــة content(“PT1H30M”) لتحديد المدة بتنسيق تنسيق المدة القياسي 8601، مــع الاحـتـفــاظ بـعــرض الـمــدة بـنــص يـسـهــل عـلــى الــمـسـتـخــدم فـهـمــه ( سـاعــة ونـصــف ) فــي الـصـفـحــة ذاتــها.
• يـأخـذ Google فـي الاعــتـبـار الــعــنـصـر الأصـلـي لــلــعــنـصـر meta لــتــحـديـد الــمــعــلـومـات الــمــقـدمـة بــطــريـقـة مــتــبـادلـة ضـمـن الــعـلامـة meta . لـذا فـفـي هـذه الــحـالـة، مـن الـضـروري ضـمـان أن الــعـقـدة الأصــلـيـة الــمــبـاشـرة لــعـلامـة meta تــحـيـط بــالـنـص سـاعـة ونـصـف.

إشترك في قناتنا على اليوتيوب لتتوصلو بجديد حلقاتنا التقنية
سبحان الله، والحمدلله، ولا إله إلا الله، والله أكبر
إذا أعجبك الموضوع فلماذا تبخل علينا بالردود المشجعة ؟!