甚麼是 Schema Markup

Schema Markup(結構化數據標記)係一種用嚟描述網頁內容嘅標準化格式,由 Google、Microsoft、Yahoo 同 Yandex 喺 2011 年一齊推出嘅 Schema.org 項目所定義。簡單講,佢係「機器可讀」嘅語言——將網頁入面嘅內容用 Google、Bing 等搜尋引擎「聽得明」嘅方式描述出嚟。

舉個例:你嘅網頁入面有「港幣 388 元」、「營業時間朝九晚六」、「銅鑼灣軒尼詩道 123 號」呢啲資訊。人類睇一眼就明,但對搜尋引擎嚟講,呢啲只係一堆文字。透過 Schema Markup,你可以明確咁話俾 Google 知:「呢個係價錢」、「呢個係營業時間」、「呢個係地址」。

結果就係——Google 可以將你嘅網頁資訊以更豐富、更吸引嘅方式顯示喺搜尋結果度,例如顯示星級評分、價錢範圍、庫存狀態、活動日期等等,呢啲就係所謂嘅 Rich Snippet(豐富摘要)。

Schema Markup 唔會直接提升你嘅排名——但佢會大幅提升你嘅點擊率(CTR),而 CTR 正正係 Google 排名嘅其中一個重要訊號。間接咁講,做好 Schema 等於做緊 SEO。

為何 Schema 重要

2026 年嘅搜尋環境已經同十年前完全唔同。Google 依家唔單止用關鍵字匹配,仲用 AI(特別係 SGE 同 AI Overview)去理解內容。結構化數據係令 AI「正確理解」你網頁嘅最有效方式。以下係幾個關鍵原因:

  • 爭取 Rich Snippet 位置——有 Schema 嘅網頁,喺搜尋結果顯示更多資訊,視覺上更突出,CTR 平均提升 20-30%
  • 進入 Knowledge Panel——Google 右側嗰個資訊卡,來源就係結構化數據。對品牌搜尋尤其重要
  • 支援語音搜尋——Siri、Google Assistant、Alexa 都依賴結構化數據去回答問題
  • AI Overview 收錄——SGE 嘅 AI 摘要會優先引用有結構化數據嘅網頁
  • 本地 SEO 加分——LocalBusiness Schema 係 Google 地圖同本地搜尋排名嘅基礎

根據 W3Techs 嘅統計,2026 年全球只有約 40% 嘅網站用咗結構化數據。換言之,你做好 Schema,就已經贏咗六成競爭對手。對於香港中小企嚟講,呢個係「低投入、高回報」嘅 SEO 策略。

場景無 Schema有 Schema
搜尋結果點擊率2.1%3.4%(+62%)
語音搜尋收錄極少明顯增加
Rich Snippet 顯示唔會有機會
AI Overview 引用

JSON-LD vs Microdata

Schema Markup 有三種常見嘅寫法:Microdata、RDFa 同 JSON-LD。Google 官方明確推薦用 JSON-LD,原因係佢最容易寫、唔會干擾 HTML 結構、容易維護。我哋直接睇下分別:

Microdata 寫法(唔建議)

Microdata 係直接喺 HTML 元素度加屬性,例如:

<div itemscope itemtype="https://schema.org/Restaurant">
  <h1 itemprop="name">茶餐廳阿明</h1>
  <span itemprop="priceRange">$50-$100</span>
</div>

呢種寫法將內容同標記混埋一齊,改 HTML 時好易搞亂,而且 CMS(例如 WordPress)嘅所見即所得編輯器好容易破壞佢。

JSON-LD 寫法(強烈推薦)

JSON-LD 係一個獨立嘅 script 標籤,放喺 head 或者 body 入面都得:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Restaurant",
  "name": "茶餐廳阿明",
  "priceRange": "$50-$100",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "軒尼詩道 123 號",
    "addressLocality": "銅鑼灣",
    "addressRegion": "香港",
    "postalCode": "000123"
  },
  "servesCuisine": "港式茶餐廳",
  "telephone": "+852-2345-6789"
}
</script>

JSON-LD 嘅好處顯而易見:內容同結構分離,可以集中管理;可以用程式批量生成;唔會影響網頁渲染。由 2026 年起,Google 對部分新 Schema 類型只支援 JSON-LD,所以無論你係手寫定用 CMS,都用 JSON-LD 啦。

常見 Schema 類型

Schema.org 有超過 600 種類型,但對香港企業嚟講,以下 7 種係必學嘅核心。

1. Organization(公司組織)

每個企業網站都應該有 Organization Schema,用嚟建立品牌喺 Google 入面嘅知識庫:

