اذهب إلى المحتوى

السؤال

Recommended Posts

  • 0
نشر

يعتمد ذلك على توفير وصف للمعلومات داخل صفحة HTML بهيكلية تسمح لمحركات البحث بالتعرف على المحتوى وتصنيفه بشكل أفضل، يمكنك التعرف عليها عبر موقها الرسمي Schema.org

التقييم بالنجوم يستخدم تحديدا الخاصية aggregateRating

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

يمكن الاعتماد على الخواص typeof لتحديد نوع الغرض، و property للإشارة أن محتوى العنصر هو قيمة الخاصية لنوع الغرض الأب

مثال لتوصيف منتج مع تقييم له:

<div vocab="https://schema.org/" typeof="Product">
  <span property="name">اسم المنتج</span>
  
  <img property="image" src="صورة المنتج.jpg" />
  
  <div property="aggregateRating" typeof="AggregateRating">
   التقييم <span property="ratingValue">3.5</span>/5
   عدد التقييمات <span property="reviewCount">11</span> تقييم
  </div>
</div>
  

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

  • 1
نشر

يتم كل ذلك عن طريق قراءة محركات البحث لمخططات البيانات أو البيانات المُهَيكَلة الخاصة بصفحة ما، تعرف هاته المخططات بـStructured Data . تستخدم العديد من التطبيقات من Google و Microsoft و Pinterest وغيرها هاته البيانات لتوفير تجربة مستخدم أفضل. 
حسب تعريف Google فإن:

اقتباس

البيانات المهيكلة هي تنسيق موحد لتوفير معلومات حول الصفحة وتصنيف محتوى الصفحة، على سبيل المثال: في صفحة الوصفات، ما هي المكونات ووقت الطهي ودرجة الحرارة والسعرات الحرارية وما إلى ذلك.

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

ولكن كيف يتم هيكلة البيانات؟
 

واحدة من الصيغ التي يتم بها كتابة هاته الهياكل هي الصيغة JSON-LD (اختصارا لـ Json For Linked Data أو جيسون للبيانات المربوطة)، تكون كالتالي:

{
   "@context": "https://schema.org/",
   "@type": "Recipe",
   "name": "وصفة كعكة قهوة",
   "author": {
      "@type": "Person",
       "name": "اسم شخص ما"
   },
   "datePublished": "2018-03-10",
   "description": "هاته الكعكة رائعة،يعبر هذا عن وصف سيظهر في قسم الوصف لأي محرك يقوم بقراءة هاته الهيكلة",
   "prepTime": "PT20M"
}

يتم تعريف هاته الخواص في قسم head من الصفحة بين وسمي فتح وإغلاق script:

<html>
  <head>
    <title>وصفة كعكة قهوة</title>
    <script type="application/ld+json">
    {
   "@context": "https://schema.org/",
   "@type": "Recipe",
   "name": "وصفة كعكة قهوة",
   "author": {
      "@type": "Person",
       "name": "اسم شخص ما"
   },
   "datePublished": "2018-03-10",
   "description": "هاته الكعكة رائعة،يعبر هذا عن وصف سيظهر في قسم الوصف لأي محرك يقوم بقراءة هاته الهيكلة",
   "prepTime": "PT20M"
}
    </script>
  </head>

يمكنك التعرف على كامل الخواص في الموقع الرسمي لـ Schema.org

أين يمكنك هيكلة بيانات صفحتك وفق الخواص المتوفرة، يتوفر من بينها خاصية النجوم أو غلاف فيديو للصفحة أو غيرها. يمكن هيكلة البيانات أيضا وفق صيغ microdata مثل الصيغة التي تتبعها أكاديمية حسوب أو صيغ RDFa. 

وبما أن Google تقوم بإستخدام هاته البيانات المهيكلة في تحسين عملية الفهرسة والبحث، فإنها تقوم بعرضها وفق أنساق معينة. 

تعرف أكثر عن البيانات الوصفية (microdata) في HTML5 (تتفرع عن هاته المقالة سلسلة مقالات تخص نفس الموضوع من مثل كيف توصيف وهيكلة الأشخاص والمنظمات عن طريق microdata، توصيف وهيكلة الأحداث والمراجعات ..الخ).

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...