ক্যারাউজেল

স্ট্রাকচার্ড ডেটার সাহায্যে আপনি আপনার বিশিষ্ট ফলাফলকে একটি সূচির মতো করে প্রদর্শন করার জন্য উপযুক্ত করে তুলতে পারেন। এটিকে ক্যারাউজেল বলা হয়। ক্যারাউজেল সাধারণত মোবাইল ডিভাইসে দেখানো হয় এবং নিচে উল্লেখ করা কয়েক ধরনের কন্টেন্টের ক্ষেত্রেই দেখানো যায়। ক্যারাউজেল ফর্ম্যাটে দেখানো যায় না এমন কন্টেন্ট ক্যারাউজেল হিসেবে মার্ক-আপ করলে কোনও সমস্যা হয় না। তথ্য ঠিকই দেখা যাবে, শুধু ক্যারাউজেল হিসেবে নয়।

কোনও কোনও ক্ষেত্রে আপনার পৃষ্ঠাতে সূচির জন্য স্ট্রাকচার্ড ডেটা না থাকলেও Google Search আপনার বিশিষ্ট ফলাফলকে ক্যারাউজেল হিসেবে দেখাতে পারে: যেমন বিভিন্ন ওয়েবসাইট থেকে রেসিপি নিয়ে তৈরি একটি ক্যারাউজেলে আপনার ওয়েবসাইটের রেসিপি দেখানো হতে পারে।

উদাহরণ

এখানে একটি ওয়েবসাইট থেকে নেওয়া মুরগির মাংসের একাধিক রেসিপি একটি ক্যারাউজেলে দেখানো হয়েছে:

রেসিপির বিশিষ্ট ফলাফলের ক্যারাউজেল

নির্দেশিকা

স্ট্রাকচার্ড ডেটা সংক্রান্ত সাধারণ নির্দেশিকার পাশাপাশি নিচে দেওয়া নির্দেশিকাও সব সূচির মার্ক-আপের ক্ষেত্রে প্রযোজ্য:

  • সূচির সব আইটেম একই ধরনের হতে হবে, যেমন Article বা Recipe
  • পৃষ্ঠার স্ট্রাকচার্ড ডেটার তথ্য ব্যবহারকারীর কাছে দৃশ্যমান টেক্সটের সাথে এক হতে হবে।
  • সূচির ফর্ম্যাটে দেখানো আইটেম কী ক্রম অনুযায়ী সাজানো হবে তা position প্রপার্টি ঠিক করবে।
  • নিচে উল্লেখ করা কন্টেন্টের ধরনের জন্য যে সূচির ফর্ম্যাট বর্তমানে কাজ করে: Recipe, Course, Article, Restaurant

আপনার স্ট্রাকচার্ড ডেটায় তালিকা ফর্ম্যাট প্রয়োগ করার দুটি উপায় আছে:

  • সারাংশ পৃষ্ঠা + সম্পূর্ণ বিবরণের একাধিক পৃষ্ঠা
  • সব তথ্য সহ একটি সূচির পৃষ্ঠা

সারাংশ পৃষ্ঠা + সম্পূর্ণ বিবরণের একাধিক পৃষ্ঠা

সূচির প্রতিটি আইটেমের সংক্ষিপ্ত বিবরণ সারাংশ পৃষ্ঠাতে থাকে এবং প্রতিটি বিবরণ একটি বিবরণের পৃষ্ঠাকে নির্দেশ করে, যেটি শুধু ওই আইটেমের বিষয়েই তথ্য প্রদান করে।

সারাংশ পৃষ্ঠা বিবরণের পৃষ্ঠা
একটি ItemList নির্দিষ্ট করে দেয় যেখানে প্রত্যেকটি ListItem-এর শুধুমাত্র তিনটি প্রপার্টি থাকে: @type ("ListItem"-এ সেট করা), position (সূচিতে অবস্থান) এবং url (যে পৃষ্ঠায় আইটেমটির সম্পূর্ণ বিবরণ আছে সেটির ইউআরএল)। সূচির ধরন অনুযায়ী স্ট্রাকচার্ড ডেটা এলিমেন্ট নির্দিষ্ট করে।
best_dessert_recipes.html-এর জন্য সিউডোকোড:

ItemList
  itemListElement: [
    {
      @type: ListItem
      position: 1
      url: http://example.com/coffee_cake.html
    },
    {
      @type: ListItem
      position:2
      url: http://example.com/apple_pie.html,
    },
    ... more recipes ...
  ]
