البيانات المنظمة | وصفة طعام | طريقة التطبيق

البيانات المنظمة | وصفة طعام | طريقة التطبيق

لإنشاء صفحة إلكتروني تحتوي وصفة طعام، عليك تقديم المعلومات اللازمة في شفرة JSON-LD، حتى تتمكن الصفحة من دعم البيانات المنظمة، ويتمكن محرّك البحث من التعرف والوصول إليها بشكل أسرع، وتكون للصفح فرصة أكبر في استقطاب الزوار من محرّك البحث.

كما حدّدنا في مقالة سابقة، على كل صفحة أن تحتوى على شفرة البيانات المنظمة الخاصة بها، وقد تختلف شفرة البيانات المنظمة من صفحة لإخرى باختلاف أنواع المحتوى، إذ لكل نوع من أنواع المحتوى رمزا خاصا به، ليسهل بذلك التعرف على محتوى الصفحة من طرف محرك البحث.

وفي ما يلي، مثال عن وصفة طعام تشتمل على مجموعة من المعلومات والخطوات -6- المتبعة في تحضير الوصفة:

    <title>Party Coffee Cake</title>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org/",
      "@type": "Recipe",
      "name": "Party Coffee Cake",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
      ],
      "author": {
        "@type": "Person",
        "name": "Mary Stone"
      },
      "datePublished": "2018-03-10",
      "description": "This coffee cake is awesome and perfect for parties.",
      "prepTime": "PT20M",
      "cookTime": "PT30M",
      "totalTime": "PT50M",
      "keywords": "cake for a party, coffee",
      "recipeYield": "10",
      "recipeCategory": "Dessert",
      "recipeCuisine": "American",
      "nutrition": {
        "@type": "NutritionInformation",
        "calories": "270 calories"
      },
      "recipeIngredient": [
        "2 cups of flour",
        "3/4 cup white sugar",
        "2 teaspoons baking powder",
        "1/2 teaspoon salt",
        "1/2 cup butter",
        "2 eggs",
        "3/4 cup milk"
        ],
      "recipeInstructions": [
        {
          "@type": "HowToStep",
          "name": "Preheat",
          "text": "Preheat the oven to 350 degrees F. Grease and flour a 9x9 inch pan.",
          "url": "https://example.com/party-coffee-cake#step1",
          "image": "https://example.com/photos/party-coffee-cake/step1.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Mix dry ingredients",
          "text": "In a large bowl, combine flour, sugar, baking powder, and salt.",
          "url": "https://example.com/party-coffee-cake#step2",
          "image": "https://example.com/photos/party-coffee-cake/step2.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Add wet ingredients",
          "text": "Mix in the butter, eggs, and milk.",
          "url": "https://example.com/party-coffee-cake#step3",
          "image": "https://example.com/photos/party-coffee-cake/step3.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Spread into pan",
          "text": "Spread into the prepared pan.",
          "url": "https://example.com/party-coffee-cake#step4",
          "image": "https://example.com/photos/party-coffee-cake/step4.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Bake",
          "text": "Bake for 30 to 35 minutes, or until firm.",
          "url": "https://example.com/party-coffee-cake#step5",
          "image": "https://example.com/photos/party-coffee-cake/step5.jpg"
        },
        {
          "@type": "HowToStep",
          "name": "Enjoy",
          "text": "Allow to cool and enjoy.",
          "url": "https://example.com/party-coffee-cake#step6",
          "image": "https://example.com/photos/party-coffee-cake/step6.jpg"
        }
      ],
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "5",
        "ratingCount": "18"
      },
      "video": {
        "@type": "VideoObject",
        "name": "How to make a Party Coffee Cake",
        "description": "This is how you make a Party Coffee Cake.",
        "thumbnailUrl": [
          "https://example.com/photos/1x1/photo.jpg",
          "https://example.com/photos/4x3/photo.jpg",
          "https://example.com/photos/16x9/photo.jpg"
         ],
        "contentUrl": "http://www.example.com/video123.mp4",
        "embedUrl": "http://www.example.com/videoplayer?video=123",
        "uploadDate": "2018-02-05T08:00:00+08:00",
        "duration": "PT1M33S",
        "interactionStatistic": {
          "@type": "InteractionCounter",
          "interactionType": { "@type": "http://schema.org/WatchAction" },
          "userInteractionCount": 2347
        },
        "expires": "2019-02-05T08:00:00+08:00"
      }
    }
    </script>

ملاحظة:
يجب تغيير ما هو مكتوب باللون الأحمر

الأن يجب التركيز قليلا، لمعرفة مدلولات الرموز في الأعلى، ومعرفة ما يجب تغييره منها.

image

تمثل URL أو Imageobject في الرمز: صورة لنوع الطعام بعد إتمام التحضير، كي يأخذ الباحث نظرة عامة عن نتيجة الوصفة.

مثل:

"image": [
  "https://example.com/photos/1x1/photo.jpg",
  "https://example.com/photos/4x3/photo.jpg",
  "https://example.com/photos/16x9/photo.jpg"
]

name

تمثل text في الرمز ضمن name: اسم الطبق

AggrigateRating

تمثل AggrigateRating في الرمز ضمن AggrigateRating: متوسط التقييمات التي خصل عليها الطبق

author

تمثل Person أو organization في الرمز ضمن author: اسم الكاتب أو المؤسسة التي أنشأت وصفة الطبق

cookTime

تمثل Duration في الرمز ضمن cookTime: الزمن الذي يحتاجه الطبق ليتم طهيه في الوقت الفعلي.

datePublished

تمثل Date في الرمز، ضمن datePublished: التاريخ الذي تم فيه نشر وصفة الطعام.

keywords

تمثل text في الرمز، ضمن keywords: عبارات دلالية أخرى عن وصفتك، مثل "كعكة شتوية" أو "لذيذة".