商品變體 SEO : 多色多尺寸的 4 種 URL 策略與 canonical 設定

商品變體是什麼？為什麼會踩到 SEO 地雷

商品變體指的是同一款商品在顏色、尺寸、材質、容量等屬性上的不同版本。一件襯衫有黑、白、藍三色，每色又有 S/M/L/XL 四個尺寸，這就是 12 個變體。對使用者來說它們是「同一件商品的不同選擇」，但對搜尋引擎來說，每個能被獨立存取的網址都是一個獨立頁面。

問題從這裡開始。當每個變體都產生獨立網址，而這些頁面的標題、敘述、商品介紹、圖片 alt 幾乎一模一樣時，就會出現三個典型後果：

1. 重複內容稀釋權重。外部連結與內部連結被分散到 12 個近乎相同的網址，沒有任何一頁累積到足夠的權重去衝排名。
2. 索引預算浪費。Googlebot 把抓取資源花在 12 個雷同頁面，真正重要的商品主頁或分類頁反而抓取頻率下降。
3. 排名版本不可控。Google 可能自行選一個「藍色 XL」當作收錄版本顯示在搜尋結果，而那不一定是您想主打的版本。

在 2026 年的 AI 搜尋時代，這件事更重要了。當使用者在 ChatGPT、Perplexity 或 Google AI Overviews 詢問「推薦哪款 OO」時，AI 引用的是結構清晰、變體關係明確的商品資料。一個 canonical 與 Schema 都標記正確的商品，比 12 個各自為政的雷同頁，更容易被 AI 完整理解並引用。

4 種變體 URL 策略完整對照

處理變體 URL 沒有單一正解，取決於變體之間的差異程度與您的搜尋意圖。若想先了解單一商品頁本身的優化，可參考商品頁 SEO；以下聚焦變體的四種主流策略：

策略 A：單一 URL，JavaScript 切換

整款商品只有一個網址（例如 /product/cotton-tee/），顏色與尺寸用前端 JavaScript 切換，不產生任何新網址。這是內容差異小（只差顏色）時最乾淨的做法，所有權重天然集中在一頁，零重複內容風險。缺點是每個顏色無法單獨在搜尋結果出現。

策略 B：URL 參數 + canonical 指回主商品

變體用查詢參數呈現，例如 /product/cotton-tee/?color=blue&size=m，但每個參數頁的 canonical 都指向乾淨主網址 /product/cotton-tee/。適合需要可分享變體連結、但不想讓參數頁參與排名的情況。重點是務必設好 canonical，否則參數組合會爆炸成大量重複頁。

策略 C：獨立靜態 URL，各自 self-canonical

每個變體有自己的靜態網址（如 /product/cotton-tee-blue/），canonical 指向自己，讓每個變體獨立競爭排名。只有在變體間有顯著搜尋需求差異時才用——例如「紅色洋裝」「黑色洋裝」各自有大量獨立搜尋量，且您願意為每頁撰寫差異化的標題、敘述與內容。否則就是自找重複內容麻煩。

策略 D：獨立靜態 URL，canonical 全指向主商品

變體一樣有獨立網址，但 canonical 統一指向主商品頁，把權重集中。兼顧「使用者能用乾淨網址分享特定變體」與「SEO 權重集中」兩個目標，是多數電商最安全的折衷方案。

canonical 標記層級：該指向哪裡？

canonical 的判斷邏輯，本質上是回答一個問題：這些變體頁，您希望 Google 當成同一頁，還是不同頁？

判斷準則很簡單——看內容差異與搜尋意圖差異：

當變體內容幾乎相同（只差顏色色塊與一兩張圖）：用集中式 canonical，全部指向主商品頁。Google 會把所有變體的排名訊號合併到主頁。
當變體內容有實質差異（不同規格、不同用途、不同搜尋族群）：用 self-canonical，讓每頁獨立收錄。但前提是您真的為每頁寫了差異化的標題、H1、敘述與內文。

hasVariant / isVariantOf 結構化資料寫法

2024 年起 Google 正式支援商品變體結構化資料，用 ProductGroup 搭配 hasVariant，明確告訴搜尋引擎「這是一組變體」。這是讓變體關係被正確理解的最直接方式，在 AI 搜尋時代尤其重要。

核心邏輯有兩種寫法：

方式一（主流）：用 ProductGroup 包住所有變體，每個變體是 Product，透過 hasVariant 列出。
方式二：在每個變體 Product 上用 isVariantOf 指回所屬的 ProductGroup。

重點欄位：variesBy 宣告變體依哪些屬性區分（顏色、尺寸），productGroupID 是這組商品的共同識別碼，每個變體都要有自己的 sku 與 offers。價格與庫存若各變體不同，務必分別標記，否則 Google 會視為資料不一致。單一商品的 Product Schema 寫法可參考專文。

Shopify 與 WooCommerce 預設行為比較

兩大平台對變體的處理邏輯差很多，了解預設行為才知道要不要手動調整。

何時集中權重、何時放任競爭

這是整篇文章最需要判斷的地方。決策只看一件事：變體之間是否存在「獨立的搜尋需求」。

該集中權重（canonical 指主頁 / 單一 URL）的情況：

顏色、尺寸這類純屬性差異，使用者搜尋時不會特別指定（很少人專門搜「藍色純棉素 T」）。這時把所有變體訊號合併到主頁，讓主頁去衝「純棉素 T」這個有量的關鍵字，遠比讓每個顏色各自掙扎有效。

該放任各自競爭（self-canonical + 差異化內容）的情況：

變體本身對應到不同的搜尋族群，且各有可觀搜尋量。例如手機殼分「iPhone 15」與「iPhone 16」版本，兩者使用者完全不同、搜尋量都很大——這時讓它們各自獨立收錄才合理。但代價是：每頁都得有真正不同的標題、敘述與內容，不能只換型號文字。

變體商品的 Google Merchant Center 對應

如果您有投放 Google 購物廣告或想出現在免費商品列表，變體在 Merchant Center 的商品饋給（Product Feed）有一套對應規則，與網站 SEO 的 canonical 邏輯不完全相同。

關鍵欄位是 item_group_id：把同款的所有變體填入相同的 item_group_id，Google 就會把它們歸為一組，在購物結果中自動以可切換的變體形式呈現。每個變體仍需各自提供 id、color、size、price、availability 與正確的 link。

變體 SEO 常見錯誤檢查清單

上線前對照這份清單，可以避開九成的變體 SEO 問題：

變體與重複內容、Canonical 是緊密相關的議題，建議一併閱讀；商品變體也是電商 SEO的一環，想掌握整體權重配置邏輯，可從 SEO 是什麼 這篇 pillar 開始。

常見問題 FAQ