豐富產品內容 [rich_product_content]
屬性可讓您撰寫結合文字和媒體的多媒體說明。多媒體內容可以突顯產品或服務的特色。運用 JSON-LD、RDFa 和微資料等不同編碼,即可提供多媒體內容。
建議使用 Google 結構化資料測試工具,測試多媒體內容並確認內容無誤。本文中的範例皆可用測試工具測試。
本文將說明不同多媒體內容所需的資料結構。
[rich_product_content]
屬性。瞭解如何開始使用 Manufacturer Center API運作方式
多媒體內容
多媒體內容由一系列的展示塊組成,每一個展示塊都代表一套展示功能組合或一個多媒體庫。展示塊會在每一欄中以垂直的方式呈現,多媒體內容由 Showcase 類型的元素指定。
Showcase 類型延伸自 CollectionPage |
||
屬性 | 預期類型 | 說明 |
showcaseBlock |
ShowcaseFeatureSet 或 MediaGallery |
多媒體內容的一個展示塊,該展示塊必須是一套展示功能組合或一個多媒體庫。 |
展示功能組合
展示功能組合由一則選用的標題和一系列展示功能所組成,功能組合可以透過單一或多個欄的方式呈現。
ShowcaseFeatureSet 類型延伸自 ItemList |
||
屬性 | 預期類型 | 說明 |
layoutHint |
Text |
選用的微調設定代表呈現的欄數,功能會依序以列和欄的方式顯示。可支援下列值:
版面配置的微調設定會盡量以最佳方式執行。在小螢幕上採用的欄數可能會低於要求的欄數。 |
headline |
Text |
說明功能組合的選用標題。 |
itemListElement |
ShowcaseFeature |
組合的展示功能,功能會依序以列和欄的方式顯示。 |
展示功能
展示功能由標題、說明和選用的圖片組成。
ShowcaseFeature 類型延伸自 ListItem |
||
屬性 | 預期類型 | 說明 |
layoutHint |
Text |
選用的微調設定代表圖片相對於標題和說明的顯示位置。可支援下列值:
|
headline |
Text |
功能標題。 |
description |
Text |
功能說明。 |
image |
URL 或 ImageObject |
闡述功能的選用圖片 |
多媒體庫
多媒體庫由一則選用的標題和一系列圖片所組成,圖片會以單一或多欄的方式呈現。
MediaGallery 類型延伸自 CollectionPage |
||
屬性 | 預期類型 | 說明 |
layoutHint |
Text |
選用的微調設定代表呈現的欄數,圖片會依序以列和欄的方式顯示。可支援下列值:
|
headline |
Text |
顯示於多媒體庫頂端的選用標題。 |
image |
URL 或 ImageObject |
顯示於多媒體庫中的圖片。 |
命名空間的注意事項
Showcase
、ShowcaseFeatureSet
、ShowcaseFeature
和 MediaGallery
類型,以及 showcaseBlock
與 layoutHint
屬性,都是定義於 http://schema.googleapis.com/ 中的結構定義延伸模組;所有其他類型和屬性的定義,請參考 http://schema.org/。
範例
空白的多媒體內容格式
空白的多媒體內容 | |
JSON-LD | |
|
|
RDFa | |
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/"> |
|
微資料 | |
<div itemscope itemtype="http://schema.googleapis.com/Showcase"> |
含標題和說明的單一展示功能,無圖片
含以下元素的單一展示功能
|
|
JSON-LD | |
>{ |
|
RDFa | |
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> |
|
微資料 | |
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> |
含標題、說明和圖片的單一展示功能
含以下元素的單一展示功能
|
|
JSON-LD | |
>{ |
|
RDFa | |
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> |
|
微資料 | |
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> |
含標題、說明和圖片的單一展示功能,透過版面配置的微調設定安排位置
含以下元素的單一展示功能
|
|
JSON-LD | |
>{ |
|
RDFa | |
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> |
|
微資料 | |
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> |
展示功能組合透過版面配置的微調設定改變版面配置
單一展示功能組合
|
|
JSON-LD | |
>{ |
|
RDFa | |
><div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> |
|
微資料 | |
<div itemscope itemtype="http://schema.googleapis.com/Showcase"> |
多媒體庫:單一橫幅圖片
多媒體庫
|
|
JSON-LD | |
{ |
|
RDFa | |
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> |
|
微資料 | |
><div itemscope itemtype="http://schema.googleapis.com/Showcase"> |
三個展示塊:單一功能、展示功能組合、單一橫幅圖片
三個展示塊
|
|
JSON-LD | |
{ |
|
RDFa | |
<div vocab="http://schema.org/" prefix="g: http://schema.googleapis.com/" typeof="g:Showcase"> |
|
微資料 | |
<div itemscope itemtype="http://schema.googleapis.com/Showcase"> |