Memformat konten produk lengkap

Dengan atribut konten produk lengkap [rich_product_content], Anda dapat menulis deskripsi lengkap yang menggabungkan teks dan media. Konten lengkap memungkinkan Anda menyoroti fitur khusus produk atau layanan. Konten lengkap dapat diberikan menggunakan encoding yang berbeda, termasuk JSON-LD, RDFa, dan microdata.

Sebaiknya gunakan alat pengujian data terstruktur Google untuk menguji konten lengkap dan memeriksa bahwa konten tidak berisi error. Semua contoh yang diberikan dalam artikel ini dapat dicoba di alat pengujian.

Artikel ini menjelaskan struktur data yang diperlukan untuk berbagai konten lengkap.

Catatan: Manufacturer Center API kini mendukung atribut konten produk lengkap [rich_product_content]. Pelajari cara memulai Manufacturer Center API

Cara kerja

Konten lengkap

Konten lengkap terdiri dari urutan blok katalog. Setiap blok merupakan set fitur katalog atau galeri media. Blok dirender secara vertikal dalam satu kolom. Konten lengkap ditentukan dengan elemen jenis Showcase.

Jenis Showcase memperluas CollectionPage
Properti	Jenis yang diharapkan	Deskripsi
showcaseBlock	ShowcaseFeatureSet atau MediaGallery	Blok berisi konten lengkap. Blok harus berupa set fitur katalog atau galeri media.

Set fitur katalog

Set fitur katalog terdiri dari judul opsional dan urutan fitur katalog. Set fitur dapat dirender dalam satu atau beberapa tampilan kolom.

Jenis ShowcaseFeatureSet memperluas ItemList
Properti	Jenis yang diharapkan	Deskripsi
layoutHint	Text	Petunjuk opsional yang menunjukkan jumlah kolom yang digunakan untuk rendering. Fitur dirender terlebih dahulu dalam baris, lalu dirender di kolom. Nilai-nilai berikut ini didukung: > LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4> Petunjuk tata letak diberlakukan berdasarkan upaya terbaik. Pada layar kecil, lebih sedikit kolom dari yang diminta dapat digunakan.
headline	Text	Judul opsional yang menjelaskan set fitur.
itemListElement	ShowcaseFeature	Fitur katalog kumpulan. Fitur dirender pertama dalam baris dan kemudian di kolom.

Fitur katalog

Fitur katalog terdiri dari judul, deskripsi, dan gambar opsional.

Jenis ShowcaseFeature memperluas ListItem
Properti	Jenis yang Diharapkan	Deskripsi
layoutHint	Text	Petunjuk opsional yang menunjukkan tempat untuk merender gambar relatif terhadap judul dan deskripsi. Nilai-nilai berikut ini didukung: LayoutMediaLeft LayoutMediaRight LayoutMediaAbove LayoutMediaBelow Petunjuk tata letak diberlakukan berdasarkan upaya terbaik. Pada layar kecil, gambar dapat dirender dalam posisi yang berbeda dari yang diminta.
headline	Text	Judul fitur.
description	Text	Deskripsi fitur.
image	URL atau ImageObject	Gambar opsional yang menggambarkan fitur

Galeri media

Galeri media terdiri dari judul opsional dan urutan gambar. Gambar dirender dalam satu atau beberapa kolom.

Jenis MediaGallery memperluas CollectionPage
Properti	Jenis yang Diharapkan	Deskripsi
layoutHint	Text	Petunjuk opsional yang menunjukkan jumlah kolom yang digunakan untuk rendering. Gambar dirender terlebih dahulu dalam baris, lalu dirender di kolom. Nilai-nilai berikut ini didukung: LayoutColumns1 LayoutColumns2 LayoutColumns3 LayoutColumns4 Petunjuk tata letak diberlakukan berdasarkan upaya terbaik. Pada layar kecil, lebih sedikit kolom dari yang diminta dapat digunakan.
headline	Text	Judul opsional yang akan ditampilkan di bagian atas galeri.
image	URL atau ImageObject	Gambar yang akan ditampilkan di galeri.

Catatan mengenai namespace

Jenis Showcase, ShowcaseFeatureSet, ShowcaseFeature, dan MediaGallery dan properti showcaseBlock dan layoutHint adalah ekstensi skema yang ditentukan dalam http://schema.googleapis.com/. Semua jenis dan properti lainnya ditentukan dalam http://schema.org/.

