AHHA
AHHA部落格咖啡廳官網要放什麼?菜單、訂位、賣豆一站整合的架站指南

咖啡廳官網要放什麼?菜單、訂位、賣豆一站整合的架站指南

2026年5月9日行業案例· Howshin Wang
木質桌面(淺胡桃色或橡木紋),中央偏左放一台 MacBook,螢幕顯示咖啡廳官網的設計稿

TL;DR

  • 咖啡廳常犯的錯:把 Facebook 或 Instagram 粉專當官網、菜單只放一張隨手拍照片、訂位靠 LINE 私訊一條一條回——這些做法在 2026 年的搜尋環境下都已經不及格。
  • 在地搜尋是咖啡廳新客的最大來源:「[地區] 咖啡廳推薦」「[地區] 早午餐」這類查詢佔咖啡廳新客約 7 成,沒做 LocalBusiness Schema 的店等於不存在於 Google 與 ChatGPT 的搜尋結果裡。
  • 真正能替咖啡廳賺錢的官網做三件事:菜單展示 + 線上訂位 + 自家豆/烘焙商品銷售——其中商品銷售是淡季救命的營收命脈,但被大部分咖啡廳老闆忽略。
  • 大部分平台做這三件事要拼裝 2-3 套 SaaS(菜單 + 訂位 + 電商),整合方案可以省 NT$10,000-30,000/年的訂閱費,且客戶體驗順暢得多。

一、咖啡廳到底需不需要做官網?三個判斷標準

核心觀點: 不是所有咖啡廳都需要做官網——但只要你符合「地段不是黃金路口」「有訂位需求」「有自家豆或烘焙商品」三個情境其中之一,做官網的 ROI 就極高。三個全中的店,沒做官網基本上是把錢留在桌上。

許多咖啡廳老闆覺得「有 IG 就夠了」——這個判斷在 2018 年成立、2026 年已經錯了。Instagram 的觸及率自 2024 年起持續下滑,演算法決定誰看到你;而 Google 與 ChatGPT 上的「在地搜尋」流量穩定增長,沒被搜尋引擎索引的店等於不存在

具體判斷標準:

標準一:你的地段需要靠在地搜尋帶新客嗎?

如果你的店開在巷弄內、商辦區、或非觀光熱門路段,新客主要來自 Google 搜尋「[地區] 咖啡廳」「[區域] 早午餐」這類在地查詢。沒有官網或只有 Google Business Profile 的店在這類查詢中排名極弱——競爭對手有完整官網的話會直接吃掉這群流量。

如果你的店開在西門町、信義區、台中審計新村這類自帶人潮的黃金地段,這個標準的權重較低(但還是建議做)。

標準二:你需要管訂位嗎?

每天訂位 5 桌以下、且能接受 LINE 私訊管理 → 訂位這個標準不成立。

每天訂位 10 桌以上、或有包場 / 主題活動需求、或員工不想花時間回 LINE → 強烈需要線上訂位系統,而且最好嵌在自家官網而不是另開第三方訂位 SaaS。詳細邏輯見 線上預約系統完整指南:從選平台、流程設計到經營策略

標準三:你有自家豆 / 烘焙商品 / 伴手禮要賣嗎?

這個標準最被低估、卻是淡季營收的命脈

許多咖啡廳的營收結構是:旺季靠內用(70%)、淡季靠商品(30%)——但前提是商品有官網可以線上下單、有 SEO 能被搜到。沒這個基礎建設的店,淡季只能靠來客數硬撐。

如果你做自家烘焙豆、果醬、餅乾、伴手禮、或想做批發給選物店——做官網的 ROI 直接、且 12-18 個月內幾乎一定回本。

三個標準命中一項就建議做、命中兩項以上 ROI 極高、三個全中的店請立刻動手


二、咖啡廳官網該放什麼?5 個必備區塊 + 3 個選用區塊

核心觀點: 咖啡廳官網不需要花俏,但要把「訪客來這裡想知道什麼」答完整。實體咖啡廳的訪客只有三種來意:找店資訊、想訂位、想買商品——對應的內容結構就清楚了。

5 個必備區塊

1. 菜單(service_list 結構,不是一張 JPG)

最大的常見錯:把整本菜單拍照存成圖片放上去。這做法的問題:

  • Google 無法索引圖片內的文字 → 「[咖啡名] 哪裡有」搜不到你
  • ChatGPT 無法引用 → 客戶問 AI「附近有提供 oat milk 的咖啡廳嗎」AI 答不出你
  • 手機放大圖片瀏覽體驗差
  • 改價格要重拍重傳

