レストランのウェブサイトの作り方：メニュー、営業時間、予約、注文

優れたレストランのウェブサイトは、次の5つの質問に数秒で答えます。メニューには何があるか、いくらか、いつ営業しているか、どこにあるか、そして予約や注文はどうするか。AIのウェブサイトビルダーを使い、店の説明を入力し、実際のメニューと営業時間を貼り付け、予約と注文を自社サイトで行うか、すでに使っているサービスで行うかを選べば、自分で作ることができます。手間の大半は、デザインではなく、これらの情報を正確に保つことに費やされます。

レストランのウェブサイトに必要なもの

来訪者の大半はスマートフォンからアクセスし、今どこで食事をするか決めようとしています。まずはその人に合わせて作ってください。

作る前に決めておくこと

メニューの更新方法

これは長期的に最も重要な判断です。古いメニューは客を不満にさせて遠ざけます。選択肢は3つあります。

1. メニューをページに直接書く。 最もシンプルです。サイトを編集して変更します（AIビルダーなら、チャットで依頼します）。メニューの変更が年に数回程度なら十分です。
2. メニューを管理画面付きのデータベースに保存する。 スタッフがログインして、デザインに触れずに料理、価格、「売り切れ」の表示を編集できます。メニューが毎週変わる場合や、毎日の特別メニューがある場合に価値があります。
3. POSシステムからメニューを取得する。 POSにAPIがあれば可能ですが、本格的な連携プロジェクトになります。二つのメニューを同期させ続けることがすでに負担になっている場合にだけ検討してください。

予約の仕組み

多くの場合、リクエストフォームから始めるのが正解です。作るのが速く、有料のサービスを導入したり機能を作り込んだりする前に、オンラインでどれだけ予約が入るかを把握できます。空席管理やデポジットが必要なら、予約アプリの作り方で詳しく解説しています。

注文の仕組み

• デリバリーアプリへのリンク。 構築作業は不要で、アプリが自社の顧客を連れてきてくれます。ただし手数料を支払います。
• 電話注文。 「電話で注文する」ボタンは、多くのテイクアウト店で今も十分に機能します。
• 自社でのテイクアウト注文。 カートに追加する機能、Stripeなどの決済サービスを使ったチェックアウト、そして厨房向けの注文画面またはメールを作ります。注文ごとの手数料は避けられますが、本格的なプロジェクトです。商品のオプション（「玉ねぎ抜き」、サイズ）、営業時間のルール、売り切れ商品、返金、そしてピーク時に新しい注文を確認する担当者が必要です。導入前に、オンラインストアの作り方とアプリに決済を追加する方法を確認してください。

手順に沿って作る

手順1：実際の内容を先に集める

ツールを開く前に、次のものを集めてください。

• 現在のメニューのテキスト（印刷されたメニューの写真より、入力したリストの方が良い）
• 食事制限のラベル：ベジタリアン、ヴィーガン、グルテンフリー、そして確実に言える範囲のアレルゲン情報
• 営業時間、厨房の営業時間、判明している祝日の休業
• 住所、電話番号、メールアドレス、駐車場や交通機関の案内
• 良い写真6〜15枚：看板料理、店内、そして目印になる外観
• 店について2〜3文：料理のスタイル、オーナーのこと、店の特徴

実際の内容を使うと、仮のテキストより良い初版ができ、後で書き直す手間も省けます。

手順2：最初のプロンプトを書く

店、ページ構成、訪問者ができなければならないことを説明します。

Nonna Rosaという、リーズにある家族経営のイタリアン・トラットリアのウェブサイトを作ってください。ページは、ホーム、メニュー、店について、アクセスです。メニューはアンティパスト、パスタ、メイン、デザートに分け、価格はポンドで表示し、ベジタリアンとグルテンフリーには小さなラベルを付けてください。全リストは次のメッセージで貼り付けます。ホームページの上部に本日の営業時間を表示してください。アクセスのページには、住所、地図リンク、駐車場の案内、タップで発信できる電話番号を載せてください。「テーブル予約」フォーム（名前、電話、人数、日付、時間、備考）を追加し、リクエストをデータベースに保存して、それを確認できるシンプルな管理画面も作ってください。クリーム色と濃い赤を使った、温かみのある素朴なデザインにしてください。スマートフォンでも見栄えが良いことが必須です。

その後、次のメッセージでメニューを貼り付けてください。内容と構成を分けておくと、各段階を確認しやすくなります。

手順3：スマートフォンで、空腹の初めての客になったつもりで確認する

