設定豐富產品內容格式

豐富產品內容 [rich_product_content] 屬性可讓您撰寫結合文字和媒體的多媒體說明。多媒體內容可以突顯產品或服務的特色。運用 JSON-LD、RDFa 和微資料等不同編碼,即可提供多媒體內容。

建議使用 Google 結構化資料測試工具,測試多媒體內容並確認內容無誤。本文中的範例皆可用測試工具測試。

本文將說明不同多媒體內容所需的資料結構。

注意事項:Manufacturer Center API 現在支援豐富產品內容 [rich_product_content] 屬性。瞭解如何開始使用 Manufacturer Center API

運作方式

多媒體內容

多媒體內容由一系列的展示塊組成,每一個展示塊都代表一套展示功能組合或一個多媒體庫。展示塊會在每一欄中以垂直的方式呈現,多媒體內容由 Showcase 類型的元素指定。

Showcase 類型延伸自 CollectionPage
屬性 預期類型 說明
showcaseBlock ShowcaseFeatureSetMediaGallery 多媒體內容的一個展示塊,該展示塊必須是一套展示功能組合或一個多媒體庫。

展示功能組合

展示功能組合由一則選用的標題和一系列展示功能所組成,功能組合可以透過單一或多個欄的方式呈現。

ShowcaseFeatureSet 類型延伸自 ItemList
屬性 預期類型 說明
layoutHint Text 選用的微調設定代表呈現的欄數,功能會依序以列和欄的方式顯示。可支援下列值:
  • >
  • LayoutColumns1
  • LayoutColumns2
  • LayoutColumns3
  • LayoutColumns4>

版面配置的微調設定會盡量以最佳方式執行。在小螢幕上採用的欄數可能會低於要求的欄數。

headline Text 說明功能組合的選用標題。
itemListElement ShowcaseFeature

組合的展示功能,功能會依序以列和欄的方式顯示。

展示功能

展示功能由標題、說明和選用的圖片組成。

ShowcaseFeature 類型延伸自 ListItem
屬性 預期類型 說明
layoutHint Text 選用的微調設定代表圖片相對於標題和說明的顯示位置。可支援下列值:
  • LayoutMediaLeft
  • LayoutMediaRight
  • LayoutMediaAbove
  • LayoutMediaBelow
版面配置的微調設定會盡量以最佳方式執行。在小螢幕上,圖片顯示的位置可能會與要求的位置不同。
headline Text 功能標題。
description Text 功能說明。
image URLImageObject 闡述功能的選用圖片

多媒體庫

多媒體庫由一則選用的標題和一系列圖片所組成,圖片會以單一或多欄的方式呈現。

MediaGallery 類型延伸自 CollectionPage
屬性 預期類型 說明
layoutHint Text 選用的微調設定代表呈現的欄數,圖片會依序以列和欄的方式顯示。可支援下列值:
  • LayoutColumns1
  • LayoutColumns2
  • LayoutColumns3
  • LayoutColumns4
版面配置的微調設定會盡量以最佳方式執行。在小螢幕上採用的欄數可能會低於要求的欄數。
headline Text 顯示於多媒體庫頂端的選用標題。
image URLImageObject 顯示於多媒體庫中的圖片。

命名空間的注意事項

ShowcaseShowcaseFeatureSetShowcaseFeatureMediaGallery 類型,以及 showcaseBlocklayoutHint 屬性,都是定義於 http://schema.googleapis.com/ 中的結構定義延伸模組;所有其他類型和屬性的定義,請參考 http://schema.org/

範例

空白的多媒體內容格式

空白的多媒體內容最簡單,也是呈現多媒體內容的最低要求。
空白的多媒體內容
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>
微資料
<div itemscope itemtype="http://schema.googleapis.com/Showcase">
</div>

含標題和說明的單一展示功能,無圖片

此處舉例的多媒體內容即為不含圖片的單一展示功能。
含以下元素的單一展示功能
  • 標題
  • 說明
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 Pixel 3",
"s:description": "捕捉每個最完美的鏡頭;讓 Google 助理協助處理生活大小事;電池續航力可達全天免充電;還有更多實用功能。"
}
]
}
]
}
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 Pixel 3"></div>
<div property="description" content="捕捉每個最完美的鏡頭;讓 Google 助理協助處理生活大小事;電池續航力可達全天免充電;還有更多實用功能。"></div>
</div>
</div>
</div>
微資料
><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 Pixel 3"></div>
<div itemprop="http://schema.org/description" content="捕捉每個最完美的鏡頭;讓 Google 助理協助處理生活大小事;電池續航力可達全天免充電;還有更多實用功能。"></div>
</div>
</div>
</div>

含標題、說明和圖片的單一展示功能

您可以在展示功能中加入圖片。
含以下元素的單一展示功能
  • 標題
  • 說明
  • 圖片
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 智慧鏡頭",
"s:description": "Google 智慧鏡頭功能強大,能用來搜尋看到的事物",
"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 智慧鏡頭"></div>
<div property="description" content="Google 智慧鏡頭功能強大,能用來搜尋看到的事物。"></div>
<div property="image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>
微資料
><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 智慧鏡頭"></div>
<div itemprop="http://schema.org/description" content="Google 智慧鏡頭功能強大,能用來搜尋看到的事物"></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>

