本文へ移動
リノウェブ

COLUMN

コラム

ホームページ制作

飲食店のホームページ、来店につながるメニューはどう載せる?

リノウェブ編集部

ホームページ制作・リニューアルを無料で相談する

「メニューは載せているのに、価格やランチの時間を電話でよく聞かれる」。そんなときは、情報の不足だけでなく、掲載形式や並べ方に原因があるかもしれません。紙のメニューをそのまま画像やPDFにすると、スマートフォンでは文字が小さく、必要な情報を探しにくい場合があります。大阪で飲食店・ラーメン店・カフェのホームページ制作やリニューアルを検討するなら、見た目と一緒に「初めての人が料理を選べるか」を見直してみましょう。この記事では、来店前の疑問に答えるメニューページの作り方を、掲載項目から更新方法まで整理します。

メニューページは「来店前に知りたいこと」から考える

メニューページの役割は、料理を一覧にすることだけではありません。お客様が「このお店で食事をしたい」と判断するための情報を届けることです。まずは「何が食べられるか」「予算はいくらか」「利用したい時間に注文できるか」という三つの疑問に答えられるかを確認しましょう。

必要な情報は、来店する場面によって変わります。仕事の合間にランチを探している人は、セットの内容や価格、提供時間が気になります。家族で食事をする人なら、子どもが食べやすい料理や小さめのサイズがあるかも判断材料になります。カフェを探す人は、飲み物だけでも利用できるか、ケーキとドリンクを組み合わせるといくらになるかを知りたいでしょう。

こうした違いを踏まえ、よくある利用場面から掲載内容を決めると整理しやすくなります。電話で繰り返し聞かれる質問は、有力な手掛かりです。「土曜日もランチはあるか」「コースは何人から予約できるか」などを書き留め、該当するメニューに説明を追加します。

すべての料理を同じ大きさで並べる必要はありません。最初にお店の特徴が伝わる料理や代表的なセットを見せ、その後で詳しい一覧を確認できる構成も有効です。品数の多さより、来店判断に必要な情報を無理なく探せることを優先しましょう。

メニューの改善だけで集客効果が保証されるわけではありませんが、予算や利用条件が分からないまま検討を終えてしまう状況を減らすための、基本的な整備になります。

ランチやコースは、お客様が選ぶ順番で整理する

分類は、厨房や店舗側の管理区分ではなく、お客様が選ぶ順番に合わせます。昼と夜で内容が変わるお店なら「ランチ」「ディナー」を入口にし、その中を「単品」「セット」「コース」に分けると、自分が利用する時間帯の情報にたどり着きやすくなります。

カフェのメニューページをランチ、カフェタイム、ディナーに分け、各提供時間と料理を整理したスマートフォン画面の構成図。

一方、終日同じメニューを提供するラーメン店なら、「ラーメン」「ご飯もの」「トッピング」という分け方のほうが自然です。分類を増やしすぎると、少ない品数でも何度も画面を切り替えることになります。営業実態と品数に合わせて決めましょう。

ページの入口には、お店として紹介したい料理を数品置き、その下に全メニューを続ける構成も考えられます。紹介する理由は「自家製ソースを使った看板料理」など、確認できる特徴にします。販売実績の根拠がないまま「人気No.1」といった順位を付ける必要はありません。

架空のカフェで考える整理例

  • 整理前:パスタ、ケーキ、夜のコース、ドリンクが一つの画像に混在し、提供時間も画像の下にまとめてある。
  • 整理後・ランチ:提供時間を冒頭に置き、パスタセットの内容と税込価格を掲載する。
  • 整理後・カフェタイム:ケーキ、ドリンク、セットにできる組み合わせをまとめる。
  • 整理後・ディナー:単品料理と予約が必要なコースを分け、利用条件をそれぞれ示す。

コースは料金だけでは比較できません。料理の内容、料金が一人分かどうか、利用できる人数、所要時間の目安、予約期限を添えます。飲み放題がある場合は、料金に含まれるか、利用時間やラストオーダーはいつかも記載しましょう。仕入れによって内容が変わるなら、その範囲も伝えておくと誤解を防ぎやすくなります。

料理名と写真に、注文を判断できる説明を添える

一つの料理について「料理名・写真・価格・短い説明」を一組にすると、情報を行き来せずに検討できます。店内ではスタッフが説明できても、ホームページでは料理名だけを見て内容を想像しなければならないため、初めての人にも分かる言葉を添えることが大切です。

