官網『站內搜尋』(Site Search) 設計完整攻略：中小企業如何把訪客打進搜尋框的每一個字，變成訂單與市場情報

會下訂單的訪客，通常都用過站內搜尋

官網上線一年、SEO 也做了、商品照片也拍得很漂亮，可是老闆盯 GA 卻發現一件事：那些會下訂單的訪客，幾乎都在網站裡打過字。他們用「站內搜尋」找過某個關鍵字、某個型號、某個問題答案。反過來看，那些點進來滑一滑就走的人，多半是打開頁面、看不到自己要的東西、又沒地方問，於是關掉分頁。

對中小企業官網來說，站內搜尋（Site Search）是一個常被低估、卻極其關鍵的元件。它不是「大網站才需要」的功能，而是把訪客的疑問轉成訂單機會的第一線客服。這篇文章想跟老闆聊，一個好的官網站內搜尋應該長什麼樣、常見會踩什麼坑、要怎麼做才能真的幫到訪客也幫到自己。

Photo by Agence Olloweb on Unsplash

一、為什麼中小企業官網需要「認真做」站內搜尋

很多老闆會覺得：我網站產品才幾十項，導覽選單就可以逛完，還需要搜尋框嗎？這個想法看起來合理，但忽略了兩件事：

第一，訪客的腦袋不是照分類走的。你把商品分成「廚房家電／清潔家電／個人護理」，但訪客腦袋裡想的是「小的、可以放在租屋處、聲音不要太大的除濕機」。他不會一層層點分類，他會直接在搜尋框打「小 除濕機 安靜」。你的分類再漂亮，也接不到這種需求。

第二，會使用站內搜尋的訪客，購買意圖遠高於一般訪客。能打出關鍵字，代表他心裡已經有一個具體的東西要找、不是隨便逛逛。這種訪客的轉換率通常是一般訪客的 2 到 4 倍。做好搜尋，等於是把最有可能成交的那一群人服務好。

第三，搜尋紀錄是全網站最誠實的市場調查。訪客打進搜尋框的字，就是他們最直接的需求。哪個關鍵字被打最多次？哪些關鍵字打了卻沒有結果？這些資料比任何問卷都準，而且免費。

二、常見會踩到的三個坑

做搜尋看起來簡單，實際上多數官網的搜尋做得很糟。最常見的三個問題：

坑一：搜尋框藏得像機密文件

不少網站把搜尋放在右上角一個小小的放大鏡圖示，還要點一下才會展開輸入框。手機版更慘，得先點漢堡選單、再拉到底部才看到。這種設計等於在告訴訪客「別搜尋、去看導覽選單就好」。

建議做法：桌機版搜尋框直接放在 Header，帶明顯輸入框（不是只有圖示）、放上 placeholder 文字（例如「試試：無線吸塵器、除濕機」）；手機版則放在漢堡選單一打開就看到的位置，或直接常駐在導覽列。

坑二：找不到就給你「查無結果」四個字

訪客搜「小家電」，結果你的資料庫裡商品名稱寫的是「家用電器」，於是頁面吐出「查無結果」——這是最傷客戶的體驗。訪客不會覺得是自己打錯關鍵字，他只會覺得你們沒賣。

建議做法：建立同義詞表（例如「筆電＝筆記型電腦＝laptop」）、支援模糊比對與錯字容忍；如果真的沒有結果，也別只給四個字，改成「找不到『小家電』的商品，你可能想找：熱門商品 A、熱門商品 B」，把訪客導到熱銷或近似品項。

坑三：搜出來的結果排序完全看資料庫心情

訪客搜「筆電」，第一個跳出來的是「筆電清潔布」——因為那個商品名稱剛好也有「筆電」兩個字。這種排序毫無商業邏輯，訪客看到第一筆就知道你的搜尋是壞的。

建議做法：結果排序要考慮商業因素——主打商品優先、庫存量多的優先、熱門度高的優先、標題完全命中的優先於描述命中的。搜尋結果不是資料庫查詢，是行銷版位。

Photo by Atlantic Money on Unsplash

三、一個好用站內搜尋應該具備的六個功能

以下六項不是「有的話很酷」，是「沒做等於白做」的基本盤：

1. 即時建議（Autocomplete）。訪客打第二個字，就把可能的關鍵字、熱門商品往下拉，減少他打字的力氣。這個功能對手機使用者尤其重要——手機打字慢，能幫他省一個字都是幫助。