coffee_cake.html-এর জন্য সিউডোকোড:

@type: Recipe
name: Party Coffee Cake
author: George Smith
.... more properties ...

কোডের নমুনা:

কোডের নমুনা:

সব তথ্য সহ একটি সূচির পৃষ্ঠা

এই ধরনের পৃষ্ঠায় প্রতিটি আইটেমের সম্পূর্ণ টেক্সট সহ সূচির সব তথ্য থাকে: যেমন একটি পৃষ্ঠাতেই বিভিন্ন ধরনের মাফিনের রেসিপির একটি গ্যালারি।

একটি পৃষ্ঠা
একটি ItemList নির্দিষ্ট করে, যেখানে প্রতিটি এলিমেন্ট হল item প্রপার্টি সহ ListItem এবং সেই প্রপার্টিতে schema.org এলিমেন্টের ধরনের (যেমন Movie বা Course) জন্য স্ট্রাকচার্ড ডেটা দেওয়া থাকে। পৃষ্ঠাটিতে ব্যবহারকারী দেখতে পান এমন টেক্সট থাকা প্রয়োজন এবং প্রতিটি ListItem আইটেমের জন্য একটি অ্যাঙ্করও উল্লেখ করা প্রয়োজন।

best_dessert_recipes.html-এর জন্য সিউডোকোড:


ItemList
  itemListElement: [
    {
      @type: ListItem
      position: 1
      item: {
        @type: Recipe
        url: http://example.com/big_list_of_recipes#recipe_1
        name: George's Cherry Pie
        author: George Smith
        ... all other required Recipe type properties ...}
    },
    {
      @type: ListItem
      position: 2
      item: {
        @type: Recipe
        url: http://example.com/big_list_of_recipes#recipe_2
        name: Party Coffee Cake
        author: Mary Stone
        ... all other required Recipe type properties ...}
    },
    ... more recipes ...
  ]
কোডের নমুনা:

বিভিন্ন ধরনের স্ট্রাকচার্ড ডেটার সংজ্ঞা

একটি সূচি নির্দেশ করতে আপনাকে অন্তত দুটি ListItems সহ একটি ItemList উল্লেখ করতে হবে। আপনার কন্টেন্টকে বিশিষ্ট ফলাফল হিসেবে দেখানোর উপযুক্ত করে তুলতে প্রয়োজনীয় প্রপার্টি আপনাকে যোগ করতেই হবে। ব্যবহারকারীর অভিজ্ঞতা আরও ভাল করতে, আপনার কন্টেন্ট সম্পর্কে আরও তথ্য দেওয়ার জন্য সাজেস্ট করা প্রপার্টি যোগ করতে পারেন।

ItemList

ItemList কন্টেনার আইটেমে সূচির সব এলিমেন্ট থাকে। এটি সারাংশের পৃষ্ঠায় ব্যবহার করা হলে, সূচির সব ইউআরএলকে একই ডোমেনের আলাদা আলাদা পৃষ্ঠার দিকে নির্দেশ করতে হবে। সব তথ্য সহ একটি সূচির পৃষ্ঠায় ব্যবহার করা হলে, সব ইউআরএলকে সূচির স্ট্রাকচার্ড ডেটা হোস্ট করছে যে পৃষ্ঠা সেটির দিকে নির্দেশ করতে হবে।

ItemList-এর সম্পূর্ণ সংজ্ঞা schema.org/ItemList-এ দেওয়া আছে।

প্রয়োজনীয় প্রপার্টি
itemListElement

ListItem

আইটেমগুলির সূচি। সব আইটেমগুলিকে একই ধরনের হতে হবে। আরও জানতে ListItem দেখুন।

ListItem

সূচির কোনও নির্দিষ্ট আইটেমের বিবরণ ListItem-এ দেওয়া থাকে।

  • এটি সারাংশ পৃষ্ঠা হলে, ListItem-এ শুধু type, position এবং url প্রপার্টি অন্তর্ভুক্ত করতে হবে।
  • এটি সব তথ্য সহ একটি সূচির পৃষ্ঠা হলে, ListItem যে ডেটার ধরনকে বোঝাচ্ছে (যেমন Recipe অথবা Course অবজেক্ট) সেটির জন্য schema.org-এর সব অতিরিক্ত প্রপার্টি যোগ করতে হবে।