Contoh

Format konten lengkap kosong

Konten lengkap yang paling sederhana adalah konten kosong. Ini adalah jumlah minimum yang diperlukan untuk menambahkan instance konten lengkap.

Konten lengkap kosong

JSON-LD

>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase" }

RDFa

<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/"> <div typeof="g:Showcase"> </div> </div>

Microdata

<div itemscope itemtype="http://schema.googleapis.com/Showcase"> </div>

Satu fitur katalog dengan judul dan deskripsi, dan tanpa gambar

Berikut adalah instance konten lengkap yang terdiri dari satu fitur katalog tanpa gambar.

	Satu fitur katalog dengan judul deskripsi
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "s:headline": "Perkenalkan Google Pixel 3", "s:description": "Ambil gambar yang sempurna setiap saat, selesaikan berbagai hal dengan Asisten Google, nikmati penggunaan ponsel dengan masa pakai baterai sepanjang hari, dan lainnya." } ] } ] }
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="headline" content="Perkenalkan Google Pixel 3"></div> <div property="description" content="Ambil gambar yang sempurna setiap saat, selesaikan berbagai hal dengan Asisten Google, nikmati penggunaan ponsel dengan masa pakai baterai sepanjang hari, dan lainnya."></div> </div> </div> </div>
Microdata
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.org/headline" content="Perkenalkan Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Ambil gambar yang sempurna setiap saat, selesaikan berbagai hal dengan Asisten Google, nikmati penggunaan ponsel dengan masa pakai baterai sepanjang hari, dan lainnya."></div> </div> </div> </div>

Satu fitur katalog dengan judul, deskripsi, dan gambar

Anda dapat menambahkan gambar ke fitur katalog.

	Satu fitur katalog dengan Judul Deskripsi Gambar
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "s:headline": "Google Lens", "s:description": "Kemampuan untuk menelusuri apa yang Anda lihat dengan Google Lens", "s:image": "http://example.com/pixel3-google-lens.png" } ] } ] }
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="headline" content="Google Lens"></div> <div property="description" content="Kemampuan untuk menelusuri apa yang Anda lihat dengan Google Lens"></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Microdata
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.org/headline" content="Google Lens"></div> <div itemprop="http://schema.org/description" content="Kemampuan untuk menelusuri apa yang Anda lihat dengan Google Lens"></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Satu fitur katalog dengan judul, deskripsi, dan gambar menggunakan petunjuk tata letak

Petunjuk tata letak membantu Anda mengontrol posisi gambar dalam fitur katalog.

	Satu fitur katalog dengan Judul Deskripsi Gambar Tata letak: gambar di bagian kiri konten lainnya
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Google Lens", "s:description": "Telusuri apa yang Anda lihat dengan Google Lens untuk mencari pakaian dan dekorasi rumah, menyalin dan menerjemahkan teks, serta mengidentifikasi bangunan terkenal, tanaman, dan hewan—semuanya secara real time, langsung dari kamera Anda.", "s:image": "http://example.com/pixel3-google-lens.png" } ] } ] }
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaLeft"></div> <div property="headline" content="Google Lens"></div> <div property="description" content="Telusuri apa yang Anda lihat dengan Google Lens untuk mencari pakaian dan dekorasi rumah, menyalin dan menerjemahkan teks, serta mengidentifikasi bangunan terkenal, tanaman, dan hewan—semuanya secara real time, langsung dari kamera Anda."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>
Microdata
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div> <div itemprop="http://schema.org/headline" content="Google Lens"></div> <div itemprop="http://schema.org/description" content="Telusuri apa yang Anda lihat dengan Google Lens untuk mencari pakaian dan dekorasi rumah, menyalin dan menerjemahkan teks, serta mengidentifikasi bangunan terkenal, tanaman, dan hewan—semuanya secara real time, langsung dari kamera Anda."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> </div> </div>

Set fitur katalog menggunakan petunjuk tata letak untuk mengubah tata letak

Petunjuk tata letak dapat membantu Anda membuat tata letak yang menarik.

	Satu set fitur katalog Empat fitur katalog Posisi media alternatif pada fitur membuat pola "zig-zag"
