WordPress 選單怎麼規劃?從資訊架構開始設計
Posted in :
選單設定頁只有幾個欄位,把頁面拖進去就完成了,所以多數人花在上面的時間不到十分鐘。但訪客進站後第一個看的就是選單,找不到想要的資訊就離開,跟網站做得好不好看沒什麼關係。選單真正的難題不在操作,而在決定放什麼、怎麼分類、用什麼字。這篇把選單當成資訊架構問題處理,談層級深度、命名方式、行動版取捨,以及選單和內鏈、麵包屑之間該怎麼分工。
先把內容盤點出來,再決定選單長怎樣
常見的做法是照著公司組織或既有頁面清單排選單,結果選單反映的是內部分工,不是訪客的找法。比較可靠的順序是先把所有頁面列成一張清單,標註每一頁想達成的目的,再依照訪客的任務去分組,例如想了解服務、想看實績、想確認能不能配合、想聯絡。
分完組會發現有些頁面同時屬於兩組,這時要選一個主要位置放進選單,其他路徑用內文連結補上。選單的價值在於明確,而不是把每一頁都塞進去。真正該問的是:一個第一次來的人,需要哪幾個入口就能開始理解你在做什麼。
主選單放幾層,第二層以下要怎麼收
一般網站主選單控制在一層下拉即可,也就是最多兩層。開到第三層通常代表分類邏輯出了問題,或是把應該放在內頁的清單硬塞進選單。層級越深,滑鼠移動時越容易誤觸關閉,行動裝置上更難操作。
若內容量真的很大,比較好的做法是讓第二層只放分類入口,實際的細項改由分類頁面呈現。分類頁可以放說明、篩選與排序,能承載的資訊遠比下拉選單多。選單負責帶路,落地頁負責展開,不要讓選單同時扮演兩個角色。
命名要用訪客會講的話
選單文字是整個網站最短、也最貴的文案,每一個字都在決定訪客要不要點。
- 避免內部用語:部門名稱、專案代號、自創的服務名稱,對外部訪客沒有意義,改用對方會用來描述需求的說法。
- 避免過度抽象:像是「解決方案」「加值服務」這類詞看起來大器,卻沒有告訴訪客裡面有什麼,點進去才發現不是要找的東西。
- 長度要一致:同一層的項目字數盡量接近,過長的項目會擠壓版面,在行動版上尤其明顯。
- 與頁面標題呼應:選單寫的名稱要和點進去之後看到的標題一致,落差會讓人懷疑自己點錯了。
- 保留一個明確的行動入口:聯絡、諮詢或報價這類項目應該獨立且顯眼,不要藏在下拉的最底層。
命名沒把握時,可以找幾位不熟悉公司的人測試:只看選單,請他們說出你們提供什麼服務、遇到某個需求會點哪一項。他們遲疑的地方,就是要改的地方。
行動版選單藏起來的東西要挑過
手機上的選單通常收在一個按鈕裡,等於所有項目在展開前都是隱形的。這代表兩件事:第一,重要的行動入口不該只存在選單裡,聯絡方式或詢問按鈕最好在畫面上固定看得到;第二,展開後的清單要能一眼掃完,項目太多就會變成滾動很久的長列表。
另外要注意觸控區域與層級展開方式。父項目本身若也是可點的連結,在手機上很容易發生想展開子選單卻直接跳頁的狀況,設定時要決定父項目到底是入口還是純分類,並且讓展開的箭頭有足夠的點擊範圍。
選單、內鏈與麵包屑各自的分工
選單處理的是全站層級的主要路徑,內文連結處理的是同一個主題往下延伸的關聯,麵包屑則告訴訪客現在站在結構的哪個位置。三者不該互相取代:選單塞太多會失焦,內鏈少了會讓深層頁面變孤島,沒有麵包屑則會讓從搜尋結果直接落地的訪客失去方向感。
實務上可以這樣分:選單只放主要分類與行動入口;每篇內容的文中,順著讀者接下來會想知道的問題安排幾個內文連結;分類與文章頁一律開啟麵包屑,並讓層級與選單的分類一致。當這三層對得上,訪客與搜尋引擎理解網站結構的方式才會一致。
常見問題
選單項目最多可以放幾個才不會太多?
沒有絕對數字,但可以用一個檢查方式判斷:把選單遮住,請同事憑印象說出上面有哪些項目,說得出來的通常就是有效的範圍。超過這個範圍的項目多半是被忽略的。若真的必須列出很多內容,改成分類入口加上落地頁的清單,會比把項目全部攤在選單上有用。
頁尾選單需要跟主選單一樣嗎?
不需要完全一樣,兩者的任務不同。主選單服務的是剛進站、還在找方向的人;頁尾服務的是已經看完內容、想找補充資訊的人,所以頁尾比較適合放隱私政策、服務條款、公司資訊、聯絡方式與次要頁面。重複放幾個主要入口沒問題,但不必整組複製。
改了選單結構會影響搜尋排名嗎?
只調整選單的顯示文字與排列,網址沒動的話,影響通常有限。真正要小心的是連帶改了網址或刪除頁面,這會讓既有連結失效。若一定要調整網址,記得建立新舊對應表並設定轉址,改完後檢查站內是否還有指向舊網址的連結,避免累積無效連結。
可以在選單上直接放外部連結或社群帳號嗎?
可以,但要考慮它會不會把人帶離網站。社群連結多半更適合放在頁尾或聯絡頁;若業務上真的需要導向外部平台,例如線上預約或報名表單,就放在選單裡並讓文字清楚說明會前往別的地方,減少訪客的意外感。
同一個頁面出現在兩個分類底下,會不會有問題?
只要網址只有一組、不是複製出兩份內容,重複出現在不同分類是可以接受的。問題出在複製頁面:同樣內容存在兩個網址,會讓搜尋引擎不知道該收錄哪一個,也讓後續更新容易漏改。正確做法是保留單一頁面,從不同分類或內文連過去。
本文由京采數位科技整理。我們自 2005 年起提供官網設計、系統開發與 Google SEO 服務,實際案例可見成果與案例。
想直接討論你自己的網站狀況,或需要一份初步的搜尋機會評估?
加入京采 LINE 好友相關主題
下一步
如果你正在評估「wordpress 選單」相關的規劃,可以參考我們的網頁設計與系統開發服務,或直接與我們聯繫,我們會依你的產業與現況給出務實的建議。