{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "KIOTECH",
  "url": "https://kiohk.com",
  "logo": "https://kiohk.com/logo.png",
  "description": "專業網站設計與 SaaS 系統開發",
  "sameAs": [
    "https://www.facebook.com/kiotech",
    "https://www.instagram.com/kiotech",
    "https://www.linkedin.com/company/kiotech"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+852-6431-1295",
    "contactType": "customer service",
    "areaServed": "HK",
    "availableLanguage": ["Cantonese", "English"]
  }
}

2. LocalBusiness(本地商家)

對於有實體店嘅香港企業(餐廳、美容院、補習社、診所),LocalBusiness 係 SEO 必殺技。佢會直接影響你喺 Google Maps 同「near me」搜尋嘅排名:

{
  "@context": "https://schema.org",
  "@type": "Restaurant",
  "name": "茶餐廳阿明",
  "image": "https://example.com/photo.jpg",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "軒尼詩道 123 號",
    "addressLocality": "銅鑼灣"
  },
  "geo": {
    "@type": "GeoCoordinates",
    "latitude": 22.2819,
    "longitude": 114.1858
  },
  "telephone": "+852-2345-6789",
  "url": "https://example.com",
  "menu": "https://example.com/menu",
  "servesCuisine": "港式茶餐廳",
  "priceRange": "$$",
  "openingHoursSpecification": [{
    "@type": "OpeningHoursSpecification",
    "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"],
    "opens": "07:00",
    "closes": "22:00"
  }],
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.6",
    "reviewCount": "287"
  }
}

注意:LocalBusiness 有好多子類型,例如 Restaurant(餐廳)、MedicalBusiness(醫療)、Store(商店)、HealthAndBeautyBusiness(美容),揀啱子類型可以令結果更精準。

3. Article(文章)

每篇 blog 文章都應該有 Article Schema,用嚟爭取新聞搜尋同 Discover feed 嘅曝光:

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Schema 結構化數據教學",
  "description": "教你用 JSON-LD 提升 Google 排名",
  "image": "https://kiohk.com/og-image.svg",
  "datePublished": "2026-07-12",
  "dateModified": "2026-07-12",
  "author": {"@type": "Organization", "name": "KIOTECH"},
  "publisher": {
    "@type": "Organization",
    "name": "KIOTECH",
    "logo": {"@type": "ImageObject", "url": "https://kiohk.com/logo.png"}
  }
}

4. Product(產品)

電商網站必用。Product Schema 可以喺搜尋結果顯示價錢、庫存、星級:

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "便攜藍牙喇叭",
  "image": "https://example.com/speaker.jpg",
  "description": "防水便攜藍牙喇叭,續航 20 小時",
  "brand": {"@type": "Brand", "name": "AudioX"},
  "sku": "AX-2026",
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/buy",
    "priceCurrency": "HKD",
    "price": "499.00",
    "availability": "https://schema.org/InStock"
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "143"
  }
}

5. FAQ(常見問題)

FAQ Page 係最容易攞 Rich Snippet 嘅一種,搜尋結果會直接展開你嘅問答:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "網站設計要幾耐?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "一般企業網站 4-8 週,電商 8-12 週,視乎功能複雜度。"
    }
  }]
}

6. HowTo(教學步驟)

如果你寫嘅係教學文章,HowTo Schema 可以令 Google 顯示步驟列表:

{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "點樣申請商業登記",
  "step": [{
    "@type": "HowToStep",
    "position": 1,
    "name": "填妥申請表",
    "text": "喺稅務局網站下載並填妥表格 1(a)。"
  }]
}

7. BreadcrumbList(麵包屑導航)

顯示「首頁 > 博客 > 文章」嘅導航路徑,提升使用者體驗同 SEO:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "首頁", "item": "https://kiohk.com/"},
    {"@type": "ListItem", "position": 2, "name": "博客", "item": "https://kiohk.com/blog.html"}
  ]
}

Rich Snippets

Rich Snippet 就係結構化數據嘅「成果展示」。唔同類型嘅 Schema 會解鎖唔同嘅視覺效果:

  • 評分星級——Review / AggregateRating 帶嚟嘅金色星星
  • 價錢同庫存——Product 嘅 Offer 顯示 HKD 價錢同 In Stock 標記
  • FAQ 展開——FAQPage 令問題直接喺搜尋結果顯示答案
  • 活動資訊——Event 顯示日期、地點、票價
  • 食譜資訊——Recipe 顯示烹飪時間、卡路里、材料
  • 視頻縮圖——VideoObject 顯示視頻預覽同時長

重要提醒:用咗 Schema 並唔保證一定會顯示 Rich Snippet。Google 2023 年起收緊咗政策,只有「具備實際權威性、原創、有價值」嘅內容先會觸發。所以 Schema 係「門檻」而唔係「保證」。但無 Schema,就連入場券都冇。

Schema 驗證工具

