商品頁 SEO 完整教學:標題、描述到 Schema 全攻略

商品頁是電商網站的成交核心,也是 SEO 與 AI 搜尋引擎引流最關鍵的頁面。許多中小企業電商把預算花在分類頁與部落格，卻忽略了商品頁本身。事實上，當消費者在 Google、ChatGPT、Perplexity 上搜尋「無線藍牙耳機 降噪 推薦」時，真正會被引用、被點擊、被轉單的，是結構完整、Schema 標記到位、評論真實的商品頁。本文從商品頁結構、Title 與 Meta 範本、商品圖 Alt 寫法、JSON-LD Product Schema 完整實作到 UGC 評論策略，提供電商實務可直接套用的做法。

一、為什麼商品頁 SEO 是電商最高槓桿的優化點

許多電商業主以為 SEO 就是寫部落格、做外部連結，把預算大量投入內容行銷，卻把商品頁直接交給平台的預設模板。這是相當常見的錯誤配置。商品頁的特殊性在於，它同時承載「搜尋意圖最商業」+「轉換率最高」兩個條件。當有人在搜尋「Sony WH-1000XM5 評價」時，搜尋意圖已經接近成交，只要您的商品頁能進入排名前段，點擊就能直接導向結帳。

商品頁 vs 分類頁的角色差異

很多人會把「商品頁 SEO」與「分類頁 SEO」混為一談，但兩者的關鍵字策略、頁面結構與 Schema 都不一樣。簡單的對照如下:

AI 搜尋時代，商品頁變成「貨架」競爭

過去 Google 搜尋會回傳十條藍色連結，使用者自己比較、自己決定。現在 Google AI Mode、ChatGPT Shopping、Perplexity 直接幫使用者「挑出三到五個推薦商品」。能不能被 AI 抓進這個 short list,取決於三件事:商品頁是否有完整的 Product Schema、頁面內容是否語意清楚到讓 LLM 能輕鬆 parse、以及您是否有提交 Google Merchant Center feed。

二、商品頁的完整結構:9 個關鍵區塊

一個結構完整的商品頁，不只是「商品圖 + 加入購物車按鈕」這麼簡單。從 SEO 與 AI 抓取的角度，以下九個區塊每一塊都有對應的功能。請依照下方順序檢視您的商品頁是否齊全:

• H1 商品標題 整個頁面只能有一個 H1,內容應包含品牌、商品名、關鍵規格。讓搜尋引擎與 AI 一眼看出這頁是什麼商品。
  Sony WH-1000XM5 無線藍牙降噪耳機 黑色
• 商品主圖與圖片組 主圖建議至少 1200 × 1200 像素，搭配 5 ~ 8 張多角度圖、情境圖、規格圖。所有圖片要設定有意義的 alt 屬性。
• 賣點清單(Selling Points) 把消費者最關心的三到五個賣點以條列方式呈現，放在商品圖右側、加入購物車按鈕上方。這也是 AI 摘要時最常引用的區塊。
  • 業界最強 30 小時主動降噪｜• LDAC 高解析音質｜• 八個麥克風降噪通話
• 價格、庫存、運送資訊 價格要以結構化方式呈現(對應 Schema 的 price、priceCurrency、availability),庫存狀態用「現貨」「預購」「補貨中」等清楚標示。
• 規格表(Specifications) 用 table 標籤呈現完整規格(尺寸、重量、材質、保固、型號),這對 AI 摘要、Google AI Overviews 引用都很重要。
• 商品描述(Description) 純文字段落 200 ~ 500 字，把使用情境、解決什麼問題、適合哪些人寫清楚。禁止複製貼上製造商提供的官方文案,避免複製內容(duplicate content)問題。
• UGC 評論區(User-Generated Content) 真實買家的評論、星級、附圖。這是 Product Schema 的 review 與 aggregateRating 資料來源，也是建立信任與長尾關鍵字的關鍵。
• 商品 FAQ(常見問答) 放 4 ~ 8 個常被詢問的問題，例如「保固期多久」「能不能搭配 PS5」「降噪有沒有風切聲」。FAQ 是 AI 搜尋引擎最愛抓的格式之一。
• 相關商品與推薦組合 內部連結增加搜尋引擎爬行深度、分散權重，同時也增加客單價。可放「常一起購買」「相似商品」「同品牌」三個區塊。

三、商品 Title 與 Meta Description 範本

Title 與 Meta Description 是商品頁在搜尋結果頁(SERP)與 AI 答案中的「廣告標題」。寫得好可以大幅提升點擊率(CTR),寫得不好就算排第一也沒人點。

商品 Title 寫法公式

幾個 Title 的關鍵原則:

• 品牌 + 型號優先:消費者通常搜尋「品牌 + 型號」這種長尾，而不只是「無線耳機」
• 避免堆疊關鍵字:不要寫「無線耳機 藍牙耳機 降噪耳機 運動耳機」這種堆字，Google 會自動改寫您的 Title
• 不寫「最便宜」「全球唯一」:浮誇字眼可能觸發 Google 改寫，且違反產品中立原則
• 多版本商品分開寫:黑色、白色、銀色三個變體應該各自寫獨立的 Title,而不是共用一個

