主導航設計
導航是最強的內部連結訊號
主導航像店門口的樓層指南——它同時寫給兩種讀者:客人(找得到路)與爬蟲(這家店什麼最重要)。
03為什麼是現在學
導航是全站每一頁都出現的內部連結——它是你能給任何頁面的最強站內訊號。放什麼進導航,等於宣告什麼最重要。
04白話理解(對客戶簡報可直接引用)
主導航的每一格都是稀缺資源:放進來的頁面全站加持,塞太多則每格都被稀釋。原則:一層主導航 5–7 項、對應主要頁型入口;下拉不超過一層;連結文字用使用者的語言(「網站健檢」不是「解決方案」)。
05工具箱
- ▸導航規格表 — 每格:文字/連結/為什麼在這裡
- ▸GA4 導航點擊數據 — 沒人點的格子該讓位
06怎麼做 · SOP 3 步(每步標產出物)
- 1盤點現有導航每格的點擊率→ 導航成效表
- 2以頁型入口+商業優先序重排(≤7 格)→ 導航規格定稿
- 3確認導航是可爬的 HTML 連結(不是 JS 生成後才出現)→ 可爬性驗證
07場景應用(實戰經驗)
- ◆「解決方案」「關於我們」式導航是 B2B 通病——換成使用者搜尋語言後,導航點擊與 SEO 都會有感。
08⚠️ 常見誤區
- ✕mega menu 塞上百條連結——訊號稀釋,行動版體驗也崩。
- ✕導航靠 JS 渲染且失敗時無 fallback——爬蟲看到的是沒有門的店。
口訣
「導航每一格都在投票;票數有限,投給最重要的。」
10里程碑 · 完成標準(可驗證)
- ☐主導航 ≤7 格且各有理由
- ☐連結為原生 HTML
- ☐文字用使用者語言
學習者勾自己的進度;顧問勾客戶專案的交付——同一份標準,兩種用法。
12檢核方式與依據出處
半自動:程式抓資料或客戶填表,再由系統/顧問判讀。
- 🟢 官方明文Google:讓連結可供檢索 ↗
- ⚠️ 業界慣例⚠️ 5–7 格為資訊設計慣例 ↗
依據等級決定計分權重(🟢×3/🔵×2/⚠️×1)——權重量的是「依據有多硬」, 不是「我們覺得多重要」。查無權威文件的判準,誠實標「業界慣例」。