寫完 Schema 一定要驗證,否則有錯 Google 會直接忽略。以下係三個必用工具:

  • Schema Markup Validator(validator.schema.org)——檢查語法是否正確,支援所有類型
  • Rich Results Test(search.google.com/test/rich-results)——Google 官方工具,測試你嘅 Schema 係咪符合 Rich Snippet 嘅資格
  • Search Console——監察整個網站嘅結構化數據錯誤同表現,係長期監控嘅必備工具

日常工作流程:寫好 Schema → 用 Rich Results Test 驗證 → 部署上線 → 去 Search Console 睇有冇報錯 → 持續監察。如果見到 Search Console 出現「結構化數據錯誤」,要即刻修正,因為長期錯誤會影響整個網站嘅信任度。

常見錯誤

我哋審計過唔少香港網站,最常見嘅 Schema 錯誤有以下幾類:

  • 用咗唔支援嘅類型——Schema.org 有 600+ 類型,但 Google 只支援其中大約 30 種攞 Rich Snippet。用咗冷門類型係無用嘅
  • 必填欄位缺失——例如 Product 冇 offers、Article 冇 datePublished,會被判定無效
  • 資訊同網頁內容不符——Schema 寫價錢 388,網頁顯示 488,Google 會偵測到並懲罰
  • 虛假評分——自己偽造 AggregateRating,呢個係黑帽手法,會被罰到無排名
  • 多個重複 Schema——同一頁面同時有 Microdata 同 JSON-LD 寫緊同一樣嘢,會令 Google 困惑
  • 全域放咗特定類型——例如 footer 入面嘅 JSON-LD 寫咗 Product,但每個頁面都 include footer,結果每頁都出現同一個 Product Schema
  • 忘記更新 dateModified——Article 更新咗但冇改 dateModified,會影響 Google 對時效性嘅判斷
我哋一個補習社客戶,原本 Product Schema 寫咗 SKU 同 price,但 HKD 嘅 currency 用咗 USD,結果 Google 判定佢所有課程都係美金計價,流失咗好多本地客。一個小錯,影響巨大。所以驗證真係好重要。

進階 Schema 策略

掌握咗基礎類型之後,以下係幾個進階策略,可以將 Schema 嘅效果再推高一層:

1. 模組化整合(@graph)

一個網站通常有 Organization、WebSite、WebPage、BreadcrumbList、Article 多個 Schema,用 @graph 可以一次過管理:

{
  "@context": "https://schema.org",
  "@graph": [
    {"@type": "Organization", "name": "KIOTECH", ...},
    {"@type": "WebSite", "name": "KIOTECH", "url": "https://kiohk.com", ...},
    {"@type": "WebPage", "url": "https://kiohk.com/blog/schema-markup-guide.html", ...},
    {"@type": "Article", "headline": "Schema 教學", ...},
    {"@type": "BreadcrumbList", ...}
  ]
}

2. Sitelinks Search Box

喺 WebSite Schema 加入 potentialSearch,可以令搜尋品牌名時直接出現搜尋框:

{
  "@type": "WebSite",
  "url": "https://kiohk.com",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://kiohk.com/search?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}

3. Speakable(語音搜尋)

對於新聞網站或知識型網站,Speakable Schema 可以指定邊部分內容適合語音助理讀出:

{
  "@type": "WebPage",
  "speakable": {
    "@type": "SpeakableSpecification",
    "cssSelector": ["h1", ".article-summary"]
  }
}

4. 動態 Schema 生成

對於 CMS 或者 SaaS 系統,唔好手寫每個頁面嘅 Schema。用 server-side rendering 或者 static site generator 自動生成,可以確保一致性同準確性。WordPress 嘅 Yoast SEO、Rank Math,Shopify 嘅內建 Schema,都係咁做。

5. 同 GEO 整合

2026 年最大趨勢係「AI 搜尋」——ChatGPT、Perplexity、Google Gemini 都會引用網頁內容作答。而 AI 引用嘅優先級,其中一個訊號就係 Schema 嘅完整度。我哋建議客戶喺傳統 SEO 之外,加入 GEO(Generative Engine Optimization)策略,而 Schema 就係兩者嘅共同基石。

做好 Schema Markup,唔係一朝一夕嘅事。佢需要持續優化、持續驗證、持續監察。但一旦做好,佢會成為你喺搜尋引擎入面嘅「長期資產」,比買廣告更划算、比追 keyword 更持久。

想做 Schema 但唔知點入手?

KIOTECH 提供 SEO 同 GEO 一條龍服務——由網站結構化數據審計、Schema 模組設計到持續監察,令你嘅網站喺 Google 同 AI 搜尋都贏晒。免費諮詢,了解你嘅網站現時 Schema 健康度。

免費 Schema 審計 →

相關文章