JSON-LD
>{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "g:layoutHint": "LayoutColumns1", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Google Lens", "s:description": "Telusuri apa yang Anda lihat dengan Google Lens untuk mencari pakaian dan dekorasi rumah, menyalin dan menerjemahkan teks, serta mengidentifikasi bangunan terkenal, tanaman, dan hewan—semuanya secara real time, langsung dari kamera Anda.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Selfie Grup", "s:description": "Kamera depan ganda pada ponsel Pixel 3 memungkinkan Anda mengambil Selfie Grup tanpa menggunakan tongkat selfie atau mengharuskan seseorang untuk mengambil foto. Atau, gunakan untuk mendapatkan latar belakang yang luas tanpa mengubah proporsi.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaLeft", "s:headline": "Kesehatan Digital", "s:description": "Jauhkan diri Anda dari ponsel kapan saja dan di mana saja, sehingga Anda dapat fokus saat bersama keluarga dan teman. Setel timer pada aplikasi dan nonaktifkan notifikasi visual. Gunakan mode istirahat untuk mengubah layar menjadi hitam putih dan bersiaplah untuk tidur malam yang nyenyak.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaRight", "s:headline": "Asisten Google", "s:description": "Jika Anda berencana untuk melakukan perjalanan ke suatu tempat, Asisten Google dapat membantu Anda mencari tempat-tempat populer, menelusuri penerbangan, melacak harga tiket pesawat, dan mendapatkan boarding pass lebih cepat cukup dengan berbicara dengan Asisten Google. Kemudian, setelah Anda tiba, Asisten Google juga dapat membantu Anda menemukan restoran, acara lokal, dan rekomendasi aktivitas di dekat hotel Anda.", "s:image": "http://example.com/pixel3-google-assistant.png" } ] } ] }
RDFa
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaLeft"></div> <div property="headline" content="Google Lens"></div> <div property="description" content="Telusuri apa yang Anda lihat dengan Google Lens untuk mencari pakaian dan dekorasi rumah, menyalin dan menerjemahkan teks, serta mengidentifikasi bangunan terkenal, tanaman, dan hewan—semuanya secara real time, langsung dari kamera Anda."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaRight"></div> <div property="headline" content="Selfie Grup"></div> <div property="description" content="Kamera depan ganda pada ponsel Pixel 3 memungkinkan Anda mengambil Selfie Grup tanpa menggunakan tongkat selfie atau mengharuskan seseorang untuk mengambil foto. Atau, gunakan untuk mendapatkan latar belakang yang luas tanpa mengubah proporsi."></div> <div property="image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaLeft"></div> <div property="headline" content="Kesehatan Digital"></div> <div property="description" content="Jauhkan diri Anda dari ponsel kapan saja dan di mana saja, sehingga Anda dapat fokus saat bersama keluarga dan teman. Setel timer pada aplikasi dan nonaktifkan notifikasi visual. Gunakan mode istirahat untuk mengubah layar menjadi hitam putih dan bersiaplah untuk tidur malam yang nyenyak."></div> <div property="image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaRight"></div> <div property="headline" content="Asisten Google"></div> <div property="description" content="Jika Anda berencana untuk melakukan perjalanan ke suatu tempat, Asisten Google dapat membantu Anda mencari tempat-tempat populer, menelusuri penerbangan, melacak harga tiket pesawat, dan mendapatkan boarding pass lebih cepat cukup dengan berbicara dengan Asisten Google. Kemudian, setelah Anda tiba, Asisten Google juga dapat membantu Anda menemukan restoran, acara lokal, dan rekomendasi aktivitas di dekat hotel Anda."></div> <div property="image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>
Microdata
<div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div> <div itemprop="http://schema.org/headline" content="Google Lens"></div> <div itemprop="http://schema.org/description" content="Telusuri apa yang Anda lihat dengan Google Lens untuk mencari pakaian dan dekorasi rumah, menyalin dan menerjemahkan teks, serta mengidentifikasi bangunan terkenal, tanaman, dan hewan—semuanya secara real time, langsung dari kamera Anda."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaRight"></div> <div itemprop="http://schema.org/headline" content="Selfie Grup"></div> <div itemprop="http://schema.org/description" content="Kamera depan ganda pada ponsel Pixel 3 memungkinkan Anda mengambil Selfie Grup tanpa menggunakan tongkat selfie atau mengharuskan seseorang untuk mengambil foto. Atau, gunakan untuk mendapatkan latar belakang yang luas tanpa mengubah proporsi."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaLeft"></div> <div itemprop="http://schema.org/headline" content="Kesehatan Digital"></div> <div itemprop="http://schema.org/description" content="Jauhkan diri Anda dari ponsel kapan saja dan di mana saja, sehingga Anda dapat fokus saat bersama keluarga dan teman. Setel timer pada aplikasi dan nonaktifkan notifikasi visual. Gunakan mode istirahat untuk mengubah layar menjadi hitam putih dan bersiaplah untuk tidur malam yang nyenyak."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaRight"></div> <div itemprop="http://schema.org/headline" content="Asisten Google"></div> <div itemprop="http://schema.org/description" content="Jika Anda berencana untuk melakukan perjalanan ke suatu tempat, Asisten Google dapat membantu Anda mencari tempat-tempat populer, menelusuri penerbangan, melacak harga tiket pesawat, dan mendapatkan boarding pass lebih cepat cukup dengan berbicara dengan Asisten Google. Kemudian, setelah Anda tiba, Asisten Google juga dapat membantu Anda menemukan restoran, acara lokal, dan rekomendasi aktivitas di dekat hotel Anda."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div> </div> </div> </div>

Galeri media: satu gambar banner

Galeri gambar juga dapat digunakan untuk mengubah gambar menjadi gambar banner.

	Galeri media Satu gambar banner
JSON-LD
{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:MediaGallery", "g:layoutHint": "LayoutColumns1", "s:image": [ "http://example.com/pixel3-pink-fruitpop-banner.png" ] } ] }
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:MediaGallery"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>
Microdata
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/MediaGallery"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>

Tiga blok katalog: satu fitur, set fitur katalog, satu gambar banner

Dengan menggabungkan beberapa blok katalog, Anda dapat mendesain tata letak kustom.

	Tiga blok katalog Set fitur katalog dengan satu fitur Set fitur katalog dengan enam fitur dalam tata letak 3 kolom Galeri media dengan gambar banner tunggal
JSON-LD
{ "@context": { "s": "http://schema.org/", "g": "http://schema.googleapis.com/" }, "@type": "g:Showcase", "g:showcaseBlock": [ { "@type": "g:ShowcaseFeatureSet", "g:layoutHint": "LayoutColumns1", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaBelow", "s:headline": "Perkenalkan Google Pixel 3", "s:description": "Ambil gambar yang sempurna setiap saat, selesaikan berbagai hal dengan Asisten Google, nikmati penggunaan ponsel dengan masa pakai baterai sepanjang hari, dan lainnya.", "s:image": "http://example.com/pixel3-main-image.png" } ] }, { "@type": "g:ShowcaseFeatureSet", "g:layoutHint": "LayoutColumns3", "s:headline": "Menghadirkan", "s:itemListElement": [ { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Google Lens", "s:description": "Kemampuan untuk menelusuri apa yang Anda lihat dengan Google Lens.", "s:image": "http://example.com/pixel3-google-lens.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Selfie Grup", "s:description": "Kemampuan untuk tidak menggunakan tongkat selfie dengan Selfie Grup.", "s:image": "http://example.com/pixel3-group-selfies.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Kesehatan Digital", "s:description": "Kemampuan untuk merasakan kebahagiaan tanpa fokus pada notifikasi ponsel dengan Kesehatan Digital.", "s:image": "http://example.com/pixel3-digital-wellbeing.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Asisten Google", "s:description": "Kemampuan untuk mengajukan pertanyaan dan menyelesaikan berbagai hal dengan Asisten Google.", "s:image": "http://example.com/pixel3-google-assistant.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Gestur Ssst", "s:description": "Kemampuan untuk berfokus pada hal yang penting dengan gestur Ssst.", "s:image": "http://example.com/pixel3-shhh-gesture.png" }, { "@type": "g:ShowcaseFeature", "g:layoutHint": "LayoutMediaAbove", "s:headline": "Penyaringan Panggilan", "s:description": "Kemampuan untuk mengizinkan Asisten menjawab telepon untuk Anda dengan Penyaringan Panggilan.", "s:image": "http://example.com/pixel3-call-screen.png" } ] }, { "@type": "g:MediaGallery", "g:layoutHint": "LayoutColumns1", "s:image": [ "http://example.com/pixel3-pink-fruitpop-banner.png" ] } ] }
RDFa
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaBelow"></div> <div property="headline" content="Perkenalkan Google Pixel 3"></div> <div property="description" content="Ambil gambar yang sempurna setiap saat, selesaikan berbagai hal dengan Asisten Google, nikmati penggunaan ponsel dengan masa pakai baterai sepanjang hari, dan lainnya."></div> <div property="image" content="http://example.com/pixel3-main-image.png"></div> </div> </div> <div property="g:showcaseBlock" typeof="g:ShowcaseFeatureSet"> <div property="g:layoutHint" content="LayoutColumns3"></div> <div property="headline" content="Menghadirkan"></div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Google Lens"></div> <div property="description" content="Kemampuan untuk menelusuri apa yang Anda lihat dengan Google Lens."></div> <div property="image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Selfie Grup"></div> <div property="description" content="Kemampuan untuk tidak menggunakan tongkat selfie dengan Selfie Grup."></div> <div property="image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Kesehatan Digital"></div> <div property="description" content="Kemampuan untuk merasakan kebahagiaan tanpa fokus pada notifikasi ponsel dengan Kesehatan Digital."></div> <div property="image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Asisten Google"></div> <div property="description" content="Kemampuan untuk mengajukan pertanyaan dan menyelesaikan berbagai hal dengan Asisten Google."></div> <div property="image" content="http://example.com/pixel3-google-assistant.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Gestur Ssst"></div> <div property="description" content="Kemampuan untuk berfokus pada hal yang penting dengan gestur Ssst."></div> <div property="image" content="http://example.com/pixel3-shhh-gesture.png"></div> </div> <div property="itemListElement" typeof="g:ShowcaseFeature"> <div property="g:layoutHint" content="LayoutMediaAbove"></div> <div property="headline" content="Penyaringan Panggilan"></div> <div property="description" content="Kemampuan untuk mengizinkan Asisten menjawab telepon untuk Anda dengan Penyaringan Panggilan."></div> <div property="image" content="http://example.com/pixel3-call-screen.png"></div> </div> </div> <div property="g:showcaseBlock" typeof="g:MediaGallery"> <div property="g:layoutHint" content="LayoutColumns1"></div> <div property="image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>
Microdata
<div itemscope itemtype="http://schema.googleapis.com/Showcase"> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaBelow"></div> <div itemprop="http://schema.org/headline" content="Perkenalkan Google Pixel 3"></div> <div itemprop="http://schema.org/description" content="Ambil gambar yang sempurna setiap saat, selesaikan berbagai hal dengan Asisten Google, nikmati penggunaan ponsel dengan masa pakai baterai sepanjang hari, dan lainnya."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-main-image.png"></div> </div> </div> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeatureSet"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns3"></div> <div itemprop="http://schema.org/headline" content="Menghadirkan"></div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Google Lens"></div> <div itemprop="http://schema.org/description" content="Kemampuan untuk menelusuri apa yang Anda lihat dengan Google Lens."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Selfie Grup"></div> <div itemprop="http://schema.org/description" content="Kemampuan untuk tidak menggunakan tongkat selfie dengan Selfie Grup."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-group-selfies.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Kesehatan Digital"></div> <div itemprop="http://schema.org/description" content="Kemampuan untuk merasakan kebahagiaan tanpa fokus pada notifikasi ponsel dengan Kesehatan Digital."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-digital-wellbeing.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Asisten Google"></div> <div itemprop="http://schema.org/description" content="Kemampuan untuk mengajukan pertanyaan dan menyelesaikan berbagai hal dengan Asisten Google."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Gestur Ssst"></div> <div itemprop="http://schema.org/description" content="Kemampuan untuk berfokus pada hal yang penting dengan gestur Ssst."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-shhh-gesture.png"></div> </div> <div itemprop="http://schema.org/itemListElement" itemscope itemtype="http://schema.googleapis.com/ShowcaseFeature"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutMediaAbove"></div> <div itemprop="http://schema.org/headline" content="Penyaringan Panggilan"></div> <div itemprop="http://schema.org/description" content="Kemampuan untuk mengizinkan Asisten menjawab telepon untuk Anda dengan Penyaringan Panggilan."></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-call-screen.png"></div> </div> </div> <div itemprop="http://schema.googleapis.com/showcaseBlock" itemscope itemtype="http://schema.googleapis.com/MediaGallery"> <div itemprop="http://schema.googleapis.com/layoutHint" content="LayoutColumns1"></div> <div itemprop="http://schema.org/image" content="http://example.com/pixel3-pink-fruitpop-banner.png"></div> </div> </div>