正確做法:菜單做成結構化清單,每個品項有獨立名稱、價格、選配說明、圖片,且套上 Menu schema 結構化資料。

2. 訂位 / 線上預約

如果有訂位需求,直接嵌在官網主頁(不外連到第三方訂位 SaaS)。客人從首頁滾下來看到菜單、看到環境照、想訂的當下就能訂——不需要跳到別的網站、不需要等回覆、不需要記得明天再來。

3. Gallery(環境 + 料理 + 氛圍)

實體咖啡廳的決策很視覺——客人會根據「這家店看起來舒服嗎」決定要不要去。Gallery 至少要有:店面外觀、室內氛圍、招牌料理 / 飲品、特色細節(窗景、咖啡機、書牆等)。

4. 地圖、地址、營業時間

最基本但被很多店搞砸:地址寫了沒嵌 Google Map、營業時間寫在某段文字裡(搜尋引擎抓不到)、沒有結構化資料。

正確做法:地址 + 地圖嵌入 + 營業時間用 LocalBusiness Schema 標記,Google 會直接在搜尋結果顯示「現在營業中/已打烊」——這個訊號對在地搜尋 CTR 加分極大。

5. 聯絡方式(多管道)

電話、email、LINE、Instagram 各放一個。單一管道等於放棄部分客群——年長客戶偏好打電話、年輕客戶偏好 LINE、媒體採訪通常從 email 來。

3 個選用區塊(依業務型態加)

  • 商品頁(自家豆 / 烘焙 / 伴手禮 / 周邊):有自家商品的店必加,沒有的店不必勉強
  • 部落格(產地故事 / 沖煮教學 / 在地導覽):對內容導流型咖啡廳是 SEO 長期養分
  • 套票 / 訂閱(咖啡券 / 月配豆):適合穩定回頭率高的店家

三、菜單、訂位、豆子三大功能整合:常見錯誤與設計重點

核心觀點: 大部分咖啡廳老闆把菜單、訂位、商品銷售當成三件獨立的事——用 PDF 放菜單、LINE 接訂位、蝦皮賣豆。這三件事拆開做的代價是:客戶體驗斷裂、SEO 權重分散、總成本反而更高。整合方案才是台灣咖啡廳的市場縫隙。

菜單:避開 PDF / 圖片陷阱

錯誤做法:菜單存成 PDF 連結 / 一張大圖。

為什麼錯

  • PDF 搜尋引擎不友善(Google 會索引但 ranking weight 低)
  • 圖片內文字完全無法被搜尋與 AI 引用
  • 手機瀏覽體驗差
  • 改一個品項要整份重做

正確做法

  • 菜單做成結構化清單(每品項一筆資料)
  • 每品項有獨立名稱、價格、選配、(如可能)圖片
  • 套用 Menu schemaMenuItem schema
  • 分類清楚(Coffee / Tea / Brunch / Dessert)

效果:Google rich result 可能直接在搜尋結果顯示菜單卡片、AI 引擎在被問「[區域] 哪家咖啡廳有 oat milk latte」時能引用你。

訂位:嵌官網不外連、不靠 LINE 私訊

錯誤做法 1:訂位連結指向第三方 SaaS(FunNow、inline 等獨立網站),客人點下去跳出你的官網。

為什麼錯:流量主場斷裂——客人離開你的品牌氛圍、看不到你其他內容(其他料理、自家商品)、SEO 權重分散到第三方平台。

錯誤做法 2:訂位仍用 LINE 私訊接收。

為什麼錯:員工負擔重(每天回訊息 30 分鐘以上)、客戶等回覆耐性極低(LINE 訊息 5 分鐘沒回有 30% 客人會放棄)、無自動提醒、容易訂錯時段。

正確做法:訂位 widget 嵌在官網首頁,客人選日期 → 選人數 → 留資料 → 系統自動發確認 Email + LINE,全程不離開你的網站。流程設計(押金 / 取消政策 / 緩衝時間)見 線上預約系統完整指南

自家豆 / 商品銷售:別另開電商 SaaS

錯誤做法:菜單訂位放官網、賣豆另開 Shopify / 蝦皮賣場。

為什麼錯

  • 客戶體驗斷裂(兩個域名、兩套會員、兩套結帳流程)
  • SEO 權重分散
  • Shopify 月費 USD$29 起,5-20 SKU 的小品牌殺雞用牛刀
  • 蝦皮抽成重 + 品牌感弱

