البرمجة

توصيف الأحداث والمراجعات باستخدام Microdata

كيفية توصيف الأحداث والمراجعات باستخدام Microdata على HTML5

توصيف البيانات (Data Markup) أصبح من العناصر الأساسية في تحسين عرض المحتوى على الإنترنت. ومع تطور محركات البحث، برزت أهمية استخدام تقنيات مثل Microdata ضمن معايير HTML5 لتوصيف المعلومات بطريقة منظمة، تمكّن محركات البحث مثل Google وBing من فهم المحتوى بشكل أدق وعرضه بصيغ غنية (Rich Snippets). ومن أبرز الاستخدامات العملية لهذه التقنية توصيف الأحداث (Events) والمراجعات (Reviews)، نظرًا لأهميتهما في مجالات الترويج والتقييم والتفاعل مع المستخدمين.

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


ما هو Microdata في HTML5؟

Microdata هو نوع من أنواع توصيف البيانات التي تُضاف إلى عناصر HTML لتوفير معلومات دلالية للمحتوى الموجود على صفحة الويب. تُستخدم سمات خاصة ضمن عناصر HTML العادية لتحديد نوع الكيان (مثل حدث أو مراجعة) وخصائصه.

يستند Microdata إلى schema.org، وهو مشروع مشترك بين Google وMicrosoft وYahoo وYandex، لتوفير قاموس موحد للكائنات والخصائص التي يمكن توصيفها.


مكونات توصيف Microdata الأساسية

عند استخدام Microdata، يتم الاعتماد على السمات التالية:

السمة الوظيفة
itemscope يحدد أن العنصر يحتوي على توصيف لمجموعة بيانات
itemtype يحدد نوع الكيان الموصوف باستخدام URI من schema.org
itemprop يحدد خاصية معينة لهذا الكيان
itemid معرف فريد للكيان (اختياري)
itemref يشير إلى عناصر أخرى تحتوي على خصائص إضافية خارج العنصر الحالي

توصيف الأحداث باستخدام Microdata

يُستخدم النوع http://schema.org/Event لتوصيف الأحداث، سواء كانت حفلات موسيقية، مؤتمرات، دورات تدريبية، عروض مسرحية، أو حتى أحداث رياضية.

البنية الأساسية لتوصيف حدث

html
<div itemscope itemtype="http://schema.org/Event"> <h2 itemprop="name">مهرجان الثقافة العربيةh2> <meta itemprop="startDate" content="2025-07-15T19:00"> <span>التاريخ: <time datetime="2025-07-15T19:00">15 يوليو 2025time>span> <div itemprop="location" itemscope itemtype="http://schema.org/Place"> <span itemprop="name">مسرح المدينةspan> <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress"> <span itemprop="streetAddress">شارع النور 45span>, <span itemprop="addressLocality">الرياضspan>, <span itemprop="addressCountry">السعوديةspan> div> div> <span itemprop="description">فعالية ثقافية تجمع بين الفن والشعر والتراث العربي الأصيل.span> div>

خصائص شائعة للحدث

الخاصية الوصف
name اسم الحدث
startDate وقت بدء الحدث بتنسيق ISO 8601
endDate وقت انتهاء الحدث (اختياري)
location المكان الذي يقام فيه الحدث
description وصف تفصيلي للحدث
eventStatus حالة الحدث (مؤجل، ملغى، قائم،… إلخ)
performer الجهة أو الشخص المشارك في الحدث
organizer المنظمون للحدث
offers معلومات التذاكر والتكاليف

توصيف المراجعات باستخدام Microdata

توصيف المراجعات يُعد من أكثر الاستخدامات أهمية في المواقع التجارية والخدمية، لما له من تأثير كبير على انطباع المستخدم وثقته في المنتج أو الخدمة. يتم توصيف المراجعات باستخدام النوع http://schema.org/Review، وغالبًا ما يُدمج مع Product أو Service.

مثال لتوصيف مراجعة منتج

html
<div itemscope itemtype="http://schema.org/Product"> <h2 itemprop="name">هاتف ذكي موديل X100h2> <span itemprop="brand">شركة التكنولوجيا العربيةspan> <div itemprop="review" itemscope itemtype="http://schema.org/Review"> <span itemprop="author">أحمد جمالspan> <meta itemprop="datePublished" content="2025-06-01"> <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating"> <meta itemprop="worstRating" content="1"> <meta itemprop="bestRating" content="5"> <span itemprop="ratingValue">4span> من 5 div> <p itemprop="reviewBody">الهاتف ممتاز من حيث الأداء وعمر البطارية، ولكن جودة الكاميرا الليلية يمكن أن تتحسن.p> div> div>

خصائص شائعة للمراجعات

الخاصية الوصف
author اسم المراجع
reviewBody محتوى المراجعة
reviewRating التقييم الرقمي للمراجعة
datePublished تاريخ نشر المراجعة
itemReviewed العنصر الذي تتم مراجعته (منتج، فيلم، خدمة، إلخ)
ratingValue قيمة التقييم
bestRating أعلى تقييم ممكن
worstRating أدنى تقييم ممكن

أهمية استخدام Microdata للأحداث والمراجعات

استخدام microdata في توصيف الأحداث والمراجعات يوفر مزايا تقنية وتسويقية ملموسة، أبرزها:

  1. تحسين عرض النتائج في محركات البحث:

    • عرض تقييم النجوم

    • عرض مواعيد الأحداث والموقع الجغرافي

    • جذب انتباه المستخدم في نتائج البحث

  2. تحسين فهم محركات البحث للمحتوى:

    • تسهيل التصنيف والربط بين المعلومات

    • زيادة فرص الظهور في نتائج البحث الغنية

  3. دعم التكامل مع التطبيقات الذكية:

    • توفير بيانات قابلة للاستخدام في تقنيات مثل Google Assistant و Siri و Alexa


أفضل الممارسات لتطبيق Microdata

  1. الالتزام بـ schema.org:

    • يجب مراجعة schema.org للتأكد من استخدام الأنواع والخصائص المعتمدة والمحدثة.

  2. تنسيق التواريخ والأوقات باستخدام ISO 8601:

    • تنسيق قياسي يسهّل على محركات البحث قراءة المواعيد.

  3. تضمين البيانات بشكل صريح:

    • عدم الاكتفاء بالبيانات الوصفية، بل يجب أن تكون واضحة ضمن سياق الصفحة.

  4. استخدام أدوات التحقق:


جدول مقارنة بين أهم خصائص توصيف الأحداث والمراجعات

العنصر النوع الخصائص الأساسية
حدث (Event) schema:Event name, startDate, location, description, performer, organizer
مراجعة (Review) schema:Review author, reviewBody, reviewRating, datePublished, itemReviewed
تقييم (Rating) schema:Rating ratingValue, bestRating, worstRating
مكان (Location) schema:Place name, address
عنوان بريدي (PostalAddress) schema:PostalAddress streetAddress, addressLocality, addressCountry

مصادر ومراجع


يُعد استخدام Microdata ضمن HTML5 عنصرًا جوهريًا في الاستفادة القصوى من تقنيات SEO الحديثة، وتوصيف المحتوى بشكل منظّم يرفع من مستوى التفاعل والموثوقية. ومع تزايد أهمية الواجهات الغنية في نتائج البحث، فإن الحرص على توصيف الأحداث والمراجعات وفق المعايير الصحيحة يمنح المواقع ميزة تنافسية كبيرة، ويُعزز من ظهورها وترتيبها في محركات البحث بشكل ملحوظ.