商品 Meta Description 寫法公式

長度檢查工具

Title 在桌機 Google SERP 大約以 600 像素為截斷點，Meta Description 桌機約 920 像素、行動裝置約 680 像素。實務上可用以下工具驗證:

• Google Search Console 的搜尋結果預覽
• Yoast SEO、Rank Math 等 WordPress 外掛內建的 SERP 預覽
• SEO Mofo 或 Mangools 的 SERP Simulator

四、商品圖 Alt 與圖片 SEO 規則

商品圖不只是給人看的，也是 Google Images、AI 視覺辨識、無障礙瀏覽(螢幕閱讀器)的資訊來源。完整的商品圖 SEO 包含五個面向:檔名、Alt、尺寸、檔案大小、結構化標記。

檔名命名規則

檔名要用「英數小寫 + 連字號」,避免空格、底線、中文、隨機編號。良好的檔名本身就是搜尋引擎的線索:

Alt 文字的寫法

關於 Alt,以下幾個原則必須遵守:

• 每張商品圖都要有獨立的 alt,不要全部複製同一段
• 不要以「圖片」「照片」「images of」開頭，Google 已經知道這是圖
• 純裝飾性圖(分隔線、背景圖)可寫 alt=""(空字串),讓螢幕閱讀器跳過
• 不要在 alt 裡硬塞 10 個關鍵字，這會被視為 SEO 操弄
• 主圖的 alt 與 Schema 的 image 屬性要呼應(同一張圖)

圖檔格式與尺寸

更詳細的圖片 SEO 與 Alt 撰寫，可以參考圖片 SEO 完整教學與Alt text 寫法指南。

五、JSON-LD Product Schema 完整實作

結構化資料(Schema)是搜尋引擎與 AI 理解您頁面的「資料字典」。Google 明確支援兩種 Product 標記類別:Product snippets(用於不能直接購買的編輯型評測頁)與 Merchant listings(用於可購買的商品頁)。一般電商商品頁應該使用 Merchant listings,並把要求的欄位補齊。

Merchant listing 的必要欄位

根據 Google 官方文件，Merchant listing 要被視為合格，至少需要以下欄位:

• name:商品完整名稱
• image:至少一張商品圖的 URL(建議 1200px 以上)
• offers:包含 price、priceCurrency、availability
• 至少一個產品識別碼:gtin、mpn、sku、brand 其中之一
• 建議再加 aggregateRating 與 review(若有真實評論)

完整 JSON-LD Product Schema 範例

以下是一個包含完整必要欄位與推薦欄位的範例，可直接套用後修改:

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "Sony WH-1000XM5 無線藍牙降噪耳機 黑色",
  "image": [
    "https://example.com/img/sony-wh1000xm5-black-front.jpg",
    "https://example.com/img/sony-wh1000xm5-black-side.jpg",
    "https://example.com/img/sony-wh1000xm5-black-case.jpg"
  ],
  "description": "Sony WH-1000XM5 旗艦級無線降噪耳機，搭載業界最強主動降噪、30 小時電力與 LDAC 高解析音質。",
  "sku": "WH-1000XM5-BK",
  "mpn": "WH1000XM5/B",
  "gtin13": "4548736134034",
  "brand": {
    "@type": "Brand",
    "name": "Sony"
  },
  "offers": {
    "@type": "Offer",
    "url": "https://example.com/product/sony-wh1000xm5-black",
    "priceCurrency": "TWD",
    "price": "11990",
    "priceValidUntil": "2026-12-31",
    "availability": "https://schema.org/InStock",
    "itemCondition": "https://schema.org/NewCondition",
    "seller": {
      "@type": "Organization",
      "name": "新視野3C"
    }
  },
  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "4.8",
    "reviewCount": "126"
  },
  "review": [
    {
      "@type": "Review",
      "author": { "@type": "Person", "name": "陳先生" },
      "datePublished": "2026-03-15",
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5"
      },
      "reviewBody": "降噪效果非常驚人,通勤捷運上幾乎聽不到外界噪音。"
    }
  ]
}
</script>

常見的 availability 值

關於更完整的 Schema 標記體系(BreadcrumbList、Organization、Article 等),可以參考Schema 結構化資料完整指南。

六、UGC 評論的 SEO 價值與顯示策略

UGC(User-Generated Content,使用者產生內容)指的是買家評論、星級評分、附圖開箱、問答留言等。這是商品頁最被低估的 SEO 資產，因為它同時帶來三種價值:

關於「自我服務評論」的禁令

很多人聽過「Google 禁止自我評論」,擔心商品頁放買家評論會被處分。這是個普遍的誤解。Google 在 2019 年宣布的「self-serving reviews」禁令，只適用於 LocalBusiness 與 Organization 兩種 Schema 類型,也就是「您不能在自己網站上對自己的公司打五顆星然後用 Organization Schema 標記」。