正確做法:商品頁與菜單、訂位放在同一個官網,會員系統共通——客人在你這裡喝完滿意、加 LINE 變熟客、官網下單訂下個月配的豆子,整個流程不離開你的品牌

對 5-30 SKU 的咖啡廳商品需求,輕量電商方案足夠(年費通常 NT$5,000-15,000,比拼裝 Shopify + 訂位 SaaS 省得多)。延伸閱讀:網路開店平台怎麼選?小型電商 vs 全功能電商比較指南

整合 vs 拼裝的 3 年總成本差距通常在 NT$30,000-50,000——加上客戶體驗價值,整合方案幾乎是無腦選擇。


四、咖啡廳專屬的 SEO 機會:在地搜尋 + Menu Schema + GEO

核心觀點: 咖啡廳是 SEO 的甜蜜點業種——在地搜尋意圖極強、Menu Schema 適用、且有源源不絕的部落格題材(產地故事、沖煮教學、季節限定)。把這三個槓桿做齊的咖啡廳,12 個月內可以在「[地區] 咖啡廳」這類關鍵字穩定進前 3 頁。

在地搜尋:「[地區] + 咖啡廳」是最大流量入口

實體咖啡廳的搜尋流量結構:

  • 「[地區] 咖啡廳推薦」「[地區] 早午餐」這類查詢佔約 50-60%
  • 「[特色] 咖啡廳」(手沖、貓咪、寵物友善、不限時、有插座)約 20%
  • 「[店名]」直搜約 10-15%(已知道你的店的回頭客 / 媒體看完文章來找的人)
  • 其他長尾 5-10%

針對在地搜尋,三件事必做

  1. 設定 Google Business Profile(前身 Google 我的商家):填完整資訊、上傳近照、累積評價
  2. 官網套用 LocalBusiness Schema(type: CafeOrCoffeeShop),含營業時間、地址、聯絡方式、地理座標
  3. 官網與 Google Business Profile 互相連結:互相 verify 後,Google 會把你的 Business Profile 與官網視為同一實體,權重累積集中

Schema.org Menu 是專為餐飲業設計的結構化資料。套用後,Google 可能在搜尋你的店名時直接顯示菜單卡片(rich result),CTR 比純文字結果高 30-50%。

ChatGPT、Perplexity 也偏好引用有結構化菜單的網站——當被問「[區域] 哪家咖啡廳有 oat milk」「[城市] 咖啡廳哪家有素食 brunch」這類查詢,AI 會優先引用 Menu Schema 完整的網站。

部落格:產地故事 + 沖煮教學 = SEO 長期養分

咖啡廳是少數有源源不絕部落格題材的業種:

  • 產地故事(「我們的衣索比亞耶加雪菲怎麼挑」)
  • 沖煮教學(「在家用 V60 怎麼沖出咖啡店風味」)
  • 季節限定介紹(「2026 春季新品:覆盆莓拿鐵的設計脈絡」)
  • 在地生活(「店附近 5 家不能錯過的麵包店」)

這些內容對 SEO 與 GEO 都加分極大——Google 喜歡深度有觀點的內容、AI 引擎喜歡有具體事實與作者署名的內容。完整的 SEO + GEO 邏輯見 中小企業 SEO 與 GEO 完整指南:讓 ChatGPT 與 Google 都找到你


你的下一步

如果你正在規劃咖啡廳官網,先確認三件事:

  1. 三大功能你需要哪些:菜單、訂位、商品銷售(一項以上就需要整合方案)
  2. 平台是否支援 LocalBusiness + Menu Schema 自動產出:手動寫 JSON-LD 是浪費你時間的事
  3. 3 年總成本是否可控:年費 NT$5,999-15,000 內可以完成全部三大功能整合,超過這個範圍就要重新檢視

延伸閱讀:


想要一個原生整合菜單(含 Menu Schema)、訂位、自家商品銷售的架站平台?AHHA 提供 30 天免費試用,年費 NT$5,999 起,內建 LocalBusiness Schema 自動化、Menu 結構化資料、訂位 widget、輕量電商,不需另接外掛。

咖啡廳官網咖啡店架站咖啡廳網站咖啡廳菜單在地 SEO

常見問題

Q

開咖啡廳一定要做官網嗎?只開 IG 行不行?

