商品規格怎麼呈現：表格、圖片，還是兩者都要

商品規格怎麼呈現，本質上是理解成本的問題，不是版面問題。Baymard Institute 針對 344 個頂尖電商網站做過基準測試，發現其中 82% 有嚴重的商品頁使用性問題，而規格區的損失最不容易被察覺：沒有人會特地寄信告訴你規格表看不懂，他們只會去買那個更快回答完問題的商品頁。

先講結論：規格表和標註圖做的是兩件不同的事，一個賣得動的商品頁兩者都需要。以下六個問題決定了每一個數字該放在哪裡，答案來自研究數據，也來自外銷商品頁上真實發生的狀況。

沒有一種適用於所有類別的規格呈現方式。真正存在的是文字與圖片之間的分工，而幾乎所有轉換率不好的商品頁，分工錯的方向都一樣。

規格該放進表格，還是畫在圖上？

兩者都要，而且分工不是美感偏好的問題。

規格表是機器可讀的文字。搜尋引擎會索引它，平台的篩選條件會讀取它，翻譯工具會轉換它，螢幕閱讀器會唸出它，AI 購物助理會從中擷取資訊。標註圖則是一個理解裝置：它讓買家知道 42 cm 擺在一扇門、一隻手或一個棧板旁邊是什麼概念。文字承載數字，圖片承載數字的意義。

比例參照圖，指的是照片裡放了買家早就知道尺寸的參照物 —— 一個人、一扇門、一隻手、一個標準棧板 —— 讓尺寸被讀出來，而不是被算出來。Baymard 的測試發現，42% 的使用者會試著從圖片判斷商品的整體比例與尺寸，而受測網站中有 28% 完全沒有提供任何比例參照圖。也就是說，相當大比例的買家在找一個四分之一網站從來不給的資訊。

	規格表	標註圖 / 比例參照圖
主要作用	精確與比較	理解與尺度感
機器可讀	是	否
能否直接沿用到多語系	可以	每個語系都要重新輸出
回答「放得下嗎」	慢	立刻
回答「公差到底多少」	可以	不行
買家先看哪一個	看完圖片區之後	就在圖片區裡

當某個規格直接影響購買決定時，讓它同時得到兩種處理。整體寬度要進表格也要上圖。螺紋牙距只要進表格就好。

買家最先看哪些商品規格？

他們不會從上往下讀。在家具、工業品與建材採購中，買家會先掃過一小組欄位，確認之後才讀其餘內容。這個順序來自實務經驗而不是平台規則，但在各個類別之間相當一致。

層級	欄位	為什麼先看它
1	整體尺寸、重量、承載	決定放不放得下、運費多少、詢價要不要繼續
2	材質、表面處理、等級	決定品質等級與價格帶
3	相容與配合尺寸（螺紋、VESA、開孔、開口）	決定能不能跟他們現有的東西搭上
4	包裝資料（箱規、CBM、每箱數量）	決定到岸成本
5	認證、檢測標準、保固	決定能不能通過他們的法規審查

製作可下載文件時也是同一套優先順序——產品規格書要怎麼寫才有人看裡的欄位順序，跟買家在頁面上掃讀的順序是一致的。

規格列到幾條，買家就不看了？

問題幾乎從來不是規格太少，而是它們擠成了沒有區隔的一整塊。

Baymard 針對規格表的研究給出了具體數字：50% 的網站規格表設計讓使用者難以掃讀，23% 沒有把規格依相關性分組並加上小標題，只有 3% 用摘要凸顯關鍵規格，23% 完全沒有用視覺樣式輔助掃讀，20% 逼使用者在多欄版面裡來回看。另有 52% 的網站不會二次處理供應商提供的資料，於是同一類型的兩個商品，欄位名稱不同、單位也不同。

最後這一條對外銷網站特別致命。如果一個 SKU 寫「寬度 600 mm」，下一個寫「W: 23.6 in」，買家會同時不再信任這兩個。

依見效順序，該這樣做：

先放一段五到七行的關鍵規格摘要——只放第一層級的欄位，其他都不要。只有 3% 的網站這樣做，等於幾乎免費的差異化。
把完整表格拆成帶小標題的分組：尺寸、材質、包裝、法規。
以一套單位為主，換算值放進同一個儲存格，不要另外開一欄。
同一類別下每個 SKU 的欄位名稱保持完全一致，即使工廠給的表不是這樣。

尺寸該放在商品頁的哪些位置？

三個位置，依這個順序。

圖片上。 整體的寬、深、高，畫在商品上真正對應這段量測的地方。大多數買家只會讀到這一個版本。
關鍵規格摘要裡。 同樣這三個數字，以文字呈現，單位寫完整。
完整表格與結構化資料裡。 這是平台篩選條件和 AI 回答引擎實際讀取的部分；哪些欄位通常是空的，請看商品尺寸結構化資料。

第一步是多數商品頁悄悄失守的地方，原因通常是製作成本而不是認知落差。用手在照片上畫準尺寸線很慢，而且出錯的方式很固定：憑眼睛拉的箭頭會偏離真正的邊緣幾公釐，旁邊印的數字就跟商品對不上了。解法不是「把照片拍好一點」，而是用軟體把實際量測的尺寸鎖定到圖上——讓量測吸附到商品邊緣，真實數值只輸入一次，再依各平台要求的圖片尺寸輸出。那些完全不量測、只生成一張看起來煞有其事的尺寸圖的工具，做出來的數字讀起來很有說服力，但它是錯的，這比沒有數字更糟：主圖上一個錯誤的尺寸，就是一件等著被提出的貨不對版客訴。

