Skip to content
部落格

如何把菜單放上官網:用連結取代複製

客人出門前先上網查菜單、看價格,已經是很平常的事。想把菜單放上官網,與其把整份菜單重打一遍,不如讓菜單留在 MenuForma,官網只放一個打開菜單的按鈕。這樣一來,滷肉飯調價時只要在 MenuForma 改一次,官網上看到的就是新價格,因為兩邊開的是同一個頁面。

這篇會帶您看幾件事:官網該放哪個 MenuForma 連結、哪個千萬別放;在常見的架站工具裡怎麼加按鈕;嵌入頁面的利與弊;搜尋引擎讀得到什麼;還有舊的 PDF 菜單怎麼處理。文中沒有特別標示標準方案的功能,永久免費方案都能使用。

菜單不必重打,連過去就好

把菜單打在官網頁面上,或是上傳成圖片、PDF,其實就是多了一份要顧的副本。漲價、出新品、推季節限定,每次都得改兩個地方,偏偏官網那份最容易忘記改。店裡的價目表寫一個價,網路上又是另一個價,客人不會沒發現。

MenuForma 的菜單只有一個公開網址,像是 menuforma.com/m/a-hui-xiaochi。桌上的 QR Code 開的是它,官網的按鈕開的也是它。品項、價格、照片一律在菜單管理修改,凡是連到這個網址的地方都會看到同樣的內容,沒有人需要再登入官網後台。

官網該放的是僅供顯示連結

到QR 碼頁面點選僅顯示分頁,QR Code 下方就是標示為僅供顯示的連結,旁邊有複製按鈕(複製僅供顯示連結)。連結長這樣:menuforma.com/m/a-hui-xiaochi?mode=display。

「僅供顯示」代表訪客能看完整份菜單,品項說明、價格、照片、過敏原圖示都在,但沒辦法選餐或送出訂單,系統也不會產生任何訂單。逛官網的人多半還在決定今晚吃什麼,並不是已經坐在 6 號桌的客人,所以給他們看菜單就夠了。

至於每桌和統一分頁裡的訂購連結,請別放上官網。那是給人在店裡的客人用的:從這些連結送出的訂單,會以內用訂單的形式(帶桌號或訂單編號)直接進到訂單列表和廚房顯示螢幕。換句話說,有人在家滑官網,也可能替一張空桌下單。

想讓客人從官網訂外送或自取,請用標準方案的外送分頁,連結是 menuforma.com/delivery/a-hui-xiaochi 這種格式。客人可以選外送到府或到店自取,外送要填地址,付款則看您在配送管理開了哪些方式,線上付款或付現都行;外送範圍和運費也是在那裡設定。線上付款走 Stripe:MenuForma 不會從 Stripe 付款中抽取佣金,但 Stripe 的金流手續費仍會照收。

  • 「看菜單」按鈕,放僅供顯示連結(永久免費、標準方案皆可)。
  • 「外送/自取」按鈕,放外送分頁的連結(限標準方案)。
  • 桌貼和櫃檯的 QR Code,留在店裡用就好。

不管用哪種架站工具,都能把菜單放上官網

WordPress、Wix、Shopify 這類架站工具,都有按鈕或連結區塊,裡面會有一格填網址。把僅供顯示連結貼進去,按鈕文字越直白越好,像「菜單」「看菜單」,比花俏的字眼清楚。若工具有「在新分頁開啟」的開關,要不要開都沒關係。

官網交給網頁設計公司或朋友管理的話,用 LINE 把連結傳過去就行,不用裝任何程式碼。

按鈕建議放在:

  • 主選單裡的「菜單」,每一頁都點得到。
  • 首頁一打開的畫面,靠近地址和電話,用手機不必往下滑就看得到。
  • 營業時間、交通資訊這類客人決定要不要來時會看的頁面;頁尾再放一次也不錯。

該跟 PDF 菜單說再見了

不少餐廳官網上掛的仍是 PDF 菜單。手機一打開,字小到得用兩指放大;價格一改,就要重新匯出、重新上傳。哪一次忘了,PDF 就停在舊價格。

