SEO 顧問要的產品圖文怎麼準備?素材規格、命名與交付清單
文章摘要
打造吸睛圖文,讓SEO顧問助你產品大放異彩!
答案摘要
產品圖文不是把照片和型錄丟進資料夾就完成。可用的交付包,應讓編輯者在不猜測商業條件、不改寫技術數據的前提下,回答「這是什麼、適合誰、能解決什麼問題、限制為何、如何購買或詢問」。最穩定的做法,是每個產品固定一列資料,替每項主張附來源,再把圖片依主圖、情境圖、細節圖及尺寸/比較圖分組。
交付前還要指定價格、庫存、交期、保固及退換資訊的最後確認人,記錄版本日期。描述性檔名與替代文字可協助檔案管理、無障礙閱讀及搜尋系統理解圖片內容,但它們不能取代清楚的頁面文字、真實圖片或可核對的產品資料,也不應被視為單一搜尋成效手段。
適用情境
這份流程適合新品頁上線、舊產品頁重寫、規格改版、多個部門共同供稿,以及網站公司需要向客戶一次收齊素材的情境。若產品涉及安全、健康、法規、認證、節能、耐用度或比較性效能,應先確認可公開的原始證明,再決定頁面能寫到什麼程度。
若目前只有供應商型錄,仍可先建立盤點表,但不要直接把型錄句子當成最終文案。應確認授權範圍、在地型號、實際銷售條件與現行版本;沒有明確來源的敘述先留空或降為一般功能說明,不交由顧問自行補值。
每個產品一列:可複製的交付表
一個型號或一個可獨立購買的產品使用一列。若不同尺寸只有價格或庫存不同,可在同列註明變體;若用途、規格或保固條件不同,應拆成不同列,以免上線時混用。
| 產品名稱/型號 | 使用者問題 | 適用對象 | 不適用情境 | 特色 | 規格 | 價格/庫存/交期責任 | 保固/退換 | 證據來源 | 主圖 | 情境圖 | 細節圖 | 尺寸圖 | 檔名 | alt 建議 | 最後確認人 | 版本日期 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 範例:產品 A/A-01 | 使用者要完成的任務 | 明確族群與使用條件 | 不支援的用途或環境 | 可被資料支持的差異 | 尺寸、材質、容量、相容性 | 姓名或部門+資料截止日 | 適用範圍、期限、申請方式 | 型錄頁碼、測試檔或官方網址 | 正面完整外觀 | 真實使用場景 | 接口、材質或操作處 | 尺寸標示或同系列比較 | product-a-front.webp | 產品 A 正面外觀,顯示控制面板與兩個接口 | 姓名/部門 | YYYY-MM-DD |
「使用者問題」要寫任務,不只寫產品類別,例如「小型工作桌需要不占空間的照明」比「桌燈」更能指引內容。「特色」與「規格」也要分開:特色回答使用價值,規格保存可核對的客觀數值。價格、庫存及交期若會變動,欄位應記錄資料負責人與更新截止日,而不是把暫時數字寫成長期條件。
四類圖片各自負責什麼
| 圖片類型 | 主要任務 | 建議畫面 | 驗收重點 |
|---|---|---|---|
| 主圖 | 讓人快速辨識產品 | 完整外觀、乾淨背景、合理留白 | 型號與實物一致,主體清楚,無誤導配件 |
| 情境圖 | 說明使用方法、比例與環境 | 真實使用位置、操作動作、必要配件 | 場景確實適用,人物與道具不暗示未提供功能 |
| 細節圖 | 呈現材質、接口、結構或操作處 | 局部近拍、功能標示、包裝內容 | 焦點清楚,可對應正文中的具體說明 |
| 尺寸/比較圖 | 協助判斷是否放得下或選對型號 | 尺寸線、單位、同系列差異 | 單位一致、比例不誤導、比較基準相同 |
原始圖片應保留足夠解析度與未壓縮版本,再另提供網站使用檔。避免只有聊天軟體轉傳過的低畫質檔,也不要把重要規格只烙在圖片裡;關鍵文字仍要出現在可讀取的正文或規格表。圖片上的文字須在手機尺寸仍可辨識,顏色對比也要足夠。
檔名用短而可辨識的英文、數字與連字號,例如 a01-side-port.webp,不要用相機流水號或把一串查詢詞硬塞進檔名。alt 應描述該圖在當下頁面的資訊功能;裝飾圖可留空,功能圖則寫出必要主體與細節。可參考站內的圖片 alt 屬性整理方式,但不要在每張圖重複產品頁標題。
哪些主張必須有來源
| 主張類型 | 可接受的交付證據 | 顧問不能代為猜測的內容 |
|---|---|---|
| 尺寸、重量、容量、材質、功率 | 現行規格書、技術圖、製造商資料 | 單位、容差、適用型號 |
| 性能、耐用、防水、節能或測試結果 | 完整測試條件、報告、標準名稱與適用範圍 | 省下多少、可使用多久、適用所有環境 |
| 認證、標章、相容性 | 可查核證書或官方清單、版本與型號 | 認證是否仍有效、未列出的設備是否相容 |
| 價格、折扣、庫存、交期 | 當期價目、活動條款、庫存系統或負責人確認 | 未來價格、補貨日期、偏遠地區交期 |
| 保固、退換、配送與安裝 | 已核准政策、服務區域、排除條款 | 個案是否受理、額外費用或例外 |
| 與他牌或舊款比較 | 同一條件下的可公開比較資料 | 「最佳」「更安全」等無比較基準的結論 |
資料來源不是越多越好,而是要能對應主張。若一份報告只測某個型號與特定條件,就只描述該範圍。產品頁需要進一步說明來源、方法與限制時,可搭配站內的 E-E-A-T 內容說明檢查可究責資訊是否放在相關主張附近。
逐步交付流程
1. 先定義產品頁要協助的決策
判斷條件:能否用一句話說清楚使用者要完成的任務,以及看完頁面後要詢問、選規格或購買。可驗證結果:交付表中的「使用者問題」「適用對象」「不適用情境」均有內容,且三者不互相矛盾。
2. 建立型號與變體清單
判斷條件:不同選項是否會改變用途、重要規格、價格或售後條件。可驗證結果:每個獨立產品只有一個主要識別,變體名稱可與庫存或價目資料對上,不會把停售款混入現行款。
3. 把事實與行銷說法拆開
判斷條件:句子是否包含數字、比較、絕對描述或會影響安全與購買的承諾。可驗證結果:每項高影響主張都能指向來源;沒有來源的句子已刪除、縮小範圍或改成待由負責人確認的欄位。
4. 收齊四類圖片
判斷條件:使用者能否僅靠現有畫面辨識外觀、理解使用環境、查看關鍵細節並判斷尺寸。可驗證結果:每個必要類型至少有一張合用圖片,缺圖已標明用途與拍攝清單,而不是用不相干圖替代。
5. 檢查圖片品質與可用權利
判斷條件:圖片是否清晰、方向正確、內容與現售產品一致,且網站有權使用。可驗證結果:原始檔與網站檔分開保存,授權來源可追溯,圖片中沒有未經確認的商標、人物或錯誤配件。
6. 統一檔名與 alt 建議
判斷條件:離開資料夾結構後,檔名是否仍能辨識型號、視角或細節;alt 是否傳達圖片在頁面的必要資訊。可驗證結果:無重複檔名、無相機流水號,alt 不堆疊同義詞,也不重複鄰近段落已完整說明的內容。
7. 完成商業條件複核
判斷條件:價格、稅、配送、庫存、交期、保固及退換是否由有權更新的人確認。可驗證結果:每個動態欄位都有責任人、確認日期與適用範圍;無法公開的資料已改為明確詢問方式。
8. 打包、版本化與交接
判斷條件:接手者是否能只看交付表找到所有檔案及來源。可驗證結果:資料夾以產品識別命名,表格連結可開啟,版本日期一致,舊版另存而不覆蓋,最後確認人已完成逐列檢查。
常見錯誤與限制
- 只交一份簡報或型錄,卻沒有指出現行型號、頁碼及可公開範圍,編輯者無法判斷哪個數字有效。
- 把情境圖當成包裝內容,或在畫面放入未隨產品提供的配件,容易造成錯誤期待。
- 將所有資訊做成圖片,會降低行動閱讀、無障礙與後續更新效率;重要條件應另有文字。
- 用同一段 alt 套用全部圖片,無法交代每張圖的差異;純裝飾圖也不需要硬寫描述。
- 結構化產品資料只能反映頁面上真實可見且可維護的資訊。價格、供應狀態或評論資料不完整時,不應為了欄位齊全而補造內容。
- Google 圖片與產品相關文件提供的是技術與呈現基線,實際抓取、索引及展示仍受網站狀態、內容品質與系統判斷影響。
完成檢查表
- 每個產品或獨立型號各有一列,名稱與內部識別一致。
- 適用對象、不適用情境、特色與規格已分開填寫。
- 數字、比較、認證、性能與商業條件都可追溯到來源。
- 主圖、情境圖、細節圖、尺寸/比較圖已依用途分類。
- 圖片清晰、內容正確、可公開使用,重要文字另有正文版本。
- 檔名可辨識且不重複,alt 建議符合圖片實際資訊功能。
- 價格、庫存、交期、保固、退換均有最後確認人與日期。
- 表格、來源連結及圖片檔可開啟,交付包版本一致。
- 不確定內容已移除或交回資料負責人,未由顧問自行推測。
官方參考資料
FAQ
圖片需要先裁成網站尺寸才能交付嗎?
不必只交裁切後版本。較好的做法是保留高品質原始檔,再附上預計使用的網站版本與裁切重點。這樣能因應桌機、手機及不同版位,同時避免日後只能從小圖放大。
每張產品圖都需要 alt 嗎?
資訊性圖片需要能表達其功能的 alt;純裝飾圖片可使用空的 alt,避免輔助工具重複朗讀。若圖片只是重複鄰近文字,不必再塞入完整產品介紹,應描述該圖獨有且有助理解的部分。
供應商說「業界領先」,可以直接放進產品頁嗎?
先要求比較對象、衡量指標、資料日期及可公開來源。缺少一致比較條件時,不宜沿用這類結論;可以改寫為能直接核對的材質、功能、尺寸或使用限制。
價格與庫存每天變動,交付表怎麼填?
不要把易變數字當成永久文案。欄位可記錄資料來源、更新頻率、適用日期與責任人,並決定頁面顯示即時數值、價格區間或詢問入口;上線前再做一次同步核對。
先做網站健檢,再決定優化方向
不承諾保證排名。由屏柏企業 SEO 顧問與網頁工程師方士軒 mars 協助您評估網站速度、行動版可用性、SEO 關鍵字結構與內容層級問題。