プレビューをスマートフォンサイズで開き、自分で時間を計ってください。メニュー、本日の営業時間、電話番号が、それぞれ10秒以内に見つかりますか？電話番号と地図のリンクをタップしてみてください。テスト用の予約を送信し、管理画面で見つかるか確認してください。

手順4：写真と表示速度を改善する

レストランのサイトが遅くなる最も多い原因は大きな写真です。写真のサイズを縮小して圧縮するよう依頼し、背景の自動再生動画は避けてください。モバイル通信量を多く使い、スマートフォンでは再生されないことも多いためです。

手順5：地域で見つけてもらえるようにする

レストランの場合、検索からの流入の多くは、Webサイトそのものではなく、地図の検索結果や地域のリスティングからです。

• 各ページに分かりやすいタイトルと説明を付ける（「Nonna Rosa | リーズのイタリアン・レストラン」）。
• サイト、Googleビジネスプロフィール、その他のリスティングで、店名・住所・電話番号を完全に一致させる。
• メニューは画像ではなくテキストとしてページに載せ、検索エンジンが料理名を読めるようにする。
• リスティングやSNSのプロフィールからサイトにリンクを張る。

AIビルダーによっては、ブラウザで描画されるシングルページアプリを生成するものがあり、検索エンジンはプレーンなHTMLより読み取りにくいことがあります。検索を重視するなら、レストランのサイトには静的またはサーバーサイドで描画される構成を依頼してください。詳しくはAIで作ったWebサイトのSEOを参照してください。

手順6：独自ドメインで公開する

サイトを公開してから、店名に合ったドメインを接続します（カスタムドメインの接続方法を参照）。リスティング、メニュー、SNSのプロフィールを新しいアドレスに更新してください。

よくあるミス

• PDFのメニュー。 スマートフォンで読みにくく、検索にも表示されず、古くなりやすい。
• 間違った営業時間。 客を失う最も早い方法です。営業時間を変えたり祝日で休んだりする当日に、必ずサイトを更新してください。
• 電話番号を隠す。 フッターに埋めたり、問い合わせフォームの裏に置いたりする。
• ストック写真。 客が見たいのは、あなたの料理と店内です。
• 保証できないアレルゲンの表示。 キッチンで保証できる内容だけを表示し、アレルギーについては店員に確認するよう案内してください。
• 必要になる前に注文機能を作る。 半分しか機能しない注文システムは、「電話で注文」ボタンより悪い結果になります。

費用

簡単なサイトなら、支払うのはドメイン名（レジストラが年単位で請求）とホスティングです。自分で作るなら、AIビルダーやウェブサイトビルダーが、デザインや開発の費用の大部分を置き換えます。費用が膨らむのはアドオンです。予約プラットフォーム、オンライン注文サービス、決済処理にはそれぞれ手数料があり、自社の注文システムには継続的な運用コストと、保守の手間がかかります。各アドオンは、置き換えるものと比べて評価してください。営業中に毎晩10件の電話を減らしてくれる予約フォームは、誰も使わない機能より価値があります。

既製の製品が適している場合

• POSにすでにオンライン注文やWebサイトの機能がある。 多くの飲食店向けPOSには、厨房に直接届く注文ページが含まれています。それを使う方が、自作より簡単なことが多いです。
• テーブル管理が本格的に必要。 専用の予約プラットフォームは、フロア図、順番待ち、無断キャンセルの追跡、客の履歴を扱えます。それを作り直す必要はありません。
• テキストだけを変えられればよく、それ以上は一切望まない。 標準のウェブサイトビルダーのテンプレートで十分かもしれません。

自分で作るべきなのは、テンプレートではなく自店らしいサイトが欲しいとき、スタッフが簡単に編集できるメニューが欲しいとき、または簡単な予約・問い合わせの流れで電話の手間を減らしたいときです。このガイドの一般版は、小規模ビジネスのウェブサイトの作り方を参照してください。

Mythexで作る

Mythexは、AIアプリビルダーです。店を説明してメニューを貼り付けると、スマートフォンサイズで確認できるライブプレビュー上でサイトが作られます。予約フォームや編集可能なメニューを依頼すると、プロジェクトにデータベースが追加されます。写真のアップロードにはプロジェクトのファイルストレージを使います。Freeプランではyourname.mythex.appというアドレスで公開でき、Proでは独自ドメインを接続できます。Mythex自体には予約や注文の製品は含まれていません。決済には自分のStripeアカウントを使い、確認メールには選んだメール配信サービスを使います。

始めるのに適しているのは、イタリアンレストランのウェブサイトのテンプレート、AIレストランウェブサイトビルダーのページ、またはドキュメントの予約ページの作り方と公開アプリのSEOです。

よくある質問