鶏肉と季節野菜のプレート写真の近くに、料理名、税込価格、セット内容、提供時間をまとめたメニュー掲載例。

特に独自の料理名には、主な食材や味付け、量の目安を補足しましょう。「店主の気まぐれプレート」だけでは分からなくても、「鶏肉のハーブ焼きに季節野菜、パン、スープを添えた一人分のセット」とあれば、食事の内容を具体的にイメージできます。

掲載項目のひな型

  • 料理名:正式な名称に、必要なら内容が伝わる補足を付ける。
  • 写真:実際の提供内容が分かるものを使う。
  • 価格:税込価格と、一人分・一皿などの単位を示す。
  • 説明:主な食材、味付け、セットに含まれるもの、量の目安を書く。
  • 提供条件:時間帯、数量限定、予約の要否などを添える。

写真と提供内容の対応にも注意が必要です。ドリンクが別料金なのに、一緒に写った写真だけを載せると、セットに含まれるように受け取られる場合があります。「写真はドリンク追加時の例」「写真は二人分」など、違いがあるときは写真の近くで説明します。季節で付け合わせが変わる場合も、変わる部分を具体的に伝えましょう。

写真は枚数よりも、料理の特徴が分かることが大切です。明るさや色味をそろえ、実物と大きく異なる加工は避けます。画像の代替テキストには「メニュー写真」ではなく、料理名や写っている内容を簡潔に設定するよう制作会社へ依頼しましょう。

アレルギーや食事制限については、店舗で確認できる範囲を示します。原材料の確認と、共用の調理器具などを介した混入を防げるかどうかは別の問題です。「必ず対応できます」と安易に保証せず、確認が必要な内容と、予約前に相談できる電話番号や問い合わせ窓口を案内してください。

価格と提供条件は、写真から離さず表示する

価格は料理名や写真の近くに置き、何に対する金額なのかを明確にします。ページの最下部に料金だけをまとめると、スマートフォンでは料理と価格を照合しにくくなります。まず、食べたいものと支払う金額を同じ場所で確認できる配置にしましょう。

財務省の「総額表示」の案内では、消費者に対してあらかじめ価格を表示する場合、原則として消費税額等を含む支払総額を表示することとされています。飲食店のホームページでも、税込価格が分かる表示を基本にします。税込価格と税抜価格を併記する場合も、お客様が支払う総額を容易に確認できる見せ方が必要です。

