Karosel

Anda dapat menggunakan data terstruktur untuk menjadikan hasil kaya Anda (sebelumnya disebut kartu informasi) memenuhi syarat untuk ditampilkan dalam tampilan seperti daftar yang disebut carousel. Carousel biasanya hanya muncul di perangkat seluler, dan hanya untuk jenis konten tertentu, seperti dijelaskan di bawah ini. Jika Anda menggunakan markup carousel untuk jenis konten yang belum didukung dalam format carousel, hal itu tidak termasuk error; informasi tersebut masih bisa ditampilkan, tapi tidak dalam format carousel.

Dalam beberapa kasus, Google Penelusuran dapat menampilkan hasil kaya dalam carousel walaupun halaman itu tidak menyertakan data terstruktur untuk daftar: misalnya, suatu resep mungkin muncul di carousel resep yang mencantumkan hasil dari beberapa situs berbeda.

Contoh

Berikut ini daftar resep ayam dari satu situs yang ditampilkan dalam carousel:

Carousel hasil kaya resep

Panduan

Selain panduan data terstruktur standar, panduan berikut berlaku untuk semua markup daftar:

  • Semua item dalam daftar harus berjenis sama, misalnya: Artikel atau Resep.
  • Teks yang terlihat oleh pengguna harus serupa dengan informasi yang dimuat dalam data terstruktur pada halaman.
  • Item yang ditampilkan dalam format daftar akan ditampilkan dalam urutan yang ditentukan oleh properti position.
  • Format daftar saat ini didukung untuk jenis konten berikut. Daftar ini terus bertambah, jadi jangan ragu untuk membuat daftar jenis konten lain yang didukung: Resep, Film, Kursus, Artikel.

Ada dua cara untuk mengimplementasikan format daftar untuk data terstruktur Anda:

  • Halaman ringkasan + beberapa halaman detail lengkap
  • Daftar tunggal, all-in-one-page (semua dalam satu halaman)

Halaman ringkasan + beberapa halaman detail lengkap

Halaman ringkasan memiliki deskripsi singkat setiap item yang ada dalam daftar, dan setiap deskripsi mengarah ke halaman detail terpisah yang berfokus sepenuhnya pada satu item.

Halaman ringkasan Halaman detail
Menentukan ItemList, di mana masing-masing ListItem hanya memiliki tiga properti: @type (disetel ke "ListItem"), position (posisi dalam daftar), dan url (URL halaman dengan detail lengkap tentang item tersebut). Menentukan elemen data terstruktur yang sesuai untuk jenis daftar tersebut.
Kode-pseudo untuk best_pie_recipes.html:
ItemList
  itemListElement: [
    {
      @type: ListItem
      position: 1
      url: http://example.com/cherry_pie_recipe.html
    },
    {
      @type: ListItem
      position:2
      url: http://example.com/appple_pie_recipe.html,
    },
    ... more recipes ...
  ]
Kode-pseudo untuk cherry_pie_recipe.html:
@type: Recipe
name: George's Cherry Pie
author: George Smith
.... more properties ...

Contoh kode:

Contoh kode:

Daftar tunggal, all-in-one-page

Daftar tunggal all-in-one-page menampung semua informasi daftar, termasuk teks lengkap untuk setiap item: misalnya, galeri resep untuk berbagai jenis mufin, yang semuanya dimuat dalam satu halaman.

Halaman tunggal
Menentukan ItemList, di mana setiap elemen adalah ListItem dengan properti item yang diisi dengan data terstruktur untuk jenis elemen schema.org tersebut (misalnya Film atau Kursus). Halaman ini harus berisi teks yang terlihat oleh pengguna dan sebuah anchor untuk mencocokkan setiap elemen ListItem.

Kode-pseudo untuk best_pie_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: Martha's Apple Pie
        author: Martha Smith
        ... all other required Recipe type properties ...}
    },
    ... more recipes ...
  ]

 

Contoh kode:

Definisi jenis data terstruktur

Untuk menentukan sebuah daftar, Anda harus menentukan sebuah ItemList yang berisi setidaknya dua ListItems.

ItemList

ItemList adalah item container yang menampung semua elemen dalam daftar. Jika digunakan pada halaman ringkasan, semua URL dalam daftar harus mengarah ke halaman berbeda pada domain yang sama. Jika digunakan dalam daftar all-in-one-page, semua URL harus mengarah ke halaman yang menjadi host data terstruktur daftar.

Definisi lengkap ItemList tersedia pada schema.org.

Properti
@type

Wajib

Harus "ItemList".

itemListElement

ListItem, Wajib

Daftar item. Semua item harus memiliki jenis yang sama. Lihat ListItem di bawah ini untuk penjelasan selengkapnya.

ListItem

ListItem berisi detail tentang masing-masing item dalam daftar.

  • Jika ini adalah halaman ringkasan, ListItem hanya boleh mencakup properti type, position, dan url.
  • Jika ini adalah daftar all-in-one-page, ListItem boleh mencakup semua properti schema.org tambahan untuk jenis data yang dideskripsikannya (misalnya objek Recipe atau Course).

Definisi lengkap ListItem tersedia pada schema.org.

Contoh item dalam daftar ringkasan sederhana (JSON-LD):

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

Contoh item dalam daftar all-in-one (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"
    ],
  }
}
Properti
@type

Wajib

Harus "ListItem"

position

Integer, Wajib

Posisi item dalam carousel. Ini adalah bilangan berbasis 1.

url

URL, Wajib untuk halaman ringkasan; Jangan sertakan untuk daftar all-in-one-page

Hanya digunakan untuk daftar halaman ringkasan. URL kanonis dari halaman detail item. Semua URL dalam daftar harus unik, tapi berada pada domain yang sama (domain yang sama atau sub/super-domain sebagai halaman saat ini)

item

Thing, Wajib untuk daftar all-in-one-page; Jangan sertakan untuk halaman ringkasan

Hanya digunakan untuk daftar all-in-one-page. Isi objek ini dengan nilai berikut, ditambah semua anggota dari jenis data terstruktur tertentu yang dideskripsikan:

  • @type - Nama jenis schema.org objek yang dideskripsikan. Contoh: "Resep"
  • url - URL yang sepenuhnya memenuhi syarat + anchor halaman ke item ini di halaman. URL harus halaman saat ini, dan Anda harus menyertakan anchor HTML (tag <a> atau nilai name atau id di halaman Anda di dekat teks yang terlihat oleh pengguna. Contoh: "https://example.org/recipes/pies#apple_pie"
  • name - Nama string item, ditampilkan di galeri yang dirender. Pemformatan HTML diabaikan.
  • Semua properti lain yang wajib untuk jenis data ini, seperti dijelaskan pada schema.org dan aturan yang diuraikan dalam dokumen ini untuk jenis konten Anda (misalnya Artikel atau Buku). Contohnya, untuk buku dalam daftar, Anda dapat memberikan properti bookFormat dan isbn; untuk resep, Anda dapat memberikan properti prepTime dan image.

Kirim masukan tentang...

Penelusuran
Penelusuran