網站選單怎麼設計？層級、命名與動線規劃
選單是網站的動線，不是目錄
很多人把選單當成「把所有頁面列出來」的目錄，但選單真正的功能是引導——讓不同目的的訪客，用最少的點擊到達自己要的地方。
一個規劃良好的選單，訪客不需要思考就知道該點哪裡。做不到這一點，網站的其他努力都會打折。
主選單的項目數量
建議控制在五到七個。理由不是美觀，是認知負荷——項目太多時，人會傾向不做選擇，直接離開或改用搜尋。
如果現在超過七個，處理方式：
- 合併相近項目——「公司簡介」「經營理念」「大事紀」合成「關於我們」
- 降級為次選單——不是每個頁面都需要出現在主選單
- 移到頁尾——隱私權政策、網站地圖、著作權聲明這類頁面，放頁尾就好
- 檢討是否真的需要——參考網站要規劃哪些單元的三個判斷問題
層級深度：三層是上限
從首頁點擊到任何一個內容頁，最多三次點擊。超過三層會有兩個問題：
- 訪客找不到——每多一層，願意繼續點下去的人就少一截
- 搜尋引擎抓取深度不足——層級越深的頁面，被收錄的優先度越低，更新後重新被抓取的時間也越久
如果內容多到三層裝不下，通常不是層級要加深，而是分類方式要重想。可以考慮改用篩選（依用途、依規格、依價位）取代層層點擊，讓訪客用不同角度切入同一批內容。
項目名稱怎麼取
用訪客的詞，不是公司內部的詞
「解決方案」「整合服務」「產品矩陣」這類詞，公司內部講得很順，訪客看了不知道裡面是什麼。直接寫「工業風管設計」「冷氣安裝維修」反而清楚。
判斷方法：把選單念給一個完全不懂你這行的人聽，問他每一項裡面會有什麼。答不出來的就要改。
字數盡量一致
「關於我們」「產品」「我們提供的專業技術服務項目」——長短差太多，視覺上不整齊，手機版更明顯。盡量控制在二到五個字。
避免只用英文
ABOUT、SERVICE、CONTACT 看起來俐落，但對搜尋引擎而言，中文的選單文字才是有效的關鍵字訊號。建議中文為主，英文作為視覺副標，兩者並存。
手機版的選單
目前多數網站的流量以手機為主，選單規劃必須同時考慮小螢幕：
- 漢堡選單是標準做法，但重要的動作（如聯絡電話、詢價）建議直接常駐在畫面上，不要藏在選單裡
- 下拉式選單在手機上不好操作——沒有滑鼠停留的概念，需要改成點擊展開
- 三層以上在手機幾乎不可用，這也是層級要控制的原因之一
- 選單項目的點擊區域要夠大，手指不像滑鼠那麼精準
容易被忽略的三個動線
麵包屑
顯示「首頁 › 產品 › 空調設備 › 型號」這樣的路徑。作用有二：讓訪客知道自己在哪、以及提供往上一層的捷徑。從搜尋結果直接進入內頁的訪客特別需要它——他們沒有經過首頁，對網站結構毫無概念。
內容之間的橫向連結
看完 A 產品的人，可能對 B 產品也有興趣；看完某篇文章的人，可能想看相關文章。這些連結不在選單裡，但實際上承擔了大量的瀏覽動線，對搜尋引擎理解網站結構也有幫助。
頁尾
頁尾是訪客看完一頁內容後的落點。除了公司資訊，建議放上主要單元的連結與聯絡方式，讓人不必捲回頂端。
規劃階段的檢查方法
選單畫好之後，用三個真實情境走一次：
- 第一次來的訪客——想知道這家公司做什麼、可不可信。他要點幾下才有答案？
- 有明確需求的訪客——已經知道要找什麼產品。他能不能直接找到？
- 要聯絡的訪客——決定要詢價了。電話和表單在任何頁面都找得到嗎？
三個情境都能在三次點擊內完成，這個選單就合格了。走不通的地方，就是要調整的地方。
選單與網址結構的關係
選單的層級通常也會反映在網址上。規劃時建議一併決定，因為網址結構在上線後要改動，成本遠高於一開始想清楚——所有舊網址都需要 301 轉向處理。
相關考量可參考樹狀圖與網站地圖怎麼畫。