2. 熱門搜尋 / 最近搜尋。訪客一點開搜尋框、還沒打任何字，就先看到「大家都在搜」和「你上次搜過」的清單。這一步能引導首次訪客看熱門商品，也能幫回訪客快速回到上次看的東西。

3. 錯字容忍與同義詞處理。「iphon」也要能找到 iPhone，「衛生紙」也要能找到「面紙」。這需要一份會持續維護的同義詞表。

4. 過濾與排序。搜「除濕機」出來 40 項，訪客要能用價格、容量、品牌繼續縮小範圍。這是把搜尋變成「探索」的關鍵。

5. 空結果頁的救援機制。如上一段所說，永遠不要讓訪客走進死胡同。空結果頁一定要有替代品、熱銷或聯絡窗口。

6. 搜尋分析後台。老闆和行銷同事要能看到：這個月有哪些關鍵字被搜了、其中有哪些是零結果、哪些搜尋後沒點任何一筆結果就走了。這三份報表決定接下來要補什麼商品、補什麼內容、修哪個同義詞。

四、實作路徑：三種主流做法，各適合誰

做站內搜尋不一定要自己寫，市面上有很多成熟方案。中小企業常見的三條路線：

路線一：用 CMS 內建搜尋（免費、堪用）。WordPress、Shopify 之類的平台本身都有搜尋功能，配合幾個免費外掛（例如 SearchWP、Relevanssi），可以把上面提到的錯字容忍、同義詞、排序做起來。適合商品數少於 500 項、預算緊、想先看效果再決定要不要進化的企業。

路線二：導入專門搜尋服務（月費制、體驗好）。像 Algolia、Meilisearch、Typesense 這類搜尋引擎服務，速度快、體驗好、建議清單流暢、後台分析完整。缺點是要串 API、要有工程資源，月費從幾百到幾千台幣不等。適合商品數多、對速度和體驗有要求的品牌型官網。

路線三：客製化搜尋（自建、可長遠）。用 Elasticsearch、OpenSearch 或近年很紅的向量搜尋（把商品和關鍵字都轉成向量比對語意），可以做到「訪客打『幫我找一台安靜的除濕機』也能懂」。適合資料量大、有工程團隊、想把搜尋做成競爭優勢的公司。

大部分中小企業第一年建議走路線一或路線二，把資料先跑起來、把使用者行為看清楚，第二年再決定要不要往路線三走。

Photo by Jackson Sophat on Unsplash

五、GA 要看哪三個數字，才知道搜尋有沒有幫上忙

做完站內搜尋不能只憑感覺，要用數據驗證。GA4 內建站內搜尋事件（view_search_results），開啟後定期追蹤這三個數字：

1. 搜尋使用率（Search Usage Rate）：有多少比例的訪客用了搜尋？一般網站 5～10% 算正常，電商網站 15～30% 屬健康。太低代表搜尋框沒被看見、或訪客覺得沒必要用；太高則可能代表你的分類導覽不夠好、逼訪客自己去搜。

2. 搜尋後轉換率（Search-driven Conversion Rate）：搜尋後的訪客最終有多少下單、留單、加購？這個數字通常會明顯高於整站平均。如果沒有，代表搜尋結果不夠準、或結果頁的商品資訊做得不夠好。

3. 零結果率（Zero Result Rate）：有多少次搜尋跑出「找不到」？這個數字最好壓在 5% 以下。若超過 10%，代表同義詞表、商品命名、或錯字容忍還有很大改善空間，而且這些關鍵字很可能就是你「缺的商品線索」。

結語：搜尋框是官網最誠實的一支麥克風

老闆做官網常會花大錢在首頁 Hero、廣告視覺、影片素材，但真正影響業績的常常是那些看起來很小的元件。站內搜尋就是其中之一：它不佔版面、不搶注意，可是每一次訪客打字進去，都是他在「開口跟你說他想要什麼」。

今天就可以動的三件事：第一，登入你的 GA 看一下站內搜尋有沒有開，還沒開就先開起來；第二，自己拿手機從外面 3G 網路連進官網搜幾個常見商品，看流程順不順、有沒有錯字容忍、結果排序合不合理；第三，列出你這個月不希望訪客搜「查無結果」的關鍵字（例如產品縮寫、俗稱、競品名），把同義詞表建起來。

做好這一支「訪客的麥克風」，你會發現行銷企劃不用再猜市場需要什麼——訪客早就打進來告訴你了。