餐廳網站要做好的事其實不多:一份手機上看得清楚、有價格的文字菜單,一個找得到的訂位入口,營業時間與公休日,Google 地圖上的位置,再加上 LINE 官方帳號或外送平台的連結。客人打開餐廳官網,多半是在決定今天要不要去、怎麼去、要不要先訂位,這幾樣找得到,網站就做好大半了。不想碰技術的店家,可以用用 AI 做網站的 WP × Roamer AI,說幾句話把店的資料交給它,菜單頁、訂位按鈕和地圖它會放好;之後換季改菜單、調營業時間,也是直接跟它說。
這篇寫給餐廳、咖啡廳、私廚、甜點店與食品品牌:網站該放什麼、菜單和訂位怎麼安排、Google 商家怎麼配合、常見錯誤和費用。例子來自會員作品牆上幾個餐飲網站,都是會員跟 Roamer AI 一起做的。
Google、LINE 與法規資訊是 2026 年 10 月對照官方頁面整理的;設計公司行情取自 PRO360 的報價統計。
客人打開餐廳網站,是來找這幾樣東西
大部分客人是在 Google 地圖或搜尋結果看到你,點進官網想確認幾件事:今天有沒有開、大概多少錢、要不要訂位、好不好停車。這些答案要滑三個畫面才找得到,客人就回到地圖看下一家。所以首頁第一個畫面放店名、說明你是什麼店的短短一行、營業時間,以及「訂位」和「看菜單」兩顆按鈕;招牌菜、品牌故事和環境照片放在後面,頁尾放完整的地址、電話、LINE 和地圖連結。
手機版要優先處理。電話要一點就撥出去,地址一點就打開導航,訂位按鈕固定在畫面下方。做好之後拿自己的手機從首頁一路點到訂位完成,比在電腦上看十次都有用。
菜單:用文字寫、標價格,過敏原和產地也寫清楚
菜單是餐廳網站被看最多次的一頁。比較好的做法是把菜名、簡短說明和價格打成網頁上的文字,依前菜、主餐、飲料、甜點分類,類別多就在上方放一排跳轉連結。文字菜單在手機上不用放大,改價格只要改一個數字,Google 也讀得懂你賣什麼。
過敏原值得多花一點心思。食藥署強制標示過敏原的規定,對象是有包裝的市售食品,共 11 類,像甲殼類、花生、牛奶、蛋、堅果;另外賣餅乾、果醬這類包裝商品,就要照規定標。現做的餐點在菜名旁加個「含堅果」「可做素食」的小記號,有過敏的客人不用再打電話問。肉品產地則有明確規定:依衛福部說明,自 2021 年 1 月 1 日起,直接供應飲食的場所,含豬肉的餐點要標示豬肉原產地,牛肉也有同樣的產地標示規定,網站菜單頁可以順手寫上。
會員網站「歸巢晚宴 KITCHEN AFTER WORK」是下班到府的私廚,菜單頁很值得參考:選單直接列出每週主廚特選、家庭共享餐、護理餐和高蛋白餐,點了就跳到對應區塊;每一套餐寫明份量、價格和每道菜名,下方是「預約此套餐」按鈕,點下去就進到預約頁。精品咖啡「豆葉 Coffeebean-yeh」則是每支豆子標出產區、烘焙程度、風味和半磅價格,每月推薦頁再補上海拔和建議沖煮水溫。寫法不同,標準一樣:客人不用問,就知道自己點的是什麼。
訂位與預約:Google、訂位系統、表單各適合誰
座位多、天天有人訂的餐廳,和一週只開兩晚的私廚,需要的工具完全不同。常見的做法有四種,很多店是混著用的。
| 做法 | 適合誰 | 好處 | 要注意 |
|---|---|---|---|
| 訂位系統 inline、iCHEF 這類 | 座位多、天天有人訂位的餐廳 | 客人自己選日期、時段、人數,系統控管名額、自動通知;部分系統能接上 Google 地圖的訂位按鈕 | 費用依各家方案;網站放按鈕連到系統的訂位頁就好 |
| Google 商家檔案的預訂連結 | 每一家餐廳都該設 | 客人在 Google 搜尋或地圖上按「預訂」,直接連到你的訂位頁 | 連結要自己到商家檔案新增,或透過合作的預訂服務供應商設定 |
| 網站預約表單 加人工確認 | 私廚、包場、蛋糕訂製、外燴 | 能問清楚人數、日期、預算、飲食禁忌,不用另外付系統費 | 要有人回覆確認;表單做好要自己送一次,確定收得到信 |
| LINE 官方帳號或電話 | 小店、熟客多、需要即時溝通的店 | 客人習慣,問菜色、改時間都方便 | 訂位資訊散在對話裡,忙的時候容易漏回 |
歸巢晚宴的預約頁是表單加 LINE 的組合:表單除了姓名、電話、地址和日期,還用下拉選單挑開飯時段與套餐,最後一欄是「飲食偏好與過敏原備註」;頁面寫清楚前一晚 22:00 前要送出,想當晚就吃的客人則引導改加官方 LINE。公開示範裡的浮島甜點工作室只接預約,會員在第一則訊息就交代「週五、六取貨,生日蛋糕要提前 7 天預訂」,Roamer AI 做出來的首頁就有一區「預約取貨」,分三步說明怎麼預約、確認和取貨。
已經在用訂位系統的話,網站只要一顆醒目的「立即訂位」按鈕連過去。這種按鈕可以直接請 Roamer AI 加,手機版固定在畫面下方;選時段、控名額、自動回信這些完整功能,還是交給專門的訂位系統。
Google 商家、營業時間、LINE 與外送:讓網站當總站
Google 商家檔案帶來的客人常常比官網還多。商家檔案可以用菜單編輯器建立菜單,也能在「菜單連結」填網站菜單頁的網址,預訂、訂餐、外送也能各自加上連結;放不下的套餐內容和訂位須知,就寫在網站上。
營業時間和公休日最容易出錯。商家檔案有「特殊營業時間」可以預先設定國定假日或臨時休息,連續休息 7 天以上,Google 建議改用暫停營業。網站、Google 和粉專的時間要一致。豆葉的聯絡頁把地址、電話、營業時間(週日公休)和常見問答放在同一頁,電話一點就能撥出,這就是客人要的樣子。
LINE 官方帳號開帳號免費,一對一聊天和自動回應不算訊息費,群發訊息才依則數計費,方案價格自 2026 年 11 月 1 日起有調整,以官方公告為準。每一頁的頁尾放「加入 LINE 好友」,Uber Eats、foodpanda 的店家連結也放上網站和商家檔案,客人從哪裡進來都找得到下一步。
賣包裝食品的品牌可以直接在網站開店,豆葉的產品頁就是 WooCommerce 商店,咖啡豆、濾掛禮盒都能加入購物車。觀光工廠「Feeling18 埔里巧克力」剛好相反:網站專心介紹品牌和園區規劃,「線上選購」連到既有的官方商城,不在兩個地方各維護一套商品。開店的完整步驟寫在用 AI 做 WooCommerce 網路商店。
照片怎麼拍、AI 生成的圖能不能用
不一定要請攝影師,手機就夠:靠窗用自然光拍,避開頭頂的黃光;同一系列的菜用同一個角度和背景;每道菜拍一張橫的放網站、一張直的給 IG。店面外觀和入口也要拍,第一次來的客人靠這些找門口。
AI 生成的圖可以做氛圍或還沒蓋好的空間示意,但不要拿來代表你實際賣的菜,客人到店發現不一樣,失望會直接寫進評論。Feeling18 的新園區還在規劃中,頁面上的園區影像都標明是 AI 概念示意,常見問答也寫清楚目前沒有開放入園或 DIY 預約。用 Roamer AI 做網站時,實拍照片可以直接貼進對話請它放到對應位置;還沒有照片,它也能先生成情境圖,開幕前再換成實拍。
最常見的三個錯誤
第一個是菜單只放 PDF 或照片。手機上要下載、放大、左右滑,價格一改就要重做檔案,網站常掛著去年的價錢;掃描成圖片的菜單,搜尋引擎也讀不到菜名。PDF 可以留著,網頁上還是要有文字版。
第二個是只用 FB 粉專當官網。貼文會被新內容往下推,找菜單得滑很久,沒登入的人還常被登入視窗擋住。比較穩的分工是粉專和 IG 負責曝光,官網負責把資訊放齊,貼文連回網站。
第三個是資料各說各話。網站寫週一公休、Google 寫週二,客人白跑一趟,下一步就是一顆星評論。資料一變,就把網站、商家檔案、粉專和 LINE 自動回應一起改。網站這一端交給 Roamer AI 的話,跟它說「下週起改成週一公休,網站上寫營業時間的地方都改掉」就行,用法就像把 Roamer AI 當小編。
餐廳網站費用怎麼算:設計公司、模板、用 AI
找設計公司或接案者,依 PRO360 的報價統計,一頁式網站常見 NT$1 萬~5 萬,套版形象官網常見 NT$2 萬~5 萬,全客製 NT$10 萬起;主機與網域多半另計,維護約一年常見 NT$2 萬~4 萬。餐廳換季改菜單的次數不少,這筆錢要先算進去。自己用 Wix 這類模板平台,月費不高,成本在你的時間,營業一整天之後還要挑模板、打菜單,常常一拖就是幾個月。
第三種是主機加 AI。RoamerHost 的 WP × Roamer AI 進階版平均每月 NT$999(年繳),主機、WordPress 網站和 Roamer AI 包在同一個方案裡,菜單頁、訂位按鈕、網路商店都交給它做,之後改菜單也直接跟它說,AI 使用額度每天更新。只想要網站、自己動手的話,WordPress 基本版平均每月 NT$299(年繳)。兩個方案都是 WordPress 主機代管,SSL、自動備份、中文客服都包含在內,想搬走可以整站匯出。網域、訂位系統、LINE 群發和拍照的費用另計,完整比較見做一個網站要多少錢:2026 台灣行情。
怎麼選
如果你是餐廳、咖啡廳、私廚或甜點店,店裡沒有人會架網站,想要菜單、訂位、地圖都放好的官網,之後換季改菜單也不必再找人報價,選 AI 架站服務 WP × Roamer AI 進階版。訂位量大的餐廳,先導入 inline 這類訂位系統,網站放按鈕連過去。只需要一頁放地址、營業時間和幾張照片、做完幾乎不改,用 Google 商家檔案加上 Canva 或 Wix 的一頁式網站就夠。預算充足、想要獨一無二的設計,找有餐飲作品的設計公司,簽約前問清楚網域和後台帳號登記在誰名下。
想看 AI 做出來的餐飲網站,可以先看浮島甜點的示範,再逛會員作品牆上的歸巢晚宴、豆葉和 Feeling18。工具怎麼選、流程怎麼走,整理在用 AI 做網站完整指南 2026。
常見問題
Q:有 Google 商家和粉專,餐廳還需要官網嗎?
剛開的小店,Google 商家加粉專能撐一陣子。官網的用處是資料完整、由你掌控:套餐內容、訂位須知、過敏原說明在 Google 和粉專都放不完整,商家檔案的菜單和預訂連結也需要一個網址連過去。
Q:私廚或只接預約的甜點店,需要訂位系統嗎?
多半不用。私廚和訂製甜點要確認人數、日期、菜色和飲食禁忌,預約表單加人工回覆比較合適,記得留一欄過敏原備註。訂單多到每天處理不完,再考慮訂位系統。
Q:網站上的營業時間改了,Google 地圖會跟著更新嗎?
不會。Google 地圖上的時間要到商家檔案裡改,臨時公休可以在商家檔案設定特殊營業時間,網站同步貼公告。
Q:用 AI 做餐廳網站,菜單和價格會不會被亂寫?
菜名、價格、電話、地址要由你提供。浮島甜點的示範裡,Roamer AI 把自己寫的品項介紹標出來請會員確認,電話、價格和取貨時間都照會員給的寫。上線前還是請自己每一頁看過。
資料來源
- Google 商家檔案說明:關於菜單編輯器、當地商家連結(預訂、訂餐)、透過供應商設定預訂、設定特殊營業時間
- 衛生福利部食品藥物管理署:市售食品過敏原標示說明;衛生福利部:110 年元月起食品管理新制:標示篇
- LINE Biz-Solutions:LINE 官方帳號與費用說明;inline:餐廳訂位系統
- PRO360:網站架設費用統計、網頁設計費用統計
- RoamerHost:WP × Roamer AI 方案與價格、浮島甜點示範