商品篩選與排序 UX：讓顧客三秒找到想買的東西

找不到，就等於你沒有那件貨

這是電商最殘酷的現實：你倉庫裡明明有顧客想要的商品，但只要他在你的網站上三秒內找不到，對他來說你就是「沒有賣」。實體店裡，找不到還能問店員；網路上，顧客找不到的反應只有一個，關掉分頁去別家。研究與實務都反覆證明，網站訪客的耐心極短，列表頁要是塞滿不相關的商品、又沒有好用的篩選工具，跳出率會明顯升高，再多的廣告流量灌進來也是白花錢。所以商品篩選與排序不是錦上添花的細節，而是直接決定轉換率的基礎建設。把流量買進來只是第一步，能不能讓顧客快速找到他要的東西，才是訂單成立的關鍵分水嶺

篩選條件：對應真實需求，不是堆屬性

規劃篩選器最常見的錯誤，是把後台所有商品屬性一股腦全變成篩選條件，結果側欄落落長一排，顧客反而更茫然。正確的原則是：只保留顧客「真的會拿來縮小範圍」的條件。判斷方法很簡單，想像顧客買這類商品時，腦中第一個會問的問題是什麼

• 賣鞋：尺寸是剛需，不能少；其次是性別、用途（慢跑、休閒）、價格帶
• 賣服飾：顏色、尺碼、款式是核心；材質、季節為輔
• 賣家電：容量、價格、品牌、能源效率是顧客真正會比的

通常 4 到 6 組篩選條件就足夠，把最常用的放最上面，少用的收進「更多篩選」。每組選項旁顯示符合的商品數量，能幫顧客預判要不要點，體驗會好很多

預設排序：別讓「最新上架」當門面

很多店家的列表預設排序是「最新上架」，這其實是浪費了最寶貴的首屏。新訪客根本不在乎哪件最新，他在乎的是「哪件值得買」。預設排序決定了顧客一進來看到的前幾個商品，而前幾個商品的吸引力幾乎決定他要不要繼續逛下去，因此這是最該優化的設定之一。建議預設用「綜合推薦」或「熱銷排序」，把成交率高、評價好、有庫存的商品擺最前面，等於用最強的選手打頭陣。同時提供「價格由低到高 / 由高到低」「評價最高」「最新上架」等選項讓顧客自由切換，滿足不同需求的人。記得，預設排序不是設定一次就好，要定期依銷售數據調整，讓真正會賣的商品持續站在第一排

空結果頁：流失的高危點，要給出路

顧客一層層篩選下來，最怕的就是看到冷冰冰的一句「查無符合商品」，然後頁面一片空白。這是顧客流失的高危時刻，他好不容易表達了明確需求，你卻給他一個死胡同。好的空結果頁要主動給出路，而不是讓人卡死。具體做法包括：自動顯示放寬條件後的相近商品；明確提示「移除『紅色』這個條件可看到 12 件」，讓顧客知道是哪個條件太嚴；或在下方推薦熱銷與人氣商品，把人重新拉回購買動線。一個設計良好、有引導的空狀態，能把原本準備離開的顧客重新導回購買路徑，這是很多店家完全忽略、卻能立即見效的優化點

手機優先：七成流量都在小螢幕上

台灣電商超過七成的流量來自手機，但很多篩選介面卻是先做桌機、手機只是硬縮小，結果在小螢幕上完全難用。篩選排序的設計必須以手機為優先。常見且有效的做法是：把「篩選」與「排序」做成畫面底部固定的兩顆大按鈕，手指好點、永遠看得到；點擊後彈出全螢幕或半屏面板操作，不要硬擠在側欄。顧客已選的條件要用可一眼看到的標籤呈現，且每個標籤都能一鍵移除。每次調整篩選後，結果與數量要即時更新，不要讓顧客按了一堆條件才發現沒東西。核心原則就兩個：手指好點、結果即時，做到這兩點，手機篩選體驗就贏過大多數同業了

效能：篩選慢半秒，顧客就走了

篩選與排序的反應速度，是體驗的隱形殺手。顧客點了篩選條件，如果要等個兩三秒整頁重新載入，那種卡頓感會直接磨光耐心。理想狀態是篩選結果「即時、無感」地更新，最好不需整頁重新整理就能看到變化。要達成這點，圖片要適度壓縮與延遲載入、商品列表分頁或無限捲動要順暢、後端查詢要有適當索引。一個衡量基準是：從點擊篩選到看到結果，盡量壓在一秒內完成。同時別忽略首次載入速度，列表頁如果首屏要等好幾秒才出現商品，很多人連篩選都還沒用就跳走了。速度本身就是轉換率，這在行動裝置與網路較慢的情境下尤其明顯

篩選與 SEO：別讓參數頁拖垮網站

篩選功能會在背後產生大量帶參數的網址，例如「?color=black&size=L&sort=price」。如果這些網址全被 Google 收錄，會造成兩個問題：一是大量內容幾乎相同的重複頁面，稀釋整站權重；二是浪費 Google 的爬取資源，讓真正重要的頁面被收錄變慢。處理原則是：把這類篩選參數頁用 canonical 標籤指回乾淨的主分類頁，或設定為不索引，避免它們進入搜尋結果。但同時，對於有實際搜尋價值的熱門組合（例如「真皮後背包」「黑色 真皮 後背包」），則可以反過來做成乾淨網址、可被收錄的獨立頁面，主動承接這類長尾關鍵字流量。這樣一來，既照顧了站內顧客的篩選體驗，又不會讓參數頁拖垮 SEO，還能多賺一波自然搜尋流量

常見問題解答