語意標記是什麼?schema.org 對 SEO 有何意義?
schema.org 是由 Google、Bing、Yahoo 等搜尋引擎共同制定的一套標準化「結構化資料(Structured Data)詞彙」。簡單來說,它就像是一組特定的「標籤」或「語法」,讓我們可以在網頁原始碼中標註出資料的意義。例如,我們可以標註某段文字代表「文章標題」、某個數字是「產品價格」、某張圖片是「商品照片」等等。這種將內容語意結構化的做法稱為語意標記(Semantic Markup)。
為什麼語意標記對 SEO 如此重要?因為搜尋引擎的工作原理,不僅需要讀取網頁文字,還需要理解這些內容代表的含義。傳統上,搜尋引擎會盡力從文字本身猜測語意,但有了結構化資料標記,我們等於主動提供了一份「內容說明書」給搜尋引擎。正確使用 schema.org 語意標記可以帶來以下好處:
- 提升搜尋引擎對內容的理解: 有了清晰的語意標記,Google 等搜尋引擎更容易判斷網頁內容的類型與重點。例如是文章、產品還是食譜,從而進一步了解內容結構與細節。
- 豐富搜尋結果呈現: 當搜尋引擎理解了內容,它就有機會在結果頁(SERP)以更豐富的形式呈現資訊,如顯示星級評分、價格、作者、發佈日期、FAQ 摘要等。這些額外資訊讓你的搜尋結果在眾多連結中脫穎而出,吸引使用者目光。
- 間接提高點擊率與流量: 更吸睛的複合式搜尋結果(Rich Results)通常能提高使用者點擊率 (CTR)。長遠來看,點擊率提升和使用者互動增加,有助於網站獲得更多自然流量,增強整體 SEO 表現。
- 建立網站權威與信任: 結構化資料可以標明作者、品牌、評價等資訊,這有助於建立網站在搜尋引擎眼中的可信度。對於強調 E-E-A-T(經驗、專業、權威與可信度)的現代 SEO 而言,這也是一個加分項。
需要強調的是,語意標記本身不直接充當排名因素。也就是說,你在頁面中加了 schema.org 標記,並不會讓 Google 立即提高你的排名。然而,它透過增進搜尋引擎理解和豐富結果呈現,間接帶來更好的曝光和使用者體驗,這些效益對 SEO 仍非常關鍵。我們可以把結構化資料想成是 SEO 的「秘密武器」:用得好,能讓好內容如虎添翼;但它並不是取代優質內容或其他 SEO 要素的捷徑。
使用 JSON-LD 將 schema.org 語意標記整合進 HTML
了解了 schema.org 的概念後,下一步就是將它實際加進網頁。目前 Google 支援三種結構化資料的語法格式:JSON-LD、Microdata(微資料) 和 RDFa。其中,Google 官方最推薦使用的是 JSON-LD,因為它實作方便且與網頁內容鬆耦合。我們將聚焦在 JSON-LD 格式的整合方法。
JSON-LD 是什麼?
JSON-LD(JavaScript Object Notation for Linked Data)是一種以 JSON 格式書寫的語意標記。它允許我們在網頁中嵌入一段獨立的 JSON 資料,來描述頁面的語意資訊。使用 JSON-LD 的好處在於:這段結構化資料是獨立於 HTML 結構之外的,不會影響網頁前端呈現,也不需要修改現有的 HTML 元素。對於已有內容的頁面,我們可以輕鬆加入或移除 JSON-LD,而不會干擾使用者可見的部分。
如何將 JSON-LD 整合到 HTML 中?
步驟其實非常簡單:只要在網頁的 HTML 程式碼中加入一個 <script> 標籤,並將 JSON-LD 放入其中即可。通常建議把這段 <script type="application/ld+json"> 放在頁面的 <head> 區域,或至少靠近頁面頂部的位置,讓搜尋引擎爬蟲更快發現。這段 <script> 不需要也不應該加上任何 src 屬性,因為資料會直接寫在標籤內部。加入 JSON-LD 後,搜尋引擎在爬行網頁時就能讀取這部分的內容,了解你的網頁結構化資訊。
值得一提的是,JSON-LD 與傳統的 Microdata 或 RDFa 相比,對開發者和行銷人員更友好:你無需將標記塞進每個 HTML 標籤的屬性中,只要在一處集中維護即可。此外,JSON-LD 可以在不修改後端程式的情況下,透過 Google Tag Manager 這類工具注入頁面,這對於無法直接改動網站程式碼的人員也是便利的方案。
總之,整合 JSON-LD 的核心步驟就是:在 HTML 中新增一段 application/ld+json 的 <script>,內含按照 schema.org 詞彙編寫的 JSON 結構即可。下面,我們將透過具體範例進一步說明如何撰寫這樣的 JSON-LD 語意標記。
實作範例:Article 與 Product 的 JSON-LD 語意標記
接下來,我們提供兩個結構化資料標記的範例代碼,一個用於文章頁(Article),一個用於產品頁(Product)。這些範例皆採用 JSON-LD 格式,可以直接複製後根據自身網站內容修改。請將這段 <script> 標籤連同內部的 JSON 資料一併貼入對應網頁的 HTML 中(建議置於 <head> 區域)。每個範例後我們也會說明主要屬性的用途,方便你了解如何替換為自己的內容。
Article(文章)結構化資料範例
以下範例展示如何為一篇部落格文章加入 Article 的 schema 標記。假設我們有一篇標題為「5G 科技如何改變未來生活?」的文章:
<head> <!-- 其他<head>內容,如<title>、<meta>等 --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "5G 科技如何改變未來生活?", "author": { "@type": "Person", "name": "王小明" }, "datePublished": "2025-08-15T09:00:00+08:00", "dateModified": "2025-08-15T12:30:00+08:00", "image": "https://example.com/blog/5g-future.webp", "articleSection": "科技新知", "publisher": { "@type": "Organization", "name": "Tech生活誌", "logo": { "@type": "ImageObject", "url": "https://example.com/logo.webp" } }, "description": "本篇文章深入探討了 5G 行動網路將如何革新我們的日常生活,包括智慧城市、遠距醫療等多方面的影響。" } </script> </head>這段 JSON-LD 代碼對應的內容是一篇文章的結構資料。主要屬性說明如下:
- @context: 固定為 "https://schema.org",表示我們使用的是 schema.org 的詞彙集合。
- @type: 此處設定為 "Article"。針對一般網頁文章,可以使用 Article 或其子類型,例如部落格文章可用 "BlogPosting",新聞稿可用 "NewsArticle"。
- headline: 文章標題,例如範例中的「5G 科技如何改變未來生活?」。
- author: 作者資訊,是一個物件。以上示範了個人作者,使用 "@type": "Person" 並提供 "name" 名稱。如果是公司或網路媒體團隊,也可以標記為 "Organization"。
- datePublished: 文章發布日期和時間,採用 ISO 8601 日期格式(YYYY-MM-DDThh:mm:ss+時區)。這有助於搜尋引擎了解內容的新鮮度。
- dateModified: 文章最後更新日期(若有更新),格式同上。提供這項有利於搜尋引擎顯示「更新日期」資訊。
- image: 文章主圖片的網址。圖片在搜尋結果中作為縮圖呈現時,搜尋引擎會引用這裡的網址。
- articleSection: 文章所屬的分類或主題欄位,例如「科技新知」、「戶外旅遊」等,描述文章的主題歸類。
- publisher: 發布單位資訊,通常是網站或公司。本例中我們設定為一個 Organization,並提供其 "name"(Tech生活誌) 與 "logo" 圖標的網址。這有助於在 Google 發佈者資訊欄中顯示品牌名稱和 Logo。
- description: 文章的簡短摘要或描述。一些搜尋結果(特別是行動裝置)會參考這段描述呈現內容概要。建議與頁面內的 <meta name="description"> 保持一致,以確保資訊一致性。
透過上述標記,搜尋引擎爬蟲將一目瞭然這個網頁是一篇文章,瞭解其標題、作者、時間等關鍵資訊。使用 Article schema 可以讓你的文章有機會在搜尋結果中獲得豐富摘要,例如顯示作者名稱和發布日期等細節,使其看起來更專業。
Product(產品)結構化資料範例
接下來是商品頁的 schema 標記範例。如果你有電商網站或商品介紹頁,可以使用 Product schema 來標記產品資訊。假設我們有一個名為「ANC 主動降噪無線耳機」的商品頁面:
<head> <!-- 其他<head>內容 --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Product", "name": "ANC 主動降噪無線耳機", "image": "https://example.com/product/anc-headphones.webp", "description": "降噪達 40dB,續航 20 小時,支援 Bluetooth 5.2,通勤、運動皆適用。", "sku": "ANC-1000", "brand": { "@type": "Brand", "name": "AudioMax" }, "offers": { "@type": "Offer", "price": "2490", "priceCurrency": "TWD", "availability": "https://schema.org/InStock" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.6", "bestRating": "5", "ratingCount": "128" } } </script> </head>此 JSON-LD 代碼標記了一個產品及其銷售資訊、評價等。以下是主要屬性的說明:
- @type: 設定為 "Product",表示這段資料描述的是一項產品。任何商品頁(無論是實體產品、數位產品甚至服務)都可以用 Product schema 來標記。
- name: 產品名稱,例如「ANC 主動降噪無線耳機」。這會直接對應搜尋結果中的商品名稱顯示。
- image: 產品圖片的網址。建議提供至少一張清晰的產品圖,網址最好是該商品頁上的主圖。搜尋結果中商品若呈現圖片,會抓取這裡設定的 URL。
- description: 產品描述。簡要介紹產品的賣點、特色。這段文字有可能在搜尋結果的產品摘要中出現,吸引用戶注意。
- sku: 產品的庫存單位代碼(SKU),用來標識產品的獨有編號。如果你的產品有 SKU 或型號,可以填寫在此;沒有則此欄可省略。
- brand: 產品品牌。使用一個子物件 "Brand" 來標明品牌名稱。
- offers: 產品提供/販售相關資訊。這裡我們用了 "Offer" 物件包含價格、貨幣與庫存:
- price 與 priceCurrency: 分別是價格數值和貨幣單位。以上範例中價格 2490 新台幣,故 "price": "2490", "priceCurrency": "TWD"(貨幣代碼使用 ISO 4217 標準)。
- availability: 庫存狀態。以上以 "InStock" 表示有現貨供應。常見狀態還有 "OutOfStock"(缺貨)等。此屬性使用一個 URL 或常量值表示,我們示範用 schema.org 提供的固定連結 "https://schema.org/InStock"。
- aggregateRating: 彙總評價資訊。如果產品有用戶評分,這部分可提供平均分數和評價數量:
- ratingValue: 平均評分值,本例為 4.6(滿分5分)。
- bestRating: 評分最高分是 5 分。
- ratingCount: 參與評分的人數或評論數,本例為 128。
藉由 Product schema 的標記,搜尋引擎將清楚知道網頁呈現的是一項商品,以及它的價格、庫存、評價等資訊。符合條件的情況下,Google 可能在搜尋結果中顯示星星評分、價格、庫存狀態等豐富資訊,直接提升使用者點擊的意圖。例如,一個有高評價且價格合理的商品摘要通常能吸引更多潛在買家點擊。
SEO 策略與實作建議
在實際實作結構化資料的過程中,除了撰寫 JSON-LD 語法外,還有一些SEO 策略與最佳實踐需要留意。以下是幾點建議,幫助你在強化語意標記的同時,避免常見陷阱,確保對 SEO 發揮正面效果:
- 善用檢測工具,確保標記正確: 完成 JSON-LD 添加後,務必使用官方工具進行驗證。Google 提供了「結構化資料測試工具」(Rich Results Test),你可以在該工具中輸入網頁 URL 或貼上程式碼,檢查結構化資料是否有錯誤或遺漏必須欄位。透過檢測工具,可以提前發現標記語法上的問題,確保搜尋引擎能正確讀取所有資訊。此外,Google Search Console 裡的「強化功能報告」也會顯示網站的結構化資料錯誤或警告,請定期留意並修正。
- 保持結構化資料與頁面內容一致: 內容一致性是關鍵原則。JSON-LD 中提供的資訊(例如產品價格、文章作者、FAQ 答案等)一定要與頁面上實際呈現的內容相符合。切忌為了嘗試獲取豐富結果,而提供與實際不符的標記資料。例如,不要把產品頁沒有的「常見問答」硬塞進 JSON-LD,或為普通文章加上不相關的評價星級。這類不符實況的標記不但不會帶來好處,還可能被搜尋引擎視為欺騙。如果 Schema 標記的內容無法在頁面上找到,Google 可能會忽略該標記,嚴重時甚至對網站採取手動處分。總之,真實與正確,是結構化資料運用的第一準則。
- 避免重複或無關的標記: 結構化資料的品質勝於數量,不是加越多就越好。每個網頁應選擇最適合該內容的 schema 類型來標記,而非一頁塞進所有可能的標記。例如,一個商品頁就專注用 Product schema 描述產品即可,不需要也不應該加入 Recipe、Article 等無關類型。同樣地,如果網站某頁面已經有一段 JSON-LD 標記,就不需要重複加入相同內容的另一段標記(避免一頁內重複標記同樣的資訊)。另外,在同一頁上盡量統一使用單一格式的標記,例如既然採用了 JSON-LD,就沒有必要再使用 Microdata 或 RDFa 去重複標注一次,避免不同標記格式之間可能的衝突或混亂。
- 結合傳統 SEO 資訊進行優化: 語意標記是 SEO 的輔助加分項目,但不是全部。實作 schema.org 時,也請保持基本的 SEO 要素到位,包括頁面標題(<title>)、Meta Description、標題標籤(<h1>, <h2> 等)、內容品質以及網站速度、行動裝置體驗等。結構化資料應該與這些傳統訊息相輔相成,共同提升頁面表現。例如,你可以在 JSON-LD 的 description 屬性填入與 <meta name="description"> 相同或相似的文案,確保搜尋引擎讀到的描述在結構化資料和頁面 Meta 資訊之間保持一致。再例如,若你標記了產品的價格與庫存,也應在頁面醒目位置呈現相同的資訊,提供使用者良好體驗。總之,schema 標記不能取代 Meta 標籤或高品質內容,兩者應該同步優化。
- 動態維護與更新: 網站內容是動態的,因此結構化資料也需要隨內容更新。特別是產品資訊,如價格、庫存、評價等,應在變動時即時同步更新 JSON-LD。舉例而言,如果你的商品進行了促銷降價,記得更新 "price";若庫存售罄,調整 "availability" 為 OutOfStock;如果新增了用戶評論,也應調整 "aggregateRating" 或加入 Review 標記。保持結構化資料的新鮮與準確,可以確保搜尋引擎持續信任你的標記內容。同時定期關注 Search Console 的強化功能報告,以掌握網站的結構化資料健康狀況。
按照上述這些策略實作結構化資料,能夠最大化其對 SEO 的正面效益,同時避免踩到地雷。接下來,我們將透過問與答的形式,進一步解答一些實務上常見的疑問。
常見問與答 (FAQ)
最後,讓我們來回答幾個關於 schema.org 語意標記的常見問題,加深你對實務細節的了解:
- 文章頁/新聞頁:可使用 Article(或 BlogPosting、NewsArticle)標記。
- 產品頁:可使用 Product 標記商品資訊。
- 常見問答頁:有 FAQ 內容時可用 FAQPage 標記。
- 食譜頁:可用 Recipe 標記配方、食材步驟等。
- 評論頁:可用 Review 或 AggregateRating 標記評價。
- 活動頁:可用 Event 標記活動時間地點。
- 公司/組織介紹頁:可用 Organization 標記聯絡資訊,或在全站共用一段 Organization 標記。
- 在地商家頁:可用 LocalBusiness 標記營業資訊。
結論
經過上述步驟與指南,你應該對如何結合 schema.org 來強化網站語意結構與 SEO 有了全面的認識。總結來說,語意標記的應用是現代 SEO 不可或缺的一部分——它為你的內容穿上有意義的「結構外衣」,讓搜尋引擎看得懂也願意展示得更精彩。
在確保內容本質優質的前提下,適當運用 schema.org 提供的詞彙進行標記,將有機會換來更高的曝光、更好的點擊率,以及更豐富的使用者互動。現在就動手試試吧,從你的網站中挑選一兩個關鍵頁面,為其添加適合的結構化資料標記,相信不久的將來,你就能在搜尋結果中看到結構化資料為你的網站帶來的亮眼改變!
