
站內搜尋設計要先決定訪客能搜尋哪些內容,再決定搜尋框放在哪裡、哪些結果排在前面,以及找不到資料時要顯示什麼訊息。完成後,用訪客常問的問題試搜,確認手機和電腦都能順利找到資料。如果官網頁面不多,透過選單就能找到內容,可以先不做搜尋功能。
訪客在搜尋框輸入「維修」,期待看到的可能是服務範圍、故障排除或預約方式。若搜尋結果只列出幾篇提過維修的舊消息,訪客仍然找不到需要的資訊。因此,規劃時要先了解訪客會輸入什麼,再確認網站有哪些資料能回答他的問題。
LANZE GUIDES / 網站規劃
搜尋不到資料,是網站沒有相關內容,還是搜尋功能出了問題?這篇說明兩種情況該如何提示訪客,也教你測試搜尋結果是否正確、手機能否順利操作,以及文章修改後能否查到新內容。

站內搜尋設計要先決定訪客能搜尋哪些內容,再決定搜尋框放在哪裡、哪些結果排在前面,以及找不到資料時要顯示什麼訊息。完成後,用訪客常問的問題試搜,確認手機和電腦都能順利找到資料。如果官網頁面不多,透過選單就能找到內容,可以先不做搜尋功能。
訪客在搜尋框輸入「維修」,期待看到的可能是服務範圍、故障排除或預約方式。若搜尋結果只列出幾篇提過維修的舊消息,訪客仍然找不到需要的資訊。因此,規劃時要先了解訪客會輸入什麼,再確認網站有哪些資料能回答他的問題。
如果訪客經常要找特定文章、產品或文件,可以考慮加入搜尋功能。若網站只有幾個服務頁,先把選單名稱與分類整理清楚,通常就能改善查找體驗。是否需要搜尋,應看訪客遇到什麼困難,而不是只看網站有幾頁。
可以先請客服或業務列出最近常被問到的資料,再確認訪客目前要經過哪些頁面,才能找到這些資料。有人只記得文章的一個詞,有人只知道設備型號,也有人用日常用語描述問題;了解訪客怎麼找資料,才能判斷搜尋功能需要支援哪些用法。
知道要找什麼的人,可以直接輸入詞彙;還不熟悉服務的人,則可以先瀏覽服務分類,了解網站提供哪些內容。如果服務名稱讓人看不懂,新增搜尋框也無法代替內容整理。若訪客連該輸入什麼都不知道,仍要回頭整理網站選單的分類與命名。
也要考慮後續維護。新增文章後,訪客能否搜尋到?刪掉文件後多久會從結果消失?誰負責處理找不到資料的問題?如果沒有人處理這些更新,搜尋結果可能仍顯示舊資料,或漏掉新內容。
開始規劃站內搜尋設計時,先列出要搜尋哪些內容、排除哪些資料,以及訪客常用的詞。搜尋框若寫「搜尋文章」,結果就應以文章為範圍;若寫「搜尋全站」,就要確認服務、文章和其他公開內容是否真的包含在內。
例如,網站使用「定期保養」,客戶卻常問「維護」。可以先確認這兩個詞在自家服務中是否表示相同需求,再請開發人員確認:訪客輸入「維護」時,是否也能找到「定期保養」的相關內容。不要把所有看似相關的字都當成同義詞;「保養」和「故障維修」若是不同服務,就應保留差異。
整理一份簡單表格即可:訪客輸入的詞、想找的資料、應出現的頁面,以及不應優先出現的內容。還沒有搜尋紀錄時,可以先整理客服常被問到的問題,用這些問題測試搜尋功能。團隊自行設想的搜尋詞,則要另外標示,之後再確認訪客是否真的會使用。
中文詞彙還可能有簡稱、全名、不同寫法或中英文混用。搜尋系統不一定能辨認這些不同寫法。網站上線前,應分別輸入全名、簡稱和常見用詞,確認能否找到同一份資料。
未登入的訪客只能搜尋公開內容。測試時除了查看結果標題,也要檢查摘要、檔案名稱,以及輸入時出現的搜尋建議,確認沒有露出草稿或內部資料。需要登入才能閱讀的文件,也必須在開啟文件時檢查權限;單純把它從搜尋結果移除,並不能防止他人直接透過連結開啟。
有些搜尋系統會另外保存網站資料,供訪客查找,這份資料稱為「搜尋索引」。如果網站採用這種做法,就要確認文章新增、修改或下架後,搜尋系統也會同步更新。這裡談的是網站自己的搜尋功能,不是網站是否出現在外部搜尋引擎中。
訪客應該一眼看懂搜尋框可以查什麼,以及按哪個按鈕開始搜尋。顯示結果後,搜尋框也要保留剛才輸入的文字,讓訪客能直接修改,不必重新輸入。
例如,在搜尋框上方固定顯示「搜尋知識文章」,旁邊的按鈕寫「搜尋」。框內則可以放「例如:網站設計」作為輸入範例。訪客開始打字後,框內提示會消失,因此「搜尋知識文章」這個標籤仍要保留,讓人隨時知道這個欄位能查什麼。製作網頁時,也要將標籤與輸入框正確連結,讓螢幕閱讀器能讀出欄位名稱。
若要點擊放大鏡圖示才會展開搜尋框,請確認展開後就能直接打字,並且容易關閉。也要用鍵盤測試,確定不用滑鼠也能開啟、輸入和關閉搜尋框。操作步驟應盡量簡單,避免訪客點了圖示後,還得四處尋找輸入位置。
中文輸入法會先組字、選字,再完成輸入。測試時要確認選字所按的 Enter 不會提早送出搜尋;選字完成後,再確認點擊「搜尋」或按下 Enter 都能正常開始搜尋。只用英文測試詞,可能看不到這個問題。
手機鍵盤出現時,訪客仍應看得到輸入的文字,並能使用清除與搜尋按鈕。搜尋框要留有足夠寬度,也不能被固定在畫面上的選單遮住。如果打字時會自動列出搜尋建議,還要測試能否選取建議,以及不採用建議時能否關閉清單。
每筆搜尋結果應有清楚的標題,標示它是文章、服務介紹還是文件,並用一小段文字說明內容。排列順序也要符合訪客的目的:找產品說明書時,應先看到符合型號的版本;找最新公告時,則可以優先顯示近期發布的內容。
以輸入「保養」為例,服務介紹、保養教學與活動消息可能都含有這個詞。若這個網站的訪客主要是來詢問保養服務,規劃時可以要求相關服務頁優先出現。完成後,再輸入「保養」檢查實際順序,確認服務介紹沒有被不相關的舊消息排到後面。
| 訪客想做什麼 | 結果應說明什麼 | 優先檢查 |
|---|---|---|
| 找特定文件或型號 | 完整名稱、版本與適用對象 | 精確名稱能否找到正確資料 |
| 了解一項服務 | 服務範圍與主要用途 | 相關服務介紹是否被無關的舊消息排到後面 |
| 閱讀主題教學 | 文章回答的問題與內容範圍 | 摘要是否指出與查詢相關的答案 |
| 查看近期公告 | 公告日期與目前狀態 | 過期資訊是否清楚標示 |
如果每筆摘要都寫「提供專業服務,滿足您的需求」,訪客仍然不知道差別。摘要可以簡短說明這篇文章在回答什麼問題,也可以顯示與搜尋詞相關的一段內文。檢查時要確認句子完整、沒有混入程式碼,而且不會顯示未公開的資料。
結果很多時,再考慮依內容類型或主題篩選。畫面要顯示目前選用的條件,並提供取消選項。內容不多時,不必一開始就要求訪客勾選多個條件,以免篩選後反而找不到資料。
訪客點開文章後,按「上一頁」回到搜尋結果時,剛才輸入的文字、選過的篩選條件,以及翻到第幾頁,應盡量保留。否則訪客每比較一筆資料,就得從頭搜尋。這項行為需要實際往返測試,不能只看靜態設計稿。
搜尋功能正常,卻找不到符合的資料時,可以請訪客換個詞再找。如果是功能出錯,就應提示稍後重試。訪客還沒輸入文字就按下搜尋時,則提醒他先填寫。這三種情況的原因不同,不能都用「查無資料」帶過。
可以寫「找不到符合『保養方案』的文章」,保留原查詢詞,再提供「改用較短的詞」或「清除篩選」等建議。若另外提供相關主題,應和搜尋結果分開標示,避免讓訪客以為推薦內容符合原查詢。
網路或搜尋服務發生問題時,可以寫「搜尋暫時無法完成,請稍後再試」,並保留訪客輸入的文字。系統應留下錯誤紀錄,方便開發人員查找原因;訪客看到的則是清楚的重試提示。如果只是顯示「查無資料」,訪客可能誤以為網站沒有他要找的內容。
訪客沒有輸入文字就按下搜尋時,可以提示「請輸入要找的內容」。如果網站原本就設計成空白搜尋會列出全部內容,也要清楚標示目前顯示的是所有資料。搜尋頁能正常開啟,只是沒有找到資料,和點進不存在的網頁不同;相關差異可參考404 錯誤頁與搜尋無結果的處理方式。
有些網站會直接在目前頁面更新搜尋結果,不會重新開啟頁面。這時,除了畫面上的提示,也要讓螢幕閱讀器能播報「搜尋中」「找到幾筆資料」或「沒有符合的結果」,讓使用者知道搜尋進度。

