產品目錄設計怎麼做?型錄架構、設計流程與電子型錄上官網
Posted in :
產品目錄設計的重點不在版面花樣,而是讓買家少翻幾頁就找到要的型號:先決定讀者是誰、會用什麼方式找產品,再安排分類、單一產品頁與規格表的格式,然後才進入版面設計。型錄是什麼?它是把公司產品有系統地整理成冊的銷售工具,讓採購、經銷商與業務在比較規格與詢價時查閱。印刷版完成後,電子型錄放上官網時,PDF 適合下載與寄送,重點產品則要另外做成可以被搜尋到的產品頁。以下依序說明型錄的內容架構、設計流程、規格表排版與上官網的做法。
型錄是什麼:和 DM、官網產品頁的分工
型錄、DM 與官網產品頁都在介紹產品,但讀者與使用時機不同,內容範圍也不一樣。先分清楚三者的角色,型錄才不會被塞進促銷文字,也不會漏掉買家要查的規格。
| 類型 | 主要用途 | 內容範圍 | 更新方式 |
|---|---|---|---|
| 產品型錄 | 查閱完整產品線、比較規格、詢價 | 全系列產品、規格表、選型資訊 | 隨產品線改版,標示版本 |
| DM | 推廣單一活動或主打商品 | 少數重點商品、活動資訊 | 活動結束即失效 |
| 官網產品頁 | 搜尋進站、線上詢價 | 單一產品的完整說明 | 隨時更新 |
型錄主要服務已經在比較供應商、需要查規格的讀者,版面以查找效率為優先;吸引注意交給 DM 與廣告,搜尋曝光交給官網產品頁。三者的型號與規格要出自同一份資料,買家詢價時才不會發現官網和型錄對不上。
先定讀者與查找方式,再決定目錄怎麼分
目錄的分法要依買家怎麼找產品來決定,而不是依公司內部的部門或產線。常見的分類邏輯有四種,可以擇一當主軸,再用索引補足其他查法:
- 依產品線:適合產品類別清楚、買家知道自己要哪一類的情況,例如手工具、電動工具、配件。
- 依應用或產業:適合同一產品可用在不同場景,買家從問題出發找產品,例如食品廠、電子廠各自適用的型號。
- 依規格:適合買家以尺寸、材質或容量挑選的產品,例如依管徑排列的接頭。
- 依型號:適合熟客或經銷商回購,通常作為書末索引,而不是主架構。
主軸決定後,用目錄頁、分類扉頁與頁緣色塊讓讀者快速跳到要的區段,書末再放型號索引或應用對照表。產品線多、讀者差異大時,也可以依產品線拆成分冊,各自更新。
單一產品頁要放哪些資訊
產品頁是型錄裡重複次數多的版型,資訊位置固定,讀者翻到第幾頁都能在同一個位置找到同一類資訊。一個完整的產品頁可以包含:
- 產品名稱與型號,型號字級要夠大,方便詢價時引用。
- 主圖與細節圖,必要時加上使用情境圖。
- 一句話用途說明:這個產品解決什麼問題、適合誰。
- 規格表與尺寸圖,單位標示清楚。
- 可選的變化與配件,例如尺寸、顏色、材質或替換零件。
- 適用的標準或認證名稱,只寫實際取得、可以出示證明的項目。
- 包裝方式與訂購資訊,視公司是否對外公開而定。
- 相關型號或升級型號,引導讀者看同系列的其他選擇。
同系列產品規格相近時,不必每個型號各佔一頁,可以用一張主圖加一張比較規格表呈現,把篇幅留給差異較大的產品。
產品目錄設計流程:從資料盤點到定稿
- 盤點資料:從試算表、舊型錄、工程圖與業務手上的資料,整理出一份主資料表,每個型號一列,以型號作為識別碼。
- 決定架構:確定分類主軸、頁序、每頁放幾項產品與需要的版型種類。
- 做樣張:挑兩三個代表性產品,先排出封面、分類扉頁、產品頁與規格頁,內部確認方向後再全面排版。
- 拍攝與整理圖片:統一角度、背景與光線,同系列產品的照片比例一致。
- 全面排版:規格內容從主資料表帶入,減少手打造成的錯字與數值錯誤。
- 校對與定稿:型號、單位與尺寸由業務或工程單位確認,事先指定定稿的負責人。
- 分開輸出:印刷檔與螢幕版各自輸出,螢幕版壓縮圖片並加上可點擊的目錄。
排時程時,資料盤點與校對要預留足夠時間,不能只估排版工時。各階段的工時與報價項目怎麼估,可以對照型錄設計價格的拆解。
規格表與選型表的排版原則
規格表是型錄裡讀者停留時間長的區塊,也是錯誤代價高的地方。排版時可以依這幾個原則檢查:
- 欄位順序跟著決策順序:先放能快速排除不適用產品的欄位,例如尺寸、電壓或材質,再放細項。
- 單位寫在表頭:同一欄使用同一種單位,不要每格重複,外銷版若需要不同單位制,要明確分欄。
- 同系列合併比較:型號放在列、規格放在欄,讀者一眼就能橫向比較差異。
- 長表格要好追行:用淡色底紋或分隔線區隔,跨頁時重複表頭。
- 附上選型表:產品多、規格複雜時,用「應用條件到型號」的對照表或簡單流程,引導讀者縮小範圍。
電子型錄放上官網:PDF 與產品頁怎麼分工
Google 可以為 PDF 檔建立索引,但整本型錄只放一個 PDF,買家搜尋單一型號或應用時,不容易直接找到對應的那一頁。比較完整的做法是讓 PDF 與官網產品頁各司其職:
- PDF 負責下載與寄送:放在型錄下載頁,附上簡介、適用範圍與版本資訊。檔名用看得懂的英文與版本代號,並在文件資訊中設定標題,設定文件標題也是 WCAG 技術文件列出的 PDF 做法之一。
- 內容要是真正的文字:整頁輸出成圖片的 PDF,讀者無法搜尋與複製型號;掃描檔要先做文字辨識。想讓使用輔助工具的讀者也能閱讀,可以為標題加上標題標籤、為圖片提供替代文字,並建立書籤。
- 重點產品另做產品頁:用文字寫出名稱、規格與用途。Google 說明在產品頁加入結構化資料,產品資訊可以用更豐富的方式顯示在搜尋結果中;客戶無法直接購買的製造商產品頁,適用的是產品摘要類型。
- 處理重複內容:Google 支援用 rel=”canonical” HTTP 標頭,為 PDF 等非 HTML 文件指定標準網址;不希望 PDF 出現在搜尋結果時,要用 X-Robots-Tag 回應標頭設定 noindex,而且檔案不能被 robots.txt 封鎖,否則檢索器讀不到這項規則。
型錄下載前要不要填表,取決於目的:要累積名單就設表單,但放在表單後面的檔案,搜尋引擎可能無法抓取;要擴大曝光就開放下載,把詢價入口放在產品頁與 PDF 內。
型錄的版本管理與更新節奏
型錄印出去之後就無法修改,電子版卻可能被轉寄很久,版本管理沒做好,買家手上就會有好幾份互相矛盾的型錄。可以這樣建立規則:
- 封面或封底標示版本代號與發行時間,業務報價時能確認客戶手上是哪一版。
- 主資料表是所有版本共用的資料來源,新增、停產或改規格都先改主資料表,再更新型錄與官網。
- 官網上的 PDF 更新時,可以沿用同一個網址替換檔案,讓既有連結持續有效;若改用新網址,舊網址要轉址到新檔案或下載頁。
- 停產品在下一版移除,並在官網對應的產品頁標示停產與替代型號,不要直接刪除讓連結失效。
平時的小幅修改先反映在官網產品頁,累積到一定程度、或配合產品發表與參展時再改版型錄。
常見問題
產品型錄和產品目錄是一樣的東西嗎?
日常用法中兩者常混用,都指把產品整理成冊的資料。若要區分,目錄偏向列出產品清單與索引,型錄則包含圖片、規格與說明,資訊較完整,適合直接拿來比較與詢價。
型錄要先做印刷版還是電子版?
建議先建立主資料表與版型,再依需求同時輸出兩種版本。印刷版適合展會與拜訪,電子版適合寄送與官網下載,兩者共用同一份設計檔與資料,更新時才不會各改各的。
型錄可以只做電子版、不印刷嗎?
可以,主要寄送與官網下載的話,電子版就夠用,也省下印刷與庫存。若常參加展覽或拜訪客戶,可以少量印刷或改用平板展示,資料仍出自同一份主資料表。
型錄每頁要放幾個產品?
依產品的規格複雜度決定。規格多、需要尺寸圖的產品適合一頁一項;規格相近的同系列產品,可以一頁放主圖加比較表。重點是每頁版型一致,讀者容易找到資訊。
外銷型錄要做中英對照還是分開做?
品項多、規格表長的型錄,中英並列容易讓版面擁擠,分開製作較好閱讀;品項少、以圖為主的型錄可以考慮對照。不論哪種,型號與規格要出自同一份主資料表。
本文由京采數位科技整理。我們自 2005 年起提供官網設計、系統開發與 Google SEO 服務,實際案例可見成果與案例。
想直接討論你自己的網站狀況,或需要一份初步的搜尋機會評估?
相關主題
下一步
型錄內容整理好之後,可以順勢把產品分類與規格搬上官網,讓買家搜尋得到、也能直接詢價。京采的網頁設計服務可以依型錄架構規劃官網的產品分類、產品頁版型、型錄下載頁與詢價表單。歡迎與我們聯繫,討論型錄與官網產品頁怎麼共用同一份資料。