那份 PDF 倒也不浪費,正好拿來建立 MenuForma 菜單。菜單管理裡的AI 匯入可以讀照片、PDF、Excel 和 Word 檔,整理成分類、品項和價格,您再核對一次就好。新帳號會拿到 30 點歡迎點數,30 天內有效,每次匯入用掉 5 點;自己手動輸入則不花點數。菜單建好後,把官網上的 PDF 連結換成僅供顯示連結。還在考慮要不要從紙本菜單轉過來的話,可以先看看數位菜單的介紹。

用 iframe 把菜單嵌進頁面

也有老闆希望菜單直接出現在官網頁面中間。MenuForma 不擋這種用法:菜單頁面可以放進其他網站的框架(iframe)裡載入。客人若在嵌入的菜單中線上付款(標準方案),Stripe 的付款頁會改在完整的瀏覽器視窗開啟,因為 Stripe 頁面沒辦法在框架裡執行。

MenuForma 沒有另外提供嵌入程式碼,直接用架站工具內建的「嵌入」「HTML」或「iframe」區塊,填入僅供顯示連結即可。

不過嵌入有幾個代價。框架高度是固定的,手機上等於在頁面裡再捲一個小框框;菜單版面以手機寬度設計,塞進電腦版的寬欄位會顯得又窄又長;對搜尋引擎來說,框架裡的品項屬於 MenuForma 頁面,不算官網那一頁的內容;部分架站工具的嵌入區塊,尺寸也不太好調。

所以多數餐廳用按鈕就夠了。真的要嵌入,記得用僅供顯示連結、把框架拉得夠高,旁邊再補一個「打開菜單」的文字連結。

搜尋引擎和連結預覽看得到什麼

MenuForma 菜單是伺服器端產生的一般網頁,菜名、說明和價格都在頁面的 HTML 裡,不是一張圖片。搜尋引擎可以建立索引,頁面的標準網址(canonical)就是您放在官網上的那個僅供顯示連結。頁面裡還有 schema.org 格式的結構化資料,內容包括餐廳的店名、電話、地址和料理類型(有填寫的話),以及菜單的分類、品項、價格和是否售完。

接著把另一頭也接起來:在菜單管理打開資訊分頁,於基本資訊卡片的網站欄位填入官網網址,設定裡也有同一個欄位。之後菜單上會出現一個可以點回官網的連結,結構化資料也會把這個網站標成餐廳自己的官網。電話、地址和地圖連結同樣在這張卡片填寫。

有一點要先說清楚:菜單連結替代不了官網自己的文字。官網上還是要有幾段介紹,例如主打哪類料理、兩三道招牌菜、營業時間和地址。MenuForma 頁面上的品項算在那個頁面,不會算到您的官網。

菜單連結貼到 LINE 或 Facebook 時,預覽會帶出店名和「菜單」兩個字、一段簡短說明,以及一張圖片(有封面圖就用封面圖,沒有就用 Logo,再沒有就用菜色照片)。標準方案還能在菜單管理的分享卡片裡,自己設定分享標題、副標題和圖片。

不用改 DNS,也不用設定子網域

常有人問菜單要不要另外架在 menu. 開頭的子網域。用 MenuForma 不必:菜單始終在 MenuForma 自己的網址上,官網的網域、主機和 SSL 憑證通通不用動。

需要事先想好的,是網址最後那一段。它在設定的菜單 URL 裡決定,也就是菜單對外的公開網址。最好在連結放上官網、QR Code 送印之前就定案,否則之後一改,兩邊都得重新處理。修改品項、價格或照片,則不會影響這個網址。

官網、Google 商家檔案和 LINE 都用同一個連結

這個僅供顯示連結,也很適合放在 Google 商家檔案、Instagram 個人簡介、Facebook 粉絲專頁和電子報,或是在 LINE 官方帳號回覆客人詢問時直接貼上。僅顯示分頁另外有分享到 X 和 WhatsApp 的按鈕。無論從哪裡點進來,看到的都是和 QR Code 同一份菜單,所以只要在菜單管理改好,各處就一致了。店內的 QR Code 則照舊使用各自的連結。