搜尋功能做好後,可以照下面四個步驟測試。先由內容負責人列出常用的搜尋詞,以及每個詞應找到的文章或文件;開發人員再用這份清單檢查結果、操作方式和資料更新是否正常。
準備幾種常見的搜尋詞:文章或產品的完整名稱、常用簡稱,以及「保養」這類範圍較廣的詞。另準備一個網站確實沒有相關資料的詞,用來測試「查無資料」的提示。每個詞都記下預期會找到什麼;若某個頁面必須排在前面,也要說明原因。
先檢查搜尋結果的標題、排序與摘要,再逐筆點開連結。即使標題正確,連到舊版文件仍然需要修正。如果結果分成好幾頁,也要翻到下一頁,確認沒有重複列出同一批內容。使用篩選功能後,則要核對顯示的筆數是否與實際結果一致。
先用手機完成一次搜尋:輸入中文、修改或清除文字、按下搜尋、點開結果,再返回結果頁。接著在電腦上只用鍵盤操作,確認目前選到的欄位或按鈕有清楚標示,而且能用 Enter 操作。有搜尋建議時,還要測試方向鍵能否選取、能否取消。最後使用螢幕閱讀器,確認搜尋進度與結果提示能被讀出。
請製作人員在測試用網站新增一篇文章,確認搜尋得到。接著修改文章標題,再搜尋一次,檢查結果是否顯示新標題。最後將文章下架,確認它會在約定的更新時間內從結果消失。這些測試可以看出搜尋資料是否持續更新,應使用測試文章進行,以免影響正式內容。
每次記錄查詢詞、預期結果、實際結果、裝置與測試時間。修正後,用同一個搜尋詞再測一次,確認問題是否解決。若正在規劃新站,可把這份表加入網站建置前的功能與驗收需求,避免只在需求書上寫「要有搜尋」。