只開 IG 不夠——但這不代表所有咖啡廳都該優先做官網。 Instagram 觸及率自 2024 年起持續下滑、演算法決定誰看到你;Google 與 ChatGPT 上的「[地區] 咖啡廳推薦」這類在地搜尋穩定增長。判斷標準:(1) 地段不是黃金路口、(2) 有訂位需求、(3) 有自家豆/烘焙商品要賣——三項命中一項就建議做官網。三項全中(多數獨立咖啡廳)的店,沒做官網等於把流量和淡季營收讓給對手。

Q

菜單放圖片就好還是要做 Menu Schema?

圖片是最差選擇、Menu Schema 是必做。 圖片菜單的問題:Google 無法索引圖片內文字、ChatGPT 無法引用、手機放大瀏覽體驗差、改價格要重拍重傳。Menu Schema(schema.org/Menu)讓搜尋引擎與 AI 結構化理解你的菜單,Google 可能直接在搜尋結果顯示菜單卡片(rich result),CTR 提升 30-50%;ChatGPT 在被問「[區域] 哪家咖啡廳有 oat milk latte」時也能引用你。手動寫 JSON-LD 麻煩,找原生支援 Menu Schema 的架站平台一次搞定。

Q

咖啡廳訂位用 LINE 還是線上系統好?

每天訂位 5 桌以下用 LINE 還行、10 桌以上必須上線上系統。 LINE 訂位的問題:員工每天回訊息 30 分鐘以上、客戶等回覆耐性低(5 分鐘沒回有 30% 放棄)、無自動提醒、容易訂錯時段。建議的訂位方案是嵌在自家官網(不外連到 FunNow / inline 等第三方 SaaS)——客人在你品牌氛圍下完成訂位、流量主場不分散、會員資料集中。詳細流程設計(押金、取消政策、緩衝時間)見 線上預約系統完整指南

Q

賣自家豆要做完整電商還是輕量方案?

5-30 SKU 的咖啡廳商品需求用輕量方案就夠、不必上 Shopify 完整電商(Shopify 月費 USD$29 起)對大部分咖啡廳是殺雞用牛刀,且最大問題是跟訂位/菜單拆開做——客戶體驗斷裂、會員資料分兩處、SEO 權重分散。最划算的做法是選一個原生整合菜單 + 訂位 + 商品的架站平台(年費通常 NT$5,000-15,000),三大功能在同一個官網、同一個會員系統。批發雙價(給選物店、其他咖啡廳的不同價格)也是輕量方案的剛需,國際電商 SaaS 通常不原生支援。

Q

咖啡廳要怎麼做在地 SEO?

三件事必做:(1) 設定 Google Business Profile(前身 Google 我的商家)、填完整資訊 + 上傳近照 + 累積評價;(2) 官網套用 LocalBusiness Schema(type: CafeOrCoffeeShop),含營業時間、地址、聯絡方式;(3) 官網與 Google Business Profile 互相連結驗證。完成這三件事後,「[地區] 咖啡廳推薦」「[區域] 早午餐」這類在地查詢的排名會穩定爬升。進階做法見 中小企業 SEO 與 GEO 完整指南

Q

沒攝影預算,網站照片怎麼辦?

手機拍 + 自然光 + 簡單後製就足夠。咖啡廳網站照片的關鍵不是專業度而是「真實感」——客人想看的是這家店的氛圍、料理的真實樣子、不是擺拍的商業照。具體做法:(1) 選窗邊自然光、不用閃光燈;(2) 拍環境用廣角、拍料理用正上方俯拍;(3) 用免費工具(Snapseed、VSCO)做基本調光;(4) 上傳前確保檔案小於 500KB(速度影響 SEO)。圖片要寫 alt 文字——對 SEO、無障礙、AI 引用都重要,做法見 圖片 alt 文字怎麼寫?2026 SEO、AI 搜尋、無障礙一次搞定

行業案例 分類其他文章

繼續閱讀同主題的延伸內容

我這行業需要做網站嗎?10 大服務業、傳產、工作室官網結構指南
不是每個行業都該優先做網站——但服務業(需要 24 小時預約管道)、傳產(想接外銷訂單)、工作室(想賣自家商品)這三類做網站的 ROI 最直接。 五種行業官網型態:品牌展示型、預約整合型、服務 + 商…
民宿網站怎麼設計?形象官網不靠訂房系統也能引流訂房
民宿網站設計重點不在訂房系統,而在形象敘事與詢問引流。本文說明民宿官網設計的核心架構、Google 搜尋佈局,以及如何把客人從 OTA 接回自家網站省抽成。

留言討論

只有會員能留言(防止垃圾訊息),留言顯示於此頁。

載入中...
← 返回部落格