含標題、說明和圖片的單一展示功能,透過版面配置的微調設定安排位置

您可以透過版面配置的微調設定,安排圖片在展示功能中的位置。
含以下元素的單一展示功能
  • 標題
  • 說明
  • 圖片
  • 版面配置:圖片在其他內容的左邊
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 智慧鏡頭",
"s:description": "有了 Google 智慧鏡頭,即可直接用相機進行即時搜尋,例如查詢衣服和居家擺設的相關資訊、複製並翻譯文字,以及辨識地標、植物和動物。",
"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 智慧鏡頭"></div>
<div property="description" content="有了 Google 智慧鏡頭,即可直接用相機進行即時搜尋,例如查詢衣服和居家擺設的相關資訊、複製並翻譯文字,以及辨識地標、植物和動物。"></div>
<div property="image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>
微資料
><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 智慧鏡頭"></div>
<div itemprop="http://schema.org/description" content="有了 Google 智慧鏡頭,即可直接用相機進行即時搜尋,例如查詢衣服和居家擺設的相關資訊、複製並翻譯文字,以及辨識地標、植物和動物。"></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-lens.png"></div>
</div>
</div>
</div>

展示功能組合透過版面配置的微調設定改變版面配置

您可以透過版面配置的微調設定,打造吸引目光的版面配置。
單一展示功能組合
  • 四項展示功能
  • 交替安排媒體在功能中的位置,打造出「之」字形的樣貌。
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 智慧鏡頭",
"s:description": "有了 Google 智慧鏡頭,即可直接用相機進行即時搜尋,例如查詢衣服和居家擺設的相關資訊、複製並翻譯文字,以及辨識地標、植物和動物。",
"s:image": "http://example.com/pixel3-google-lens.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaRight",
"s:headline": "團體自拍",
"s:description": "有了 Pixel 3 的雙前置鏡頭,團體自拍輕鬆又方便,無需自拍棒,也不必因為需要有人掌鏡,而讓照片少一位成員。自拍照還可以容納更廣的背景,呈現更自然的頭身比例。",
"s:image": "http://example.com/pixel3-group-selfies.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaLeft",
"s:headline": "數位健康",
"s:description": "放下手機,專心與家人朋友共度美好時光。設定應用程式計時器並關閉視覺效果通知,採用放鬆模式將螢幕轉為灰階,準備迎接一夜好眠。",
"s:image": "http://example.com/pixel3-digital-wellbeing.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaRight",
"s:headline": "Google 助理",
"s:description": "打算出門旅行的話,只須告訴 Google 助理,Google 助理便會快速為您查好熱門景點、搜尋航班、追蹤機票價格並取得登機證。接著,抵達目的地後,Google 助理還可以幫您找餐廳、當地活動,以及飯店附近的觀光景點。",
"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 智慧鏡頭"></div>
<div property="description" content="有了 Google 智慧鏡頭,即可直接用相機進行即時搜尋,例如查詢衣服和居家擺設的相關資訊、複製並翻譯文字,以及辨識地標、植物和動物。"></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="團體自拍"></div>
<div property="description" content="有了 Pixel 3 的雙前置鏡頭,團體自拍輕鬆又方便,無需自拍棒,也不必因為需要有人掌鏡,而讓照片少一位成員。自拍照還可以容納更廣的背景,呈現更自然的頭身比例。"></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="數位健康"></div>
<div property="description" content="放下手機,專心與家人朋友共度美好時光。設定應用程式計時器並關閉視覺效果通知,採用放鬆模式將螢幕轉為灰階,準備迎接一夜好眠。"></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="Google 助理"></div>
<div property="description" content="打算出門旅行的話,只須告訴 Google 助理,Google 助理便會快速為您查好熱門景點、搜尋航班、追蹤機票價格並取得登機證。接著,抵達目的地後,Google 助理還可以幫您找餐廳、當地活動,以及飯店附近的觀光景點。"></div>
<div property="image" content="http://example.com/pixel3-google-assistant.png"></div>
</div>
</div>
</div>
微資料
<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 智慧鏡頭"></div>
<div itemprop="http://schema.org/description" content="有了 Google 智慧鏡頭,即可直接用相機進行即時搜尋,例如查詢衣服和居家擺設的相關資訊、複製並翻譯文字,以及辨識地標、植物和動物。"></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="團體自拍"></div>
<div itemprop="http://schema.org/description" content="有了 Pixel 3 的雙前置鏡頭,團體自拍輕鬆又方便,無需自拍棒,也不必因為需要有人掌鏡,而讓照片少一位成員。自拍照還可以容納更廣的背景,呈現更自然的頭身比例。"></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="數位健康"></div>
<div itemprop="http://schema.org/description" content="放下手機,專心與家人朋友共度美好時光。設定應用程式計時器並關閉視覺效果通知,採用放鬆模式將螢幕轉為灰階,準備迎接一夜好眠。"></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="Google 助理"></div>
<div itemprop="http://schema.org/description" content="打算出門旅行的話,只須告訴 Google 助理,Google 助理便會快速為您查好熱門景點、搜尋航班、追蹤機票價格並取得登機證。接著,抵達目的地後,Google 助理還可以幫您找餐廳、當地活動,以及飯店附近的觀光景點。"></div>
<div itemprop="http://schema.org/image" content="http://example.com/pixel3-google-assistant.png"></div>
</div>
</div>
</div>