Product 與 Service 類型的評論完全不在禁令範圍。電商商品頁放真實買家的商品評論，使用 Product Schema 搭配 review、aggregateRating,是 Google 官方文件明確支援的做法。

顯示真實買家評論的三個前提

• 評論必須是真實使用者所寫 不可以是公司員工自己寫的、AI 自動生成的、或從別家網站抓取的。Google 與 AI 搜尋系統都有偵測機制，虛假評論被識破會導致整個網域的信任度下降。
• 評論必須在頁面上肉眼可見 您不能只把評論放進 JSON-LD 卻在前端隱藏。Schema 的內容必須與頁面實際顯示的內容一致，這是 Google 結構化資料的核心政策之一。
• 不要過濾掉負評 只顯示 5 星評論而把 1 ~ 3 星藏起來，會違反 Google 的「reviews 必須代表多元意見」政策。中肯的負評反而會提高頁面的信任度與 AI 引用率。

沒有評論的新商品怎麼辦?

新上架的商品還沒有評論，這時候完全不要加 aggregateRating 或 review 欄位。Schema 寧可少寫一個欄位，也不能造假。可以採取以下策略累積評論:

• 下單七天後寄送邀請信，附上一鍵評論連結
• 提供小額折價券(例如 50 元)鼓勵留評論，但不可以「給好評才給折扣」
• 把過去消費者私下回饋的內容，經本人同意後請對方公開發表為評論
• 在客服流程中，主動詢問願不願意分享使用心得

七、商品頁 SEO 常見錯誤與上線檢查

整理我們在台灣中小企業電商實務上，最常見的六個商品頁 SEO 錯誤:

• 錯誤一:商品描述直接複製官方文案 這是電商最普遍的問題。從製造商網站、代理商型錄複製貼上的描述，在全台灣可能有上百個賣家都用同一段。Google 把這視為「duplicate content」,排名通常會給最早、最權威的那個版本。
  改善方式:每個商品至少寫 200 字以上的原創描述，加入使用情境、適合對象、與同類商品的差異。
• 錯誤二:Title 全部用模板，沒有差異化 常見的失敗 Title:「商品名稱 - 官網購物 - 公司名」全網站重複。Google 會自動改寫您的 Title,從頁面內容抓字詞拼湊，失去原本的關鍵字策略。
  改善方式:每個商品 Title 都要包含品牌、型號、關鍵賣點，避免重複結構。
• 錯誤三:多顏色、多尺寸用同一個頁面但沒做 ProductGroup 黑色、白色、紅色三個版本擠在同一頁，URL 只有 ?color=black 這種參數，Schema 也沒有用 ProductGroup 標記。Google 不知道哪個是主商品，可能整組都不收錄。
  改善方式:要嘛拆成獨立的 URL(/sony-wh1000xm5-black、/sony-wh1000xm5-white),要嘛在單一頁面用 ProductGroup + hasVariant 完整標記。
• 錯誤四:Schema 內容與頁面顯示不一致 例如 Schema 寫 aggregateRating 4.9 分但頁面上根本沒顯示任何評論，或 Schema 寫 InStock 但頁面顯示「補貨中」。這違反 Google 結構化資料政策，可能觸發手動處分。
  改善方式:Schema 是頁面內容的「資料字典」,只標記頁面實際顯示的內容，不要造假。
• 錯誤五:商品圖檔名是隨機編號或 IMG_xxxx 原始相機檔名、購物車系統自動產生的隨機碼，完全失去 SEO 與圖片搜尋的價值。
  改善方式:上傳前先重新命名為「品牌-商品-顏色-視角。webp」格式。
• 錯誤六:價格、庫存只在前端顯示，沒進 Schema Schema 的 price、availability 是 Google AI Mode、ChatGPT Shopping 篩選商品的核心欄位。沒有結構化，等於在 AI 搜尋的篩選結果中直接出局。
  改善方式:確認購物車系統的 Schema 模組有正確輸出 price、priceCurrency、availability、priceValidUntil。

商品頁上線前自我檢查清單

每個商品頁正式上線前，請依下列問題逐一檢查:

• H1 是否只有一個?是否包含品牌與型號?
• Title 字元是否在 50 ~ 65 字元(中文 28 ~ 32 字)?
• Meta Description 是否在 120 ~ 160 字元(中文 60 ~ 80 字),且是這個商品專屬內容?
• 商品主圖是否 1200 像素以上、WebP 格式、檔案 200KB 以下?
• 每張商品圖的 alt 是否都有獨立內容，沒有重複?
• 商品描述是否為原創，沒有從官網或型錄複製?
• 規格表是否用 table 標籤呈現，而不是純圖片?
• Product Schema 是否包含 name、image、offers.price、offers.priceCurrency、offers.availability?
• Schema 是否通過 Google Rich Results Test 與 Schema Markup Validator 驗證?
• Schema 的 aggregateRating 是否對應頁面上真實顯示的評論?
• 是否有相關商品的內部連結，讓 Google 爬蟲能繼續往下爬?
• 頁面 LCP 是否低於 2.5 秒?(用 PageSpeed Insights 檢查)

常見問答 FAQ