使用步驟
- 選擇結構化資料型別:常見問題(FAQ)、文章、商品、本地商家或麵包屑導航。
- 填寫各項內容。還缺的必填和建議欄位會列在程式碼旁邊。
- 複製程式碼,貼上到網頁 HTML 裡,再用富媒體搜尋結果測試檢查。
引數說明
- 常見問題(FAQ)
- 頁面上可見的問題和回答。
- 商品
- 需要價格或評分;再補上庫存狀態、品牌和圖片,展示效果更好。
- 麵包屑導航
- 從首頁到當前頁的路徑,除當前頁外每一項都要填完整網址。
輸出示例與檢查項
填了價格和評分的商品會生成下面這段程式碼。空欄位會被省略,幣種會轉成大寫,庫存狀態會變成 schema.org 的地址:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Trail Backpack 30L",
"image": [
"https://example.com/pack.jpg"
],
"sku": "NP-30",
"brand": {
"@type": "Brand",
"name": "Northpeak"
},
"offers": {
"@type": "Offer",
"price": "89.00",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.6",
"reviewCount": "128"
}
}
</script>
程式碼旁邊的列表會在你輸入時給出下面這些提示:
| 型別 | 必填 | 建議填寫 |
|---|---|---|
| 常見問題(FAQ) | 至少一組完整的問題和回答 | — |
| 文章 | 圖片如果填了,必須是完整網址 | 標題、圖片、釋出日期、作者 |
| 商品 | 名稱;價格,或評分及其評價數;有價格時要有幣種 | 圖片 |
| 本地商家 | 名稱;街道地址和城市 | 電話、網址、營業時間 |
| 麵包屑導航 | 除最後一項外,每一項都要有完整網址 | 至少兩項 |
常見問題
加了結構化資料就一定有富結果嗎?
只是讓頁面有資格獲得,展示與否由搜尋引擎決定。例如 Google 目前主要給權威的政府和醫療網站顯示 FAQ 富結果。
程式碼放在哪裡?
放在頁面的 <head> 或 <body> 裡都可以。很多建站系統有自訂程式碼的設定或外掛。
能標記頁面上沒有的內容嗎?
不能。結構化資料必須描述訪客看得到的內容,和頁面不符可能被人工處罰。
隱私說明
本工具完全在瀏覽器中執行,檔案和文字都在你的裝置上處理,不會上傳到我們的伺服器。