多媒體庫:單一橫幅圖片

同樣地,圖片庫可用於將圖片轉為橫幅圖片。
多媒體庫
  • 單一橫幅圖片
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>
微資料
><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>

三個展示塊:單一功能、展示功能組合、單一橫幅圖片

組合多個展示塊即可設計自訂版面配置。
三個展示塊
  • 呈現單一功能的展示功能組合
  • 展示功能組合中,版面配置以 3 欄呈現六項功能
  • 顯示單一橫幅圖片的多媒體庫
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": "認識 Google Pixel 3",
"s:description": "捕捉每個最完美的鏡頭;讓 Google 助理協助處理生活大小事;電池續航力可達全天免充電;還有更多實用功能。",
"s:image": "http://example.com/pixel3-main-image.png"
}
]
},
{
"@type": "g:ShowcaseFeatureSet",
"g:layoutHint": "LayoutColumns3",
"s:headline": "Featuring",
"s:itemListElement": [
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Google 智慧鏡頭",
"s:description": "Google 智慧鏡頭功能強大,能用來搜尋看到的事物。",
"s:image": "http://example.com/pixel3-google-lens.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "團體自拍",
"s:description": "不用自拍棒也能有完美的團體自拍。",
"s:image": "http://example.com/pixel3-group-selfies.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "數位健康",
"s:description": "數位健康功能讓您體驗「錯過」的美好。",
"s:image": "http://example.com/pixel3-digital-wellbeing.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "Google 助理",
"s:description": "讓 Google 助理為您解答問題,或協助處理生活大小事。",
"s:image": "http://example.com/pixel3-google-assistant.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "勿擾手勢",
"s:description": "利用勿擾手勢,以專注於重要的事物。",
"s:image": "http://example.com/pixel3-shhh-gesture.png"
},
{
"@type": "g:ShowcaseFeature",
"g:layoutHint": "LayoutMediaAbove",
"s:headline": "來電過濾",
"s:description": "透過來電過濾功能,讓 Google 助理為您接聽電話。",
"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="認識 Google Pixel 3"></div>
<div property="description" content="捕捉每個最完美的鏡頭;讓 Google 助理協助處理生活大小事;電池續航力可達全天免充電;還有更多實用功能。"></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="Featuring"></div>
<div property="itemListElement" typeof="g:ShowcaseFeature">
<div property="g:layoutHint" content="LayoutMediaAbove"></div>
<div property="headline" content="Google 智慧鏡頭"></div>
<div property="description" content="Google 智慧鏡頭功能強大,能用來搜尋看到的事物。"></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="團體自拍"></div>
<div property="description" content="不用自拍棒也能有完美的團體自拍。"></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="數位健康"></div>
<div property="description" content="數位健康功能讓您體驗「錯過」的美好"></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="Google 助理"></div>
<div property="description" content="讓 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="勿擾手勢"></div>
<div property="description" content="利用勿擾手勢,以專注於重要的事物。"></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="來電過濾"></div>
<div property="description" content="透過來電過濾功能,讓 Google 助理為您接聽電話。"></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>
微資料
<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="認識 Google Pixel 3"></div>
<div itemprop="http://schema.org/description" content="捕捉每個最完美的鏡頭;讓 Google 助理協助處理生活大小事;電池續航力可達全天免充電;還有更多實用功能。"></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="Featuring"></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 智慧鏡頭"></div>
<div itemprop="http://schema.org/description" content="Google 智慧鏡頭功能強大,能用來搜尋看到的事物。"></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="團體自拍"></div>
<div itemprop="http://schema.org/description" content="不用自拍棒也能有完美的團體自拍。"></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="數位健康"></div>
<div itemprop="http://schema.org/description" content="數位健康功能讓您體驗「錯過」的美好。"></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="Google 助理"></div>
<div itemprop="http://schema.org/description" content="讓 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="勿擾手勢"></div>
<div itemprop="http://schema.org/description" content="利用勿擾手勢,以專注於重要的事物。"></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="來電過濾"></div>
<div itemprop="http://schema.org/description" content="透過來電過濾功能,讓 Google 助理為您接聽電話。"></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>

這對您有幫助嗎?

我們應如何改進呢?
false
搜尋
清除搜尋內容
關閉搜尋
主選單
12616027365133481776
true
搜尋說明中心
true
true
true
true
true
104514
false
false