كيف تظهر نجوم في نتيجه البحث في جوجل او صورة فيديو

Sammer Amer · 19 نوفمبر 2021

السلام عليكم لاحظت العديد من المواقع في نتيجه البحث تظهر نتيجه البحث فيها تقييم نجوم وبعضها يظهر معها صورة فيديو

هل من فكرة لذلك كيف يتم عملها ؟

Adnane Kadri · 19 نوفمبر 2021

يتم كل ذلك عن طريق قراءة محركات البحث لمخططات البيانات أو البيانات المُهَيكَلة الخاصة بصفحة ما، تعرف هاته المخططات بـ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، توصيف وهيكلة الأحداث والمراجعات ..الخ).

Hassan Hedr · 19 نوفمبر 2021

يعتمد ذلك على توفير وصف للمعلومات داخل صفحة 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