「我們官網內容那麼多,可是客戶常常打電話進來問的問題其實官網就有。」這是我跟一位做工業零組件的老闆聊天時聽到的抱怨。他花了幾十萬把產品規格、應用案例、技術文件全部放上官網,結果客戶還是打電話問同樣的事。
我點進他官網看,幾百個型號分散在三層選單裡,沒有搜尋框。我跟他說,問題不是內容不夠,是訪客「找不到」。對中小企業來說,站內搜尋(Site Search)大概是被低估最嚴重的官網功能之一——大家都覺得「網站很小不需要」「裝了也沒人用」,但真實狀況是,會用搜尋框的訪客,平均轉換率往往是不用的兩到三倍。原因很單純:他們已經帶著「想找的東西」進來。
這篇文章來把站內搜尋這件事講清楚:你的官網到底要不要做、放在哪、要長什麼樣、要怎麼追蹤分析。看完之後,你應該能判斷自己這個案子值不值得做,以及做的話該注意什麼。
Photo by Team Nocoloco on Unsplash
一、你的官網到底需不需要站內搜尋?
先講結論:不是每個官網都該裝搜尋框。下面這三個情境,裝了反而是負擔。
第一種,官網總頁數少於 20 頁。單純的形象官網、服務介紹頁、聯絡資訊頁加起來十來頁,訪客掃一眼導航選單就找到了。這時候放搜尋框,搜出來的結果頁面常常還沒有導航選單清楚,而且大家根本不會用。
第二種,內容更新頻率極低。如果你的官網一年只更動兩三次,內容固定、結構簡單,搜尋功能就是裝飾品。把資源放在把導航選單、首頁排版做好還比較實際。
第三種,產品型號高度標準化且導航做得好。例如只有 10 個產品、每個都有獨立分類頁,那直接看分類比搜尋還快。
反過來說,下面這些情境,搜尋框幾乎是必要的:
產品線超過 50 個型號、有技術文件或下載資料庫、有部落格累積超過 30 篇文章、做電商有商品搜尋需求、客戶常問「你們有沒有 XX」這類具體型號或關鍵字的問題。判斷標準很簡單:當你自己進去找東西都要點兩三層才找到的時候,訪客早就走了。
二、搜尋框放在哪?版面位置比你想的更重要
很多人以為搜尋框放在右上角就對了——確實,這是訪客最習慣去找的位置,研究數據也支持這個慣例。但更關鍵的是「呈現方式」。
方案一:常駐顯示的搜尋框。直接把輸入框畫出來,旁邊有放大鏡圖示和「搜尋」按鈕。優點是訪客一眼就知道「這裡可以搜」,使用門檻最低。適合產品多、內容深的官網。缺點是會佔掉頁首版位,需要在排版上做取捨。
方案二:放大鏡圖示,點擊展開。平常只顯示一個放大鏡 icon,點下去才彈出輸入框。優點是版面乾淨,符合許多現代設計風格。缺點是隱性的——不少訪客(尤其是中高齡客戶)根本不知道那個圖示能點,使用率明顯比方案一低。
我們的實務建議是:如果你的客群偏中高齡、或產品線複雜,請用方案一直接顯示輸入框。若你的目標客群是熟悉網路操作的年輕族群,方案二可以接受。但不論哪一種,手機版一定要把搜尋框放在容易點到的地方——很多官網手機版把搜尋藏在漢堡選單裡,等於宣告「我們不希望你用搜尋」。
Photo by Luke Southern on Unsplash
三、搜尋體驗的五個關鍵細節
裝了搜尋框只是第一步,使用體驗做不好等於白做。下面這五個細節,請逐項對照檢查。
細節一:即時建議(Autocomplete)。當訪客打字時,輸入框下方就跳出相關建議。這件事不是炫技,是真的能降低跳出率——有些訪客根本不確定要搜什麼字,看到建議就會直接點。WordPress 上有現成外掛,PHP/Node.js 環境用 Algolia 或 Meilisearch 也能快速整合。
細節二:錯字容忍。客戶打「料理機」可能要找的是「攪拌機」、打「水龍頭」可能拼成「水隆頭」。如果搜尋引擎沒有模糊比對能力,這些查詢全部會回「找不到結果」,訪客直接離開。中文錯字容忍比英文難做,但至少要支援「找不到結果時推薦相關詞」。
細節三:搜尋結果頁不要只是一條條連結。好的結果頁應該有縮圖、簡短描述、所屬分類(產品/部落格/案例)、可選的篩選器。讓訪客掃一眼就能判斷哪個是他要的,而不是再逐一點進去看。
細節四:「找不到結果」也要好好設計。這是最常被忽略的一頁。空蕩蕩的「沒有結果」會讓訪客直接關掉視窗。應該至少做到:推薦熱門搜尋詞、列出最新文章或主打產品、放一個「聯絡我們」的入口。這個頁面我們前面寫 404 頁面那篇有提過邏輯——把死路變成新的入口。
細節五:搜尋速度。輸入完按 Enter 後,結果要在一秒內出現。WordPress 預設的搜尋功能其實很慢,當資料量大時,常常要等三到五秒。這時候請務必導入專業的搜尋引擎服務或建立索引機制,否則前面四項做得再好都沒用。
四、搜尋功能要怎麼追蹤?這才是真正的金礦
大部分老闆裝了搜尋框就放著,從來沒看過訪客到底搜了什麼。這是極度浪費——搜尋紀錄是你能拿到最直接的「客戶心聲資料」。訪客不會打電話告訴你他想要什麼,但他會在搜尋框裡誠實地打出來。
請務必把站內搜尋串到 Google Analytics 4。GA4 內建支援站內搜尋追蹤,只要在 GA4 後台「資料串流 → 增強型評估 → 站內搜尋」打開,再設定查詢參數(通常是 `s` 或 `q`),就能在「事件」報表看到所有 `view_search_results` 事件,包括搜尋詞、結果頁停留時間、後續轉換動作。
看這份報表你會發現一些黃金訊息:
第一,訪客在搜尋你「沒有提供」的東西。例如賣家具的官網,搜尋紀錄裡常常出現「客製化尺寸」「分期付款」「免費丈量」這些關鍵字。如果這些服務你其實有提供,只是沒寫在官網上,那就是漏單。如果你沒提供但需求高,那就是新生意的線索。
第二,「搜尋後立刻離開」的關鍵字。代表結果頁沒幫到訪客,可能是搜尋演算法太爛、或內容真的不存在。前者去優化搜尋引擎,後者去補內容。
第三,熱門搜尋詞應該變成導航選單或首頁的快捷入口。既然這麼多人在搜,代表這是高頻需求,直接把它變成「客戶不用搜就看得到」的版位。
Photo by Luke Chesser on Unsplash
五、技術選型:WordPress、客製化、SaaS 該選哪個?
講完設計面,談一下技術。中小企業常見三條路:
路線一:用 WordPress 內建或免費外掛。SearchWP、Relevanssi、Ivory Search 都是熱門選擇。優點是免費或便宜(一年幾千塊到一萬塊內),安裝簡單,適合內容量在數百頁以內的官網。缺點是大資料量時速度會掉,中文斷詞效果普通。
路線二:整合 SaaS 搜尋服務。Algolia 是全球公認最好用的之一,免費方案每月 10,000 次搜尋夠多數中小企業用,超過再升級。Meilisearch 是開源版本,自架就免費。優點是速度極快(毫秒級回應)、中文支援好、自帶 autocomplete、有後台介面可以調整搜尋權重。缺點是需要工程師串接,初期建置成本較高。
路線三:完全客製化。用 PostgreSQL 的全文檢索功能或 Elasticsearch 自建。優點是想怎麼設計搜尋邏輯都可以、資料完全自己掌握。缺點是維護成本最高,不建議內容少於 1,000 篇的官網走這條路。
我們協助客戶的標準建議是:500 頁以下用 WordPress 外掛、500 頁以上用 Algolia 或 Meilisearch、有特殊欄位邏輯(例如要按尺寸、規格、價格篩選)的電商或產品庫再走客製化。
結語:搜尋是「導航的補位」,不是「導航的替代」
最後想提醒一件事:站內搜尋是給「知道自己要什麼」的訪客用的,不是給「還在逛」的訪客用的。所以它永遠是輔助,不是替代品。導航選單、首頁主打版位、產品分類頁這些「正路」還是要好好做,搜尋是給那些走偏了或已經有目標的人一條捷徑。
如果你的官網內容量真的足以裝搜尋(產品 50 個以上、文章 30 篇以上),那就值得花一筆預算把它做好——不是隨便裝一個搜尋框就算,而是要把擺位、即時建議、結果頁設計、追蹤分析全部一起做。這筆投資的回報,往往會直接反映在「詢問件數變多」和「客戶說『我有先在你們官網看過』」這兩件事上。
下一步行動建議:先打開你的官網,假裝自己是客戶,搜尋三個你最常被問的問題。看看出來的結果是不是讓人想點?如果不是,那就是該動工的時候了。


