Skip to content

產品目錄設計怎麼做?型錄架構、設計流程與電子型錄上官網

Posted in :

jc-seo

產品目錄設計的重點不在版面花樣,而是讓買家少翻幾頁就找到要的型號:先決定讀者是誰、會用什麼方式找產品,再安排分類、單一產品頁與規格表的格式,然後才進入版面設計。型錄是什麼?它是把公司產品有系統地整理成冊的銷售工具,讓採購、經銷商與業務在比較規格與詢價時查閱。印刷版完成後,電子型錄放上官網時,PDF 適合下載與寄送,重點產品則要另外做成可以被搜尋到的產品頁。以下依序說明型錄的內容架構、設計流程、規格表排版與上官網的做法。

型錄是什麼:和 DM、官網產品頁的分工

型錄、DM 與官網產品頁都在介紹產品,但讀者與使用時機不同,內容範圍也不一樣。先分清楚三者的角色,型錄才不會被塞進促銷文字,也不會漏掉買家要查的規格。

類型 主要用途 內容範圍 更新方式
產品型錄 查閱完整產品線、比較規格、詢價 全系列產品、規格表、選型資訊 隨產品線改版,標示版本
DM 推廣單一活動或主打商品 少數重點商品、活動資訊 活動結束即失效
官網產品頁 搜尋進站、線上詢價 單一產品的完整說明 隨時更新

型錄主要服務已經在比較供應商、需要查規格的讀者,版面以查找效率為優先;吸引注意交給 DM 與廣告,搜尋曝光交給官網產品頁。三者的型號與規格要出自同一份資料,買家詢價時才不會發現官網和型錄對不上。

先定讀者與查找方式,再決定目錄怎麼分

目錄的分法要依買家怎麼找產品來決定,而不是依公司內部的部門或產線。常見的分類邏輯有四種,可以擇一當主軸,再用索引補足其他查法:

  • 依產品線:適合產品類別清楚、買家知道自己要哪一類的情況,例如手工具、電動工具、配件。
  • 依應用或產業:適合同一產品可用在不同場景,買家從問題出發找產品,例如食品廠、電子廠各自適用的型號。
  • 依規格:適合買家以尺寸、材質或容量挑選的產品,例如依管徑排列的接頭。
  • 依型號:適合熟客或經銷商回購,通常作為書末索引,而不是主架構。

主軸決定後,用目錄頁、分類扉頁與頁緣色塊讓讀者快速跳到要的區段,書末再放型號索引或應用對照表。產品線多、讀者差異大時,也可以依產品線拆成分冊,各自更新。

單一產品頁要放哪些資訊

產品頁是型錄裡重複次數多的版型,資訊位置固定,讀者翻到第幾頁都能在同一個位置找到同一類資訊。一個完整的產品頁可以包含:

  • 產品名稱與型號,型號字級要夠大,方便詢價時引用。
  • 主圖與細節圖,必要時加上使用情境圖。
  • 一句話用途說明:這個產品解決什麼問題、適合誰。
  • 規格表與尺寸圖,單位標示清楚。
  • 可選的變化與配件,例如尺寸、顏色、材質或替換零件。
  • 適用的標準或認證名稱,只寫實際取得、可以出示證明的項目。
  • 包裝方式與訂購資訊,視公司是否對外公開而定。
  • 相關型號或升級型號,引導讀者看同系列的其他選擇。

同系列產品規格相近時,不必每個型號各佔一頁,可以用一張主圖加一張比較規格表呈現,把篇幅留給差異較大的產品。

產品目錄設計流程:從資料盤點到定稿

  1. 盤點資料:從試算表、舊型錄、工程圖與業務手上的資料,整理出一份主資料表,每個型號一列,以型號作為識別碼。
  2. 決定架構:確定分類主軸、頁序、每頁放幾項產品與需要的版型種類。
  3. 做樣張:挑兩三個代表性產品,先排出封面、分類扉頁、產品頁與規格頁,內部確認方向後再全面排版。
  4. 拍攝與整理圖片:統一角度、背景與光線,同系列產品的照片比例一致。
  5. 全面排版:規格內容從主資料表帶入,減少手打造成的錯字與數值錯誤。
  6. 校對與定稿:型號、單位與尺寸由業務或工程單位確認,事先指定定稿的負責人。
  7. 分開輸出:印刷檔與螢幕版各自輸出,螢幕版壓縮圖片並加上可點擊的目錄。

排時程時,資料盤點與校對要預留足夠時間,不能只估排版工時。各階段的工時與報價項目怎麼估,可以對照型錄設計價格的拆解。

規格表與選型表的排版原則

規格表是型錄裡讀者停留時間長的區塊,也是錯誤代價高的地方。排版時可以依這幾個原則檢查:

  • 欄位順序跟著決策順序:先放能快速排除不適用產品的欄位,例如尺寸、電壓或材質,再放細項。
  • 單位寫在表頭:同一欄使用同一種單位,不要每格重複,外銷版若需要不同單位制,要明確分欄。
  • 同系列合併比較:型號放在列、規格放在欄,讀者一眼就能橫向比較差異。
  • 長表格要好追行:用淡色底紋或分隔線區隔,跨頁時重複表頭。
  • 附上選型表:產品多、規格複雜時,用「應用條件到型號」的對照表或簡單流程,引導讀者縮小範圍。

電子型錄放上官網: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 服務,實際案例可見成果與案例。

想直接討論你自己的網站狀況,或需要一份初步的搜尋機會評估?

相關主題

下一步

型錄內容整理好之後,可以順勢把產品分類與規格搬上官網,讓買家搜尋得到、也能直接詢價。京采的網頁設計服務可以依型錄架構規劃官網的產品分類、產品頁版型、型錄下載頁與詢價表單。歡迎與我們聯繫,討論型錄與官網產品頁怎麼共用同一份資料。