查看搜尋紀錄,可以發現訪客想找哪些資料,以及他們使用的詞是否與網站不同。某個詞一直沒有結果,可能是網站缺少資料,也可能是資料存在卻沒有被納入搜尋;兩者處理方式不同。
可以定期整理常見查詢、沒有結果的查詢,以及使用者接著改成什麼詞。搜尋紀錄可能包含訪客輸入的姓名、電話或訂單資料,整理報表時應排除這些個人資訊。網站剛上線、紀錄還不多時,可以先用客服常被問到的問題測試。
如果網站明明有這份資料卻搜不到,先確認頁面已公開,再檢查搜尋功能是否有查找它的標題或內文。如果系統保留的仍是舊資料,就要修正更新方式。若只是訪客使用的詞與網站名稱不同,可以設定對應詞,讓兩種說法都找得到。若根本沒有答案,就由內容負責人判斷是否需要補寫,不要為每個搜尋詞另建一篇相近文章。
判斷搜尋是否好用,不能只看結果被點了多少次。訪客點開好幾筆結果,可能仍然沒找到答案;搜尋沒有結果,也可能只是網站本來就沒有提供那項服務。因此,還是要回到實際搜尋詞,確認網站有沒有相關資料,以及訪客能否找到。
不一定。如果網站頁面不多,訪客透過選單就能找到服務與聯絡資訊,可以先不加搜尋框。當訪客經常要查找特定文章、型號或文件,才需要進一步評估搜尋功能是否能節省查找時間。
不適合。入口名稱應符合實際範圍,否則訪客會以為服務頁或下載文件也能找到。可以改成「搜尋文章」,或先完成其他公開內容的搜尋整合,再使用全站搜尋的名稱。
不一定。找近期公告時,新內容可以排在前面;找產品說明書時,則應先顯示符合型號的文件。可以用訪客常用的搜尋詞測試,看看最相關的文章或服務頁,是否被較新卻無關的消息排到後面。
可以先挑出訪客最常找的幾份資料,列成一張清單:訪客可能輸入什麼詞、應該看到哪個頁面,以及找不到時要顯示什麼提示。交給網站製作人員後,請他依清單逐項測試,並實際示範手機搜尋、不用滑鼠的操作方式,以及修改文章後的搜尋結果。
發布:嵐澤 LANZE / 發布日期
LANZE GUIDE