有品項賣完了,按標記售罄,它會留在菜單上並顯示售完標記,但點不了。標準方案的定時菜單則能依自動排程,在早餐、午餐、晚餐時段顯示不同品項,連結不變。

官網如果有多語版本,標準方案的菜單也能開多種語言,並附自動翻譯。在僅供顯示連結後面加上語言代碼,官網各語言版本就能打開對應語言的菜單,像英文版加 &lang=en、日文版加 &lang=ja,常接待日本觀光客的店家會很方便。客人也能在菜單上自己切換語言。詳細說明請看多語系菜單。永久免費方案的菜單只有一種語言。

正式公告前,先檢查這幾件事

  • 用手機和電腦各點一次新按鈕,應該打開僅供顯示的菜單,看不到加入按鈕和購物車。
  • 核對價格、照片和菜單語言;有用 &lang= 的話,每個語言都點開看看。
  • 確認菜單上有回到官網的連結。
  • 用 LINE 傳給自己,看看預覽長什麼樣子。
  • 找一位沒看過官網的人,請他從首頁找到菜單。

官網菜單:永久免費與標準方案比較

做官網菜單需要的功能,免費方案已經全部具備;標準方案則多了在家點餐、多語言,以及調整菜單外觀和分享樣式的彈性。

永久免費 標準方案
價格 每月 0 美元,沒有到期日 可自由選擇的付費方案
官網用的僅供顯示連結 包含 包含
嵌入頁面(iframe) 可以 可以
結構化菜單資料(schema.org) 包含 包含
菜單上回到官網的連結 包含 包含
菜單語言 1 種 多種,含自動翻譯
從官網接外送與自取訂單 不包含 包含
透過 Stripe 線上付款 不包含 包含
自訂分享標題、副標題與圖片 不包含 包含
定時菜單 不包含 包含
菜單上的「Powered by MenuForma」標示 會顯示 可移除
MenuForma 每筆訂單收費 無 無

官網菜單常見問題

可以把 MenuForma 菜單直接嵌入官網嗎?

可以,用架站工具的嵌入或 HTML 區塊,就能以 iframe 載入菜單頁面。只是在手機上,用按鈕打開僅供顯示連結通常比較好用,嵌入時建議在框架旁再放一個文字連結。

我改了價格,官網上的菜單也會跟著變嗎?

會。官網連的就是菜單本身,您在菜單管理做的修改都會出現在那裡,而且改品項、價格或照片都不會改到連結。

客人可以從官網點餐嗎?

永久免費方案的官網連結只供瀏覽,點餐要在店內用桌上或櫃檯的 QR Code。標準方案可以透過外送連結接外送或自取訂單,客人用 Stripe 線上付款或付現。MenuForma 不會從 Stripe 付款中抽取佣金,但 Stripe 的金流手續費仍會照收。

菜單放上官網,對搜尋排名有幫助嗎?

排名沒有人能保證。菜單頁面搜尋引擎讀得到,也帶有結構化菜單資料,填好網站欄位還會連回官網;但官網本身仍需要自己的餐廳介紹文字。

真的免費嗎?

真的。永久免費方案每月 0 美元、沒有到期日,不是試用,註冊也不用信用卡。僅供顯示連結、所有免費的 QR Code 類型和店內點餐都包含在內。

把菜單放上官網,說穿了就是一個連結加一個按鈕;之後只要更新菜單,官網上打開的就是目前的版本。免費註冊 MenuForma 帳號,用 AI 匯入或手動輸入建好菜單,再把僅供顯示連結複製貼到官網即可。

桌上的 QR Code 還沒做的話,可以參考一步步製作免費 QR Code 菜單的教學;想知道免費方案有哪些功能,請看免費 QR Code 菜單製作器。

相關文章

產品 MenuForma