飲食店のホームページにメニューを載せる方法
来店前にネットでメニューと価格を確かめるお客様は少なくありません。ホームページにメニューを載せるいちばん手堅い方法は、メニューの中身をホームページに書き写すことではありません。メニューはMenuFormaで管理し、ホームページにはそのメニューを開くボタンを一つ置きます。MenuFormaで生ビールの価格を変えれば、ホームページから開くメニューも新しい価格になります。どちらも同じページを開いているからです。
この記事では、ホームページに貼るべきMenuFormaのリンクと貼ってはいけないリンク、どのホームページ作成サービスでも使えるボタンの追加方法、ページ内への埋め込みが向く場面、検索エンジンから見える内容、古いPDFメニューからの切り替えを順に説明します。特にレギュラーと書いていない限り、すべて永久無料プランで利用できます。
メニューは書き写さず、リンクでつなぐ
ホームページに打ち込んだメニューや、画像・PDFで載せたメニューは、いわば二冊目のメニューです。値上げや新メニュー、季節限定の一品が出るたびに二か所を直す必要があり、後回しにされがちなのはたいていホームページのほうです。店頭とネットで価格が違っていれば、お客様はきちんと気づきます。
MenuFormaでは、メニューの公開アドレスは一つだけです。たとえばmenuforma.com/m/izakaya-hanamaruのような形です。客席のQRコードもこのアドレスを開き、ホームページからも同じアドレスを開けます。料理名、価格、写真はメニュー管理で編集するだけで、このアドレスにつながっているすべての場所に反映されます。ホームページにログインして直す必要はありません。
ホームページに貼るのは表示のみのリンク
QRコードのページを開き、表示のみタブを選びます。QRコードの下に表示のみのリンクとコピーボタン（表示のみのリンクをコピー）があります。形式はmenuforma.com/m/izakaya-hanamaru?mode=displayです。
表示のみとは、お客様がメニュー全体（説明、価格、写真、アレルゲンのアイコン）を見られる一方で、料理を選んだり注文を送ったりはできない状態のことです。注文は一切作成されません。ホームページを見ている人に必要なのはまさにこの形です。相手は今夜どこで食べるかを考えている人であって、すでに3番テーブルに座っているお客様ではありません。
テーブルごとタブや統一タブの注文リンクは、ホームページに貼らないでください。これらは店内にいるお客様向けのリンクで、ここから送られた注文はテーブル番号や注文番号付きの店内注文として、そのまま注文一覧とキッチンディスプレイに届きます。自宅でホームページを見ていた人が、誰も座っていないテーブルの注文を送ってしまうおそれがあります。
ホームページから出前やテイクアウトの注文を受けたい場合は、レギュラープランのデリバリータブを使います。リンクはmenuforma.com/delivery/izakaya-hanamaruの形です。お客様は配達か店頭受け取りかを選び、配達なら住所を入力したうえで、オンライン決済または現金で支払います。選べる支払い方法は配達管理で有効にしたものだけで、配達エリアや配達料もここで設定します。オンライン決済はStripeで処理されます。MenuFormaはStripe決済から手数料を取りませんが、Stripeの決済手数料はかかります。
- 「メニュー」ボタン：表示のみのリンク（永久無料、レギュラーとも）
- 「デリバリー・テイクアウト」ボタン：デリバリータブのリンク（レギュラー）
- 客席やレジ横のQRコード：店内だけで使う
ホームページにメニューを載せる手順は作成サービスを問わず共通
WordPress、Wix、Jimdo、ペライチなど、一般的なホームページ作成サービスには、ボタンやリンクの要素と、そこにURLを入れる欄があります。その欄に表示のみのリンクを貼り付け、ボタン名は「メニュー」「お品書き」「メニューを見る」のように短く分かりやすくしておきます。あいまいな言い回しより、こうした素直な名前のほうが伝わります。新しいタブで開く設定があるサービスもありますが、どちらを選んでも問題ありません。
ホームページの管理を制作会社や知人に任せている場合は、このリンクを送るだけで済みます。追加のコードを設置する必要はありません。
ボタンを置くとよい場所は次のとおりです。
- グローバルナビ（メインメニュー）の「メニュー」項目。どのページからでも開けます。
- トップページの最初の画面。住所や電話番号の近くに置き、スマホでスクロールしなくても見えるようにします。
- 営業時間・アクセスのページ。来店を決める人がよく見るページです。フッターにも置いておくと安心です。
PDFメニューからの切り替え
今もPDFのメニューを載せているホームページは多くあります。スマホで開くと文字が小さく、指で拡大しながら読むことになりますし、価格を変えるたびに書き出してアップロードし直す手間がかかります。一度更新を忘れると、PDFは古い価格のまま残ってしまいます。
ただ、そのPDFは無駄になりません。メニュー管理のAIインポートは、写真、PDF、Excel、Wordのファイルを読み取り、カテゴリー、料理、価格に整理します。あとは内容を確認するだけです。新規アカウントには30日間使えるウェルカムクレジットが30クレジット付与され、インポート1回につき5クレジットを使います。手入力ならクレジットは使いません。メニューが整ったら、ホームページのPDFへのリンクを表示のみのリンクに差し替えてください。
iframeでページ内に埋め込む場合
メニューを自分のページの中に表示したいという方もいます。MenuFormaではそれが可能で、メニューページは他のサイトのフレーム（iframe）の中でも読み込めます。埋め込んだメニューからお客様がオンライン決済をする場合（レギュラー）、Stripeの決済ページはフレームの中では動かないため、ブラウザの画面全体で開きます。
MenuFormaには専用の埋め込みコードはありません。お使いの作成サービスにある「埋め込み」「HTML」「iframe」などの要素に、表示のみのリンクを指定してください。
ただし、埋め込みには弱点もあります。フレームの高さは固定なので、スマホではページの中にある小さな枠の中をさらにスクロールすることになります。メニューのレイアウトはスマホの画面幅を前提にしているため、パソコンの広い画面では細長く見えます。また、検索エンジンはフレーム内の料理をMenuFormaのページの内容として扱い、周りのホームページの内容とはみなしません。サービスによっては、埋め込みのサイズ調整がしにくいこともあります。
多くのお店にとっては、ボタンのほうがすっきりします。それでも埋め込む場合は、表示のみのリンクを使い、フレームの高さを十分に取り、その横に「メニューを開く」というシンプルなリンクも添えてください。
検索エンジンとリンクプレビューに見える内容
MenuFormaのメニューはサーバー側で生成される通常のウェブページで、料理名、説明、価格がページのHTMLにそのまま含まれています。画像の中に閉じ込められているわけではありません。検索エンジンによるインデックスは許可されており、正規のアドレス（canonical）はホームページに貼るのと同じ表示のみのリンクです。さらにschema.org形式の構造化データとして、店名、電話番号、住所、料理のジャンル（入力されている場合）と、メニューのセクション、料理、価格、売り切れかどうかが記述されています。
逆方向のつながりも作っておきましょう。メニュー管理の情報タブを開き、一般情報カードのウェブサイト欄にホームページのURLを入力します。同じ欄は設定にもあります。入力すると、メニュー上にホームページへのリンクが表示され、構造化データでもそのサイトがお店の公式サイトとして示されます。電話番号、住所、地図へのリンクも同じカードで設定できます。
一つ正直にお伝えすると、メニューへのリンクはホームページ自身の文章の代わりにはなりません。どんな料理を出しているか、看板メニューを二、三品、営業時間、住所といった内容は、ホームページにも書いておいてください。MenuFormaのページにある料理は、あくまでそのページの内容として扱われます。
メニューのリンクをLINEやFacebookで共有すると、プレビューには店名と「メニュー」の文字、短い説明、画像（カバー画像、なければロゴ、それもなければ料理写真）が表示されます。レギュラーでは、メニュー管理にある英語表記の「Share Preview」カードで、共有時のタイトル、サブタイトル、画像を自分で設定できます。
DNS設定もサブドメインも不要
「menu.」で始まるサブドメインでメニューを公開すべきか、と聞かれることがあります。MenuFormaではその必要はありません。メニューはMenuFormaのアドレスのまま公開されるので、ドメイン、サーバー、SSL証明書の設定を変える必要は一切ありません。
大事なのはアドレスの最後の部分です。これは設定のメニューURLで決めるもので、メニューの公開アドレスになります。ホームページにリンクを貼ったりQRコードを印刷したりする前に決めておきましょう。後から変えると、その両方を更新することになります。料理や価格、写真を編集しても、このアドレスは変わりません。
ホームページ、SNS、LINEに同じリンクを
同じ表示のみのリンクは、Googleビジネスプロフィール、Instagramのプロフィール、メールマガジン、LINE公式アカウントでの返信などにもそのまま使えます。表示のみタブには、XとWhatsAppで共有するボタンもあります。どこから開いてもQRコードと同じメニューが表示されるので、更新はメニュー管理での編集だけで済みます。店内のQRコードは、それぞれのリンクのまま使い続けられます。
品切れの料理は売り切れにするを使えば、メニューに残したまま売り切れの表示が付き、注文できなくなります。レギュラーのスケジュールメニューを使うと、モーニング、ランチ、ディナーで異なる料理を自動のスケジュールで切り替えて表示でき、リンクは同じままです。
ホームページが多言語対応なら、レギュラーではメニューも複数の言語にでき、自動翻訳も使えます。表示のみのリンクの末尾に言語コードを付けて、サイトの各言語版から対応する言語のメニューにつなげます。たとえば英語版には&lang=en、韓国語版には&lang=ko、繁体字中国語版には&lang=zh-TWを付けます。お客様はメニュー上でも言語を切り替えられます。永久無料ではメニューの言語は一つです。
公開前のチェックリスト
- 新しいボタンをスマホとパソコンの両方でタップし、表示のみのメニューが開くか確かめる（追加ボタンやカートが出ないこと）。
- 価格、写真、メニューの言語を確認する。
&lang=を使った場合は、言語ごとに開いてみる。 - メニュー上にホームページへのリンクが表示されているか確認する。
- 自分宛てにLINEでリンクを送り、プレビューの見え方を確かめる。
- ホームページを見たことのない人に、トップページからメニューを探してもらう。
ホームページ用メニューで比べる永久無料とレギュラー
ホームページのメニューに必要な機能は、無料プランでそろいます。レギュラーでは、自宅からの注文、複数言語、メニューの見た目や共有時の表示を細かく整える機能が加わります。
| 永久無料 | レギュラー | |
|---|---|---|
| 料金 | 月0ドル、期限なし | 任意の有料プラン |
| ホームページ用の表示のみのリンク | あり | あり |
| ページへの埋め込み（iframe） | 可能 | 可能 |
| メニューの構造化データ（schema.org） | あり | あり |
| メニュー上のホームページへのリンク | あり | あり |
| メニューの言語 | 1 | 複数（自動翻訳つき） |
| ホームページからの配達・受け取り注文 | なし | あり |
| Stripeでのオンライン決済 | なし | あり |
| 共有時のタイトル・サブタイトル・画像の設定 | なし | あり |
| スケジュールメニュー | なし | あり |
| メニュー上の「Powered by MenuForma」表記 | 表示される | 非表示にできる |
| MenuFormaの注文ごとの手数料 | なし | なし |
ホームページのメニューについてよくある質問
MenuFormaのメニューをホームページに直接埋め込めますか？
はい。作成サービスの埋め込みやHTMLの要素を使えば、iframeでメニューページを読み込めます。ただ、スマホでは表示のみのリンクを開くボタンのほうが見やすいことが多いため、埋め込む場合もフレームの横にリンクを添えてください。
価格を変えたら、ホームページのメニューも変わりますか？
変わります。ホームページはメニューそのものにリンクしているので、メニュー管理で編集した内容がそのまま表示されます。料理や価格、写真を編集してもリンクは変わりません。
ホームページからお客様が注文できますか？
永久無料では、ホームページのリンクはメニューを見るためのもので、注文は店内のテーブルやレジのQRコードから受け付けます。レギュラーでは、デリバリーのリンクから配達や店頭受け取りの注文ができ、Stripeによるオンライン決済か現金で支払えます。MenuFormaはStripe決済から手数料を取りませんが、Stripeの決済手数料はかかります。
ホームページにメニューを載せると検索で有利になりますか？
検索順位を約束できるサービスはありません。メニューページは検索エンジンが読める形で構造化データも含み、ウェブサイト欄を入力すればホームページへのリンクも示されます。それでも、ホームページにはお店について自分の言葉で書いた文章が必要です。
本当に無料ですか？
はい。永久無料は月0ドルで期限がなく、お試し期間でもありません。登録にクレジットカードは不要で、表示のみのリンク、無料のQRコード全種類、店内での注文が含まれます。
ホームページにメニューを載せるのに必要なのは、リンク一つとボタン一つです。あとはメニューを更新するだけで、ホームページから開くメニューも新しくなります。MenuFormaの無料アカウントを作成し、AIインポートか手入力でメニューを作って、表示のみのリンクをホームページに貼り付けてください。
客席用のQRコードがまだの場合は、無料QRメニューの作り方を順を追って解説したガイドをご覧ください。無料プランでできることは、無料QRメニュー作成ツールのページにまとめています。
関連記事
- QRコードメニューの読み取り方：iPhone・Androidでの手順とうまくいかないときの対処法
- 無料でできるQRコードメニューの作り方：準備から印刷・テストまで
- 日本のLoyverse POSとMenuForma：QRメニュー・オンライン注文の連携ガイド