什麼是結構化資料？
簡單來說，結構化資料就是把網頁裡面的資訊，用一套規範好的標記方式，把內容「說明」給搜尋引擎。想像你在寫一封信，除了正文之外，你還會加上寄件人、收件人、郵遞區號等等訊息，這樣對方才能快速知道整封信的重點。結構化資料就是把「標題」「作者」「發佈日期」等資訊，用固定格式告訴搜尋引擎，讓它能更精準地判斷內容。
為何要用結構化資料？
- 提升搜索結果可見度：搜尋引擎會把標記好的資料顯示為豐富卡片，例如星級評分、價格或影片預告，使用戶一眼就能看懂重點。
- 減少誤判風險：若內容沒有明確結構，搜尋機器人可能無法抓取正確的資訊，導致排名下降。
- 支援語音助手與行動裝置：像 Siri、Google Assistant 或手機小工具，都會利用結構化資料來回覆使用者問題。
常見結構化資料類型
| 類別 | 代表意義 | 範例屬性 |
|---|---|---|
| Article | 網頁文章 | headline, author, datePublished |
| Product | 商品資訊 | name, price, brand |
| Recipe | 食譜 | recipeIngredient, cookingTime |
| Event | 活動訊息 | startDate, location, organizer |
如何寫結構化資料？
- JSON‑LD：最受歡迎且易於放在
<script type="application/ld+json">之內。 - Microdata / RDFa：直接嵌入 HTML 標籤，較舊但仍有使用者。
以下是一個典型的 Article 範例，展示如何用 JSON‑LD 加入標題、作者與發佈日期：
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "10 個提升網站可見度的技巧",
"author": {
"@type": "Person",
"name": "林美麗"
},
"datePublished": "2023-08-01T09:00:00+08:00",
"image": [
"https://example.com/photos/1.jpg",
"https://example.com/photos/2.jpg"
]
}
</script>
如果你是電商網站，商品資料也可以這樣標記：
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "無線藍牙耳機",
"image": [
"https://example.com/product.jpg"
],
"description": "高品質音效，長效電池續航。",
"sku": "BLA-12345",
"brand": {
"@type": "Brand",
"name": "SoundX"
},
"offers": {
"@type": "Offer",
"priceCurrency": "TWD",
"price": "1499.00",
"availability": "https://schema.org/InStock",
"url": "https://example.com/product-page"
}
}
</script>
常見錯誤與排查方式
- 屬性名稱拼寫錯誤：例如
datePublished要小心大小寫。 - 缺少必填欄位：搜尋引擎會忽略不完整的資料，導致卡片顯示失效。
- JSON‑LD 位置放置不當：一定要放在
<head>或<body>內，並確保type設為application/ld+json。
從哪裡開始學習？
- 官方文件：schema.org
- Google 的「結構化資料測試工具」：可驗證你的標記是否正確。
- 參考實際案例，像是台灣知名部落格或購物網站的頁面源碼，觀察他們如何使用 JSON‑LD。