同一份檔案通常既進型錄也進報價單，所以外銷賣家傾向用產品規格書製作工具一次做好，而不是做兩遍。

規格只存在於圖片裡，會壞掉什麼？

像素之後的所有環節。

搜尋與篩選。 平台無法用它讀不到的數字做篩選。圖裡的文字，對那個決定你能不能被看見的篩選條件來說是不存在的。
無障礙。 W3C 的 WCAG 之所以特別有一條關於圖片中文字的規範，就是因為燒進圖片的文字無法縮放、無法改樣式，輔助科技也讀不可靠。
多語系。 你的 11 個語系版本可以免費繼承表格。圖片則要依語系重新輸出，這正是關鍵數字必須同時以文字存在的原因。
AI 回答引擎。 購物助理摘要你的商品時讀的是文字。只以像素形式存在的規格，進不了那段答案。
縮圖。 依全螢幕檢視設定的字級，在圖片區的縮圖裡會消失；標註能不能在小尺寸下活下來，取決於商品圖上的文字該多大裡的那幾條規則。

由此得到一條規則：任何買家可能拿來篩選、比較或報價的數字，都必須在頁面上以文字形式存在一份，即使它同時也畫在圖上。

到了手機上，這些結論會變嗎？

改變的是先後順序。商品規格在手機上怎麼呈現，由圖片區決定，因為在手機上圖片區就是頁面本身，規格表要往下滑很久，還常常藏在一次點擊後面。

這裡有兩個 Baymard 的發現很關鍵：25% 的電商網站商品圖解析度或放大倍率不足，76% 的行動版網站不為其他商品圖提供縮圖，買家因此根本看不出還有一張尺寸圖。兩者疊加，就是最常見的那種失敗：賣家做了一張很好的尺寸圖，而在手機上沒人找得到，也看不清。

實務做法：

把尺寸圖放在圖片區的第 2 或第 3 張，不是第 7 張。
讓標註在縮圖大小的第一眼就成立，再用放大後的細節回報願意點開的人。
關鍵規格摘要保持在手機第一個畫面之內，不要壓到評價區塊下面。

商品規格怎麼呈現：上架前 10 項檢查

在把調整套用到整個商品目錄之前，先拿一個商品頁跑一遍。

圖片區裡至少有一張帶熟悉參照物的比例參照圖
整體尺寸同時出現在圖片、摘要與完整表格裡
關鍵規格摘要是五到七行，位於完整表格之前
完整表格已依小標題分好組
同類別下每個 SKU 的欄位名稱與單位完全一致
主單位與換算值放在同一個儲存格裡
沒有任何關鍵數字只以像素形式存在
尺寸圖在圖片區第 2 或第 3 張
標註在縮圖尺寸下仍然清楚可讀
結構化資料裡帶上了寬、高、深與重量

速查表

買家的問題	答案該放在哪	呈現形式
它到底有多大？	圖片區第 2-3 張	帶尺寸線的比例參照實拍圖
我的空間放得下嗎？	圖片加關鍵規格摘要	標註出的整體寬 x 深 x 高
它是什麼材質做的？	關鍵規格摘要	文字，一行
能跟我現有的設備搭上嗎？	完整表格，相容性分組	文字加公差
一箱貨的運費是多少？	完整表格，包裝分組	文字，箱規與 CBM
在我的市場有認證嗎？	完整表格，法規分組	標準編號，不是一個 logo

常見問題

商品規格該放表格，還是寫進商品描述？

放表格。敘述性文字會把數字藏在句子裡，掃讀慢，篩選條件和 AI 助理也難以擷取。描述留給脈絡——使用情境、可選表面處理、交期——把每一個可量化的事實都移進分組表格。

尺寸該出現在商品頁的什麼位置？

先在圖片上，再進五到七行的關鍵規格摘要，最後進完整規格表與結構化資料。買家讀圖，機器讀文字，兩個你都需要——一個用來成交，一個用來被找到。

一個商品頁該呈現幾條規格？

全部都呈現，但不要一次全給。先給決定購買的那五到七個欄位，再在下面給出完整的分組表格。Baymard 發現只有 3% 的網站會用關鍵規格摘要，這正是有做的那些網站讀起來明顯輕鬆的原因。

買家真的會在手機上看規格表嗎？

他們在手機上看圖片區，在電腦上看表格，所以關鍵尺寸必須兩邊都有。考量到 76% 的行動版網站不為其他圖片提供縮圖，一張埋在圖片區第 7 張的尺寸圖，在手機上等於不存在。

可以把所有規格都寫進商品圖嗎？

不行。燒進圖片的文字無法篩選、無法翻譯、無法縮放，輔助科技也讀不了，而且在縮圖尺寸下會消失。把決定放不放得下的那兩三個數字畫在圖上，同時把每一個數字都保留一份文字版。如果瓶頸是畫不準尺寸線，那是一個值得用實際量測式標註去解決的製作問題，而不是乾脆放棄這張圖。