ListItem-এর সম্পূর্ণ সংজ্ঞা schema.org/ListItem-এ দেওয়া আছে।

সহজ সারাংশ সূচিতে (JSON-LD) আইটেমের একটি উদাহরণ:

{
  "@type":"ListItem",
  "position":1,
  "url":"http://example.com/desserts/apple-pie"
}

সব তথ্য সহ একটি সূচিতে (JSON-LD) আইটেমের উদাহরণ:

{
  "@type": "ListItem",
  "position": 1,
  "item": {
    "@type": "Recipe",
    "url": "http://example.com/desserts/pies/#apple-pie",
    "name": "Apple Pie",
    "image": "https://example.com/300px-Apple_pie.jpg",
    "aggregateRating": {
      "@type": "AggregateRating",
      "ratingValue": "6",
      "reviewCount": "32"
    },
    "recipeYield": "8 servings",
    "recipeIngredient": [
      "Pastry crust for bottom and top",
      "1/2 cup unsalted butter",
      "3 tablespoons all-purpose flour",
      "1/4 cup water",
      "1/4 cup white sugar",
      "1/2 cup brown sugar",
      "10 cups peeled, chopped green apples"
    ], ... snip ...
  }
}
প্রয়োজনীয় প্রপার্টি
item

Thing

শুধু সব তথ্য সহ একটি সূচির পৃষ্ঠায় ব্যবহার করা হয়। এই ধরনের সব পৃষ্ঠায় এই প্রপার্টি যোগ করতেই হয়। সারাংশ পৃষ্ঠায় এটি যোগ করবেন না। যে স্ট্রাকচার্ড ডেটার ধরনের বিবরণ দেওয়া হচ্ছে সেটির সব মেম্বার সহ নিম্নলিখিত মানগুলি এই অবজেক্টের জন্য ব্যবহার করুন:

  • item.name
  • item.url
  • schema.org-এর বিবরণ এবং আপনার কন্টেন্টের ধরনের (যেমন, Article বা Book) জন্য এই ডকুমেন্টে উল্লেখ করা নিয়ম অনুযায়ী এই ধরনের ডেটার জন্য প্রয়োজনীয় অন্য যেকোনও প্রপার্টি। যেমন, আপনি সূচির কোনও বইয়ের জন্য bookFormat এবং isbn প্রপার্টি অথবা রেসিপির জন্য prepTime এবং image প্রপার্টি যোগ করতে পারেন।
item.name

Text

রেন্ডার করা গ্যালারিতে প্রদর্শিত আইটেমের স্ট্রিং নাম। HTML ফর্ম্যাটিং উপেক্ষা করা হয়। সব তথ্য সহ একটি সূচির পৃষ্ঠার জন্য এই প্রপার্টি প্রয়োজন। সারাংশ পৃষ্ঠায় এটি যোগ করবেন না

item.url

URL

যাচাই করা ইউআরএল + এই পৃষ্ঠাতে উপস্থিত আইটেমের পৃষ্ঠার অ্যাঙ্কর। সব তথ্য সহ একটি সূচির পৃষ্ঠায় এই প্রপার্টি প্রয়োজন। সারাংশ পৃষ্ঠায় এটি যোগ করবেন না। বর্তমান পৃষ্ঠার ইউআরএল ব্যবহার করতে হবে এবং ব্যবহারকারী যেখানে টেক্সট দেখতে পাবেন তার কাছাকাছি কোনও HTML অ্যাঙ্কর (<a> ট্যাগ, name বা id মান) যোগ করতে হবে। যেমন: https://example.org/recipes/pies#apple_pie

position

Integer

ক্যারাউজেলে আইটেমটির অবস্থান। এটি একটি ১-ভিত্তিক নম্বর।

url

URL

শুধু সারাংশ পৃষ্ঠার সূচির জন্য ব্যবহার করা হয়। সারাংশ পৃষ্ঠার জন্য এই প্রপার্টি প্রয়োজন। সব তথ্য সহ একটি সূচির পৃষ্ঠাতে এই প্রপার্টি যোগ করবেন না। আইটেমের বিবরণের পৃষ্ঠার সেরা ইউআরএল। সূচির সব ইউআরএল অনন্য হতে হবে, কিন্তু সেগুলি একই ডোমেনে (বর্তমান পৃষ্ঠা যে ডোমেনে আছে সেটি বা সেটির সাব/সুপার ডোমেন) থাকতে হবে।