飲食店のホームページ制作来店前に知りたいことが、
すぐ見つかるサイトに。

スマートフォンでは3つのボタンを画面の下に固定します。メニューを読んでいる途中でも、そのまま予約や電話に進めます。電話番号は押せば発信できる形にし、地図のボタンはGoogleマップで店の場所を開きます。

メニュー表を撮った写真や、画像に文字を入れたメニューは、検索エンジンが中身を読み取りにくく、ブラウザの翻訳機能でも訳されません。文字で載せておけば料理名で検索したときに拾われやすくなり、価格が変わっても1行直すだけで済みます。

ラストオーダー、祝日の扱い、モーニングやランチの時間帯まで1つの表にまとめます。サイトとGoogleマップで時間が食い違うと、お客さんはどちらを信じていいか分からなくなるため、変えるときは同じ日に両方を直します。

少なくともメニュー・営業時間・行き方・予約の方法は英語で読めるようにします。公開するサイトでは言語ごとにURLを分け、どのページが何語の版かを検索エンジンに伝えます（hreflang）。料理名の訳は、お店の方に確かめてから載せます。

料理のジャンル、営業時間、住所、メニュー、予約を受けているかどうかを、schema.org の Restaurant（喫茶店なら CafeOrCoffeeShop）などの形式でページに書き込みます。検索結果の見え方が必ず変わるものではありませんが、ページの中身を取り違えずに読んでもらうための土台になります。

{
  "@type": "CafeOrCoffeeShop",
  "servesCuisine": ["喫茶", "洋食", "コーヒー"],
  "acceptsReservations": true,
  "openingHoursSpecification": [{
    "dayOfWeek": ["Monday", "Tuesday", "Thursday", "Friday"],
    "opens": "08:00", "closes": "18:00"
  }],
  "hasMenu": { "@type": "Menu", "hasMenuSection": [ … ] }
}

写真はWebPに変えて表示する大きさに合わせ、縦横の寸法を指定して読み込み中に画面がずれないようにします。画面の下のほうの写真は、近づいてから読み込みます。予約や地図などの外部の仕組みは、必要な場所にだけ置きます。