電商網站的設計問題，多半不在首頁。依 Baymard Institute 彙整 50 份研究得到的數據，線上購物車的平均放棄率是 70.22%；而在結帳階段流失的人裡，最大宗的原因是額外費用過高（40%）、其次是到貨太慢（20%）與不信任網站的付款安全（19%）。本文依購物動線拆成六個區段——首頁、分類與篩選、導覽、商品列表、結帳、SEO 基本盤，每一段都寫清楚該做什麼決定，以及怎麼自己檢查。
先看數字：人到底在哪一步走掉
依 Baymard Institute 彙整 50 份研究的統計，線上購物車平均放棄率為 70.22%。其中約 42% 的美國網購者是「只是逛逛、還沒打算買」，屬於無法避免的部分；扣掉這一群之後，剩下的放棄原因幾乎都是設計與政策可以處理的。
| 放棄原因 | 比例 | 屬於哪一類問題 |
|---|---|---|
| 額外費用太高（運費、稅、手續費） | 40% | 資訊揭露時機 |
| 到貨太慢 | 20% | 營運政策 |
| 不信任網站的信用卡安全 | 19% | 信任訊號 |
| 被強迫註冊會員 | 18% | 流程設計 |
| 結帳流程太長太複雜 | 17% | 流程設計 |
| 網站出錯或當掉 | 17% | 技術品質 |
| 退貨政策不夠好 | 13% | 營運政策 |
| 看不到或算不出訂單總金額 | 12% | 資訊揭露時機 |
這張表最值得注意的一點是：排名最前面的兩個資訊揭露問題（40% 與 12%）加起來的影響，遠大於任何視覺設計問題。把運費與總金額提早講清楚，通常比重做首頁更有效。
1. 首頁：三秒內建立方向感
電商首頁的工作不是展示所有商品，而是讓訪客知道這裡賣什麼、有哪些類別、以及怎麼找到他要的東西。第一次來與第 N 次來的訪客，都應該在首頁快速取得方向。
該優先放的三件事
- 賣什麼，一眼看得出來。用最具代表性的商品或類別，而不是抽象的品牌標語。
- 主要類別的入口。訪客想買睫毛膏時，要能立刻找到「美妝」的路徑。
- 搜尋欄。目標明確的訪客會直接用搜尋，這群人的轉換意願通常最高。
輪播 banner 的取捨
可以放，但不要把「這裡賣什麼」交給輪播。自動切換的內容使用者多半只看到第一張，而且大圖會拖慢最大內容繪製（LCP）。導覽元素與搜尋欄應該比促銷輪播更早載入。
怎麼自己檢查：請一個沒看過您網站的人看首頁五秒，然後關掉畫面，問他「這裡賣什麼？主要有哪幾類？」答不出來，代表首頁的第一屏配置有問題。
2. 分類與篩選：把「找得到」做出來
分類與篩選是兩件不同的事：分類是互斥的結構劃分，篩選是在類別內縮小範圍的屬性。把「新品」「特價」這類狀態當成分類，會讓結構壞掉。
分類與篩選的界線
| 機制 | 性質 | 例子 |
|---|---|---|
| 分類 | 互斥的結構劃分，構成網站骨架 | 家具 → 客廳 → 沙發 |
| 搜尋 | 跨分類，由使用者輸入條件 | 搜尋「三人座 布沙發」 |
| 篩選 | 在類別內用屬性縮小範圍，可多選 | 材質、顏色、價格區間、尺寸 |
「新品上市」「特價中」「禮品推薦」屬於篩選，不是分類。把它們放進主分類會造成同一件商品出現在多個互斥類別下，結構與索引都會亂掉。
子分類可以重複，狀態不行
子分類重複是合理的——「桌子」可以同時屬於「客廳」與「臥室」，因為使用者會從兩個方向去找。經驗上，當一個類別下的商品少於約 30 件時，可以考慮把它併回上層當子分類，避免分類切得太碎反而難找。
相關商品要出現在對的位置
搜尋筆記型電腦時，滑鼠、電源線這類配件出現在結果裡是合理的（省去再搜一次）；但這要看商品特性，配件與主商品的關聯性不強時，硬塞只會稀釋結果。
3. 導覽：類別要攤開，不要藏
導覽列應該直接列出主要類別，而不是收成一個叫「產品」或「全部商品」的單一入口。使用者需要立刻看到有哪些選擇，而不是點進去才知道。
- 類別直接列出。「產品」「目錄」這種單一入口會逼使用者多按一次，而且看不出網站的深度。
- 下拉選單在每個類別下都要能用。使用者會在同一次瀏覽中切換多個類別。
- 服務類頁面與商品類別分開。「客服中心」「運送方式」「退換貨」屬於全站導覽，不該混在商品分類裡，但每一頁都要找得到。
- 上線後不要頻繁改動主導覽。回訪客的操作記憶建立在位置一致上，改動會直接破壞它。
4. 商品列表：資訊剛好足夠比較
商品列表頁的任務是讓使用者能夠比較與篩掉。每張卡片要放的資訊剛好足夠做出「要不要點進去」的判斷——通常是名稱、圖片、價格，以及該品類的關鍵屬性。
該放什麼
- 價格一定要放。列表頁沒有價格，使用者就得逐一點進去比，多數人不會這麼做。
- 該品類的關鍵區分屬性。賣沙發放尺寸與座數、賣記憶卡放容量與讀寫速度——放能讓人分辨差異的那一項。
- 平均評分。如果有評價系統，這是縮小範圍最有效的線索之一。
縮圖的品質決定點擊
使用者在列表頁高度依賴縮圖。原則是清楚、獨特、彼此可區分：通常展示未包裝的商品本體比展示包裝盒更有效；主圖與背景太接近時，滑過時切換第二張輔助圖可以補足。
怎麼自己檢查：把列表頁截圖後縮小到手機寬度，只看縮圖與價格，問自己「我分得出這幾件商品的差別嗎？」分不出來，代表縮圖或屬性資訊不足。
5. 結帳：流失最集中的地方
依 Baymard 的數據，結帳階段的前五大放棄原因中，有四項可以靠設計與政策揭露解決：費用太晚揭露（40%）、強迫註冊（18%）、流程太複雜（17%）、算不出總金額（12%）。這一段的投資報酬率通常是全站最高的。
費用要提早講，不要留到最後一步
放棄原因的第一名是「額外費用太高」，占 40%。但真正的問題往往不是費用本身，而是揭露的時機——使用者在最後一步才看到運費，感受是被隱瞞，而不是價格太貴。
做法：在商品頁或購物車就顯示運費規則（或運費試算），免運門檻寫清楚並顯示「再買多少可享免運」。
不要強迫註冊
18% 的人因為被要求註冊會員而放棄。提供訪客結帳（guest checkout），並在完成訂單後才詢問「是否用這組資料建立帳號」——這時候使用者已經填完所有欄位，建立帳號的邊際成本接近零。
流程越短越好，並且要顯示進度
17% 的人因為流程太長而放棄。每個步驟都要能回答「我在第幾步、還剩幾步」。這也是柴嘉尼效應的正向用法——顯示進度會讓人想把它完成。
信任訊號要放在會被看到的地方
19% 的人不信任網站的信用卡安全。付款欄位附近應該出現：金流服務商標示、HTTPS 與安全說明、退換貨政策連結、以及可聯絡的真實電話與地址。放在頁尾等於沒放——要放在使用者猶豫的那個當下看得到的位置。
技術品質也算在內
17% 的放棄來自「網站出錯或當掉」。結帳流程的載入速度與穩定性是轉換問題，不只是工程問題。表單送出後若無法立即完成，一定要給明確的處理中回饋，避免使用者重複點擊送出。
6. 電商的 SEO 基本盤
電商網站的 SEO 有兩個結構性重點：商品頁要提供 Google 支援的產品結構化資料，以及分類頁與篩選頁要決定哪些該被索引、哪些不該。
產品結構化資料
Google 支援兩種產品結構化資料體驗：商品摘要（product snippets）適用於無法直接購買的頁面（例如編輯型評測），提供評論、優缺點等資訊；商家資訊（merchant listings）適用於可以直接購買的頁面，能標示尺寸、運送與退貨政策等細節。依官方說明，加上商家資訊所需的必填屬性之後，該商品頁同時也會符合商品摘要的資格。
分類頁與篩選頁的索引處理
這是電商網站最常見的技術問題。篩選器會產生大量參數組合的網址（顏色 × 尺寸 × 價格區間 × 排序），如果全部開放索引，會產生大量近乎重複的頁面。
處理原則：有搜尋需求的組合才開放索引（例如「黑色 三人座 沙發」這種真的有人搜的組合），其餘的篩選與排序參數頁面應該用標準網址（canonical）指回主分類頁。這一段建議與工程端一起確認，做錯的影響範圍是整站。技術面的基礎可以參考技術性 SEO。
常見錯誤：把所有篩選頁一律 noindex。有些高需求的篩選組合本身就是很好的到達頁，全部關掉等於放棄這些流量。要逐一判斷，不要一刀切。
常見問題 FAQ
購物車放棄率 70% 是不是代表我的網站有問題？
不一定。Baymard 的統計顯示約 42% 的網購者是「只是逛逛、還沒打算買」，這部分無法避免。該關注的是結帳階段的流失——費用揭露、強迫註冊、流程長度這些是可以處理的。
運費要不要在商品頁就顯示？
要。額外費用太高是結帳放棄的第一名（40%），但問題常常出在揭露時機而非金額本身。在商品頁或購物車顯示運費規則與免運門檻，比留到最後一步才揭露有效得多。
一定要提供訪客結帳嗎？
強烈建議。18% 的人因為被強迫註冊而放棄。可以在訂單完成後，用他已經填好的資料詢問是否建立帳號——這時候的建立成本幾乎是零，接受率通常比事前強迫高。
商品列表頁一定要顯示價格嗎？
是。列表頁的功能是讓使用者比較與篩掉，沒有價格就無法判斷，只能逐一點進去，多數人不會這麼做。B2B 報價型商品若不便公開價格，至少要提供價格區間或明確的詢價入口。
篩選頁應該讓 Google 索引嗎？
要逐一判斷。有實際搜尋需求的組合（例如「黑色三人座沙發」）值得開放索引，其餘的參數與排序頁面應該用標準網址指回主分類頁。一律 noindex 會放棄有價值的到達頁，全部開放則會產生大量重複頁面。
加了產品結構化資料就會有星星評分嗎？
不保證。結構化資料是提供 Google 理解頁面的資訊，是否顯示複合式搜尋結果由 Google 決定。加上去的價值在於讓商品資訊被正確理解，而不是保證特定的顯示樣式。
電商網站要多久改版一次？
與其定期改版，不如定期檢視流失點。從結帳漏斗開始看：加入購物車、進入結帳、填寫資料、完成付款，哪一步掉最多就修哪一步。整站重做的風險與成本通常都高於局部改善。
更新紀錄
- 2020 年 1 月：初版發布。
- 2026 年 8 月：全文重寫。新增結帳流程一節（原文完全未涵蓋，卻是流失最集中的環節）；補上 Baymard Institute 的放棄率與放棄原因數據，取代原文全篇無數據的定性描述；新增電商 SEO 基本盤一節（產品結構化資料、篩選頁索引處理）；六個區段各補上可自行操作的檢查方式。
- 下次檢視：本文預計每半年重新查證一次放棄率數據與 Google 產品結構化資料規範，並更新本欄。
結論
三句話收攏：電商的流失集中在結帳，不在首頁——前五大放棄原因裡有四項是設計與政策可以處理的；資訊揭露的時機比金額本身更關鍵，運費與總金額提早講清楚，效果通常大於重做視覺；分類與篩選要分清楚，把狀態當分類會同時傷害使用者與索引結構。
不確定訂單流失在哪一步？轉角網路SEO行銷在板橋與台中提供免費搜尋健檢。針對電商網站，我們會實際走一次完整購物流程、檢視結帳漏斗的流失點，並確認分類與篩選頁的索引狀態是否正確，再依影響範圍排出處理順序。立即透過線上表單與我們聯絡。
參考來源
- Baymard Institute，〈Cart Abandonment Rate Statistics（購物車放棄率統計）〉，彙整 50 份研究，最後更新 2025-09-22，2026 年 8 月查證。
- Google，〈Product structured data（產品結構化資料）〉，Google Search Central，最後更新 2025-12-10，2026 年 8 月查證。
- Google，〈Web Vitals〉，web.dev（LCP 門檻之官方出處），2026 年 8 月查證。
- 轉角網路SEO行銷，〈網頁設計原則：9 件決定網站好不好用的事〉，corners.com.tw，本站自有內容。
- 轉角網路SEO行銷，〈技術性 SEO〉，corners.com.tw，本站自有內容。