咖啡廳菜單網頁怎麼做？先用手機檢查品項、價格與閱讀順序

讓客人不用一直放大與左右拖動

咖啡廳把紙本菜單拍照上傳，很快就能完成一個頁面，但手機上的字可能太小，價格也容易被裁掉。若希望客人在來店前查詢品項，建議先用網頁文字呈現分類、名稱、價格與必要說明，再搭配菜單照片或下載版。照片適合保留視覺風格，文字則方便閱讀、更新與搜尋。

品項較多時，可依義式咖啡、手沖、非咖啡飲品與餐點分類，讓訪客直接跳到需要的區段。每個品項的名稱、說明與價格應保持相同順序。不要只靠淡色字或小符號區分冷熱、尺寸和加價條件；重要差異要有清楚文字。

手機與電腦提供一致的重要資訊

桌機上好看的多欄版面，到了窄螢幕可以改成直向排列，但不應因此省略主要品項或價格。Google 的行動優先索引文件說明，搜尋會以行動版本的內容作為索引與排名的重要依據。因此，手機版需要保留與桌機相等的重要內容，而不是只剩幾張照片。

測試時用自己的手機，從社群連結打開菜單，依序找一杯咖啡、一份餐點與來店規則。再換一支不同尺寸的手機檢查。注意文字是否被切斷、分類按鈕是否好點，以及開啟圖片後能否順利返回。這些步驟比只在電腦縮小視窗更接近實際使用情境。

• 不用放大畫面也能辨認品項名稱與售價。
• 窄螢幕沒有被迫左右拖動的價格表。
• 分類標題、冷熱與加價條件都以文字說清楚。
• 圖片未載入時，主要菜單資訊仍可閱讀。
• 桌機與手機的主要品項及供應規則一致。

菜單的品項與風味描述，應與實際出杯能力一致；咖啡技能的學習可先查看桑卓咖啡課程總覽。

下一步：指定菜單更新的負責人

菜單上線後，店內調價或換季時也要更新網頁。先確認誰能修改、誰負責核對，並保留變更日期。若另外提供 PDF，應一起更新檔案與連結，避免客人從舊版本取得不同價格。需要改版時，帶著實際菜單與手機測試結果討論，設計方向會更明確。