咖啡店首頁先回答三個問題就好：這是哪一家店、我現在能不能去、下一步要去哪裡。店名與所在地區、營業狀態、主要供應或服務，以及菜單、交通或聯絡入口，應先於長篇品牌故事出現。這不是要刪掉故事，而是先讓急著做決定的訪客找到答案。
先做資訊架構（Information Architecture，IA），不要先搬版型
資訊架構是整理、命名與連結內容的方法。首頁規劃的第一步不是挑一張漂亮的版型，而是做內容盤點（Content Inventory）：列出目前公開的營業時間、地址、菜單、服務、交通、聯絡方式與公告，逐項記錄來源、確認者、更新日期及詳細頁面。
這一步能找出三種常見風險：同一資訊在不同頁面互相衝突、版型範例尚未換成正式資料，以及店家已經改動但首頁仍停留在舊版本。沒有可靠來源的欄位應標成待確認，不要用推測補齊。若有多間店，也要先確定每一筆資料屬於哪個地點。
| 內容 | 確認證據 | 更新責任 | 首頁呈現 |
|---|---|---|---|
| 營業時間與公休 | 店家目前核准版本 | 指定確認者與日期 | 摘要＋異動入口 |
| 地址與入口 | 正式地址及現場辨認資訊 | 地點變更時同步 | 地區＋交通入口 |
| 供應與服務 | 目前實際提供項目 | 品項或條件變更時同步 | 分類摘要＋詳細頁 |
| 主要行動 | 訪客任務與可用目的頁 | 每次改版後走查 | 一個優先入口 |
用資訊層級（Information Hierarchy）安排首頁掃讀順序
資訊層級是依重要性與閱讀關係安排內容。對多數需要來店資訊的情境，可以先放辨認與現況，再放主要行動、供應摘要、來店細節與信任內容。這是編輯用的起點，不是所有咖啡店都必須照抄的固定公式；如果店家主要採預約制，預約條件就可能比完整菜單更早出現。
主要行動呼籲（Primary Call to Action, Primary CTA）應對應一個清楚任務，例如「查看今日營業資訊」「查看完整菜單」或「查看交通與入口」。不同目的地不要全部寫成「了解更多」。全球資訊網協會（World Wide Web Consortium，W3C）的連結目的指引要求，連結文字或可判定的脈絡要讓使用者知道連結會做什麼；這也有助於使用鍵盤或輔助科技的人快速判斷是否要前往。
把首頁當成入口，不要把所有內容塞進同一頁
首頁需要提供足以決定下一步的摘要，再把完整內容交給菜單頁、服務頁或交通頁。摘要與詳細頁要使用同一份已確認資料，避免首頁寫一個時間、地圖頁又寫另一個時間。區塊標題也要直接反映內容，例如「今日營業與異動」「主要供應」「交通與入口」，讓讀者能掃描，也讓頁面結構保有清楚的關係。
資訊型圖像需要替代文字（Alternative Text, alt text）。替代文字應傳達圖像在本文中的功能與重點，不必逐字重複圖內每個標籤；圖後仍保留文字說明與檢查步驟，才能在圖像未載入或讀者不看圖時繼續理解。
實作練習：做一次「找路任務」
請找一位沒有參與頁面製作的人，分別從手機與電腦完成下列任務。不要先提示按鈕位置，也不要先訂一個漂亮的合格秒數；先記錄實際路徑、停頓位置與誤點頁面，再決定要改文字、順序或連結。
- 找到今天是否營業，以及資訊最後確認的時間。
- 確認店家所在區域、地址與入口辨認方式。
- 判斷主要提供哪些飲品、餐點或服務。
- 找到完整菜單或服務條件，並能回到首頁。
- 說出首頁最希望訪客完成的下一步。
觀察時分開記錄「找不到答案」「按鈕名稱看不懂」「連結到錯頁」與「資訊彼此衝突」。這四種問題需要不同修正。只要尚未用真實資料、實際裝置與可用目的頁完成走查，就不能宣稱首頁已通過行動版、無障礙或轉換驗證。
公開前再核對八件事
- 店名、地區與分店身分一致，沒有混用資料。
- 營業時間、公休與異動都有目前來源。
- 供應內容與服務條件只採用已確認版本。
- 首頁有一個清楚的主要行動，其餘入口依層級排列。
- 連結文字能預告目的地，目的頁也確實存在。
- 手機與電腦保留相同的重要資訊。
- 原創圖有尺寸、替代文字與文字版解釋。
- 易變資料都有更新責任人與重新檢查方式。
艾若從網站內容、讀者任務與維護責任協助整理頁面方向；實際功能、製作範圍與合作方式仍需依個別需求確認。可先了解艾若的網站設計與經營方向。
延伸學習入口
若整理網站時也發現咖啡課程名稱、能力目標或學習路徑需要重新確認，可查看桑卓台北課程資訊與桑卓高雄課程資訊；實際課程、時間與招生內容以各站當期頁面及正式回覆為準。