公的な確認先:財務省「総額表示」(https://www.mof.go.jp/tax_policy/summary/consumption/a001.htm)。店内飲食と持ち帰りを扱う場合は、それぞれの価格が分かるように整理してください。

次は表示方法の例です。金額は架空のものですが、「醤油ラーメン・並 900円(税込)」「大盛りは追加150円(税込)」「味玉追加150円(税込)」と分ければ、基本料金と追加料金を区別できます。セットも「ドリンク付き1,200円(税込)」のように、含まれる内容を価格と一緒に書きましょう。

平日限定、ランチのみ、季節限定といった条件も、対象メニューの近くに記載します。提供終了時刻とラストオーダーが異なるなら、両方を示します。数量限定の商品には、売り切れる場合があることも添えておくと親切です。

チャージやサービス料がかかるお店では、適用される時間帯や対象、金額または計算方法を来店前に分かる場所へ明記します。料理代だけを見て予算を判断した人と、実際の支払額との間にずれが生じないようにしましょう。

メニュー画像やPDFだけの掲載から見直すには

画像やPDFには、紙のメニューを流用しやすく、印刷時の見た目を保ちやすい利点があります。一方、文字の小さな一覧では、スマートフォンで拡大や横移動が必要になる場合があります。PDFも端末によって別画面で開いたり、ダウンロードが必要になったりするため、使いやすさを実機で確認することが大切です。

スマートフォンで紙面全体が小さく見えるPDFと、料理名や価格を縦に読み進められるWebメニューを比較した図。

見直すときは、すべてを一度に作り替えなくても構いません。まず、主な料理、税込価格、セット内容、提供時間をWebページの文字情報として掲載します。そのうえで、細かな品目を含む全品一覧や印刷用の補足資料としてPDFを用意する方法があります。

文字情報は画面幅に合わせて折り返せるため、スマートフォンでも読み進めやすくなります。文字の拡大や読み上げを利用する人への配慮にもつながります。ただし、文字に置き換えただけで検索順位が上がるとは限りません。まずは、お客様が内容を確認しやすくなるかという観点で判断しましょう。

PDFを残す場合は、開く前に内容が分かる案内を付けます。「ディナー全メニュー・PDF・更新日」のように示し、容量が大きい場合はファイルサイズも添えると親切です。更新日は実際に差し替えた日を使い、新しいように見せるためだけに変更しないようにします。

また、新しいPDFを公開しても、古いページや過去のお知らせから旧版へ進める状態では価格の混乱が残ります。差し替え時には、メニューページだけでなく、関連する案内から正しいファイルを開けるかも確認しましょう。Web本文とPDFの内容を一致させることまでを、更新作業に含めておくと安心です。

季節メニューと価格改定を無理なく反映する

作った直後に見やすくても、情報が古くなれば来店前の判断には使いにくくなります。定番メニューと期間限定メニューは分けて管理し、掲載開始日、提供終了日、終了後に非表示にするかどうかを制作時に決めておきましょう。

季節商品は、終了後も写真だけが残ると現在も注文できるように見えてしまいます。過去の商品として残すなら、「提供終了」と分かる表示にし、現在のメニューとは区別します。掲載を自動終了する仕組みを使う場合も、設定した日時と店内の営業予定が合っているかを確認してください。

価格の重複入力にも注意が必要です。トップページ、ランチページ、お知らせなどに同じ金額を別々に入力すると、改定時に更新漏れが起きやすくなります。価格の管理元をまとめ、必要な場所へ共通表示できるかを制作会社へ相談しましょう。難しい場合は、価格を載せる場所を絞る方法もあります。

  • 店舗スタッフが変更する項目:価格、短い説明、販売状況、提供期間など。
  • 制作会社へ依頼する項目:新しい分類の追加、ページ構成の変更、写真の大幅な差し替えなど。
  • 契約前に確認すること:更新できる範囲、操作方法、依頼時の費用と反映までの目安。

役割分担は一例です。店舗の人員や更新頻度に合う形を選びましょう。一般的な更新設計については、関連記事「ホームページ制作で『更新しやすさ』を設計する方法」(/column/website-update-friendly-design/)も参考になります。

価格改定時は、公式ホームページだけでなく、SNS、予約サイト、店頭メニューも照合します。「どこを・誰が・いつ更新するか」を一枚の確認表にまとめると、媒体ごとの食い違いを見つけやすくなります。

制作を依頼する前に、現状のメニューを点検しよう

制作会社へ相談する前に、ご自身のスマートフォンでホームページを開き、初めて来店するつもりで料理を探してみてください。「昼に食べられるものを知りたい」「二人でコースを予約したい」など、具体的な目的を一つ決めると、不足している情報が見えてきます。

  • 画像を何度も拡大せずに、料理名と税込価格を読めるか。
  • ランチやディナーの提供時間、曜日限定の条件が分かるか。
  • セットに含まれるものと、追加料金が必要なものを区別できるか。
  • コースの人数条件、予約期限、所要時間の目安が分かるか。
  • 終了した季節商品や、改定前の価格が残っていないか。
  • 読んだ後に、予約や問い合わせの窓口を迷わず見つけられるか。

予約が必要なメニューの近くには予約方法を案内し、電話受付だけの場合は受付時間も添えます。予約システムとの連携については、関連記事「大阪の店舗向けホームページ制作・予約システム連携」(/column/osaka-shop-website-reservation-integration/)で詳しく紹介しています。

相談時に用意するものは、現行メニュー、掲載可能な写真、更新頻度、困っている点の四つが基本です。「ランチ価格を月に一度変える」「同じ質問の電話が多い」など、実際の運用も伝えると、必要な制作範囲を整理しやすくなります。見た目の刷新だけでなく、選びやすさと情報の正確さを制作要件にしましょう。

「メニューがスマホで読みにくい」「価格や季節商品の更新が追いつかない」とお困りでしたら、リノウェブへご相談ください。現在のホームページURLやメニュー資料と、改善したい点をお問い合わせフォーム(/contact/)からお知らせください。新規制作・リニューアルに向けて、掲載内容や更新方法を整理するところからご相談いただけます。

読んだうえでの疑問は、そのままご相談ください。

制作費0円・月額9,800円(税別)〜で、公開後の更新・保守・改善提案まで承ります。「まだ何も決まっていない」段階で構いません。

CONTACT

まずは、無料でご相談ください。

「まだ何も決まっていない」段階で大丈夫です。しつこい営業は一切しません。

お電話でも受け付けています 080-9574-4037 受付 10:00〜18:00(土日祝を除く)