公式サイトから予約・問い合わせにつなげる導線の基本
公式サイトを見た旅行者が、迷わず予約や問い合わせに進めるようにするには。ボタンの置き場所、電話番号の扱い、予約サイトへのリンク、問い合わせフォームの項目など、小規模な宿で取り入れやすい工夫をまとめます。
この記事で分かること
- 予約ボタンの位置と分かりやすい文言
- 電話・外部予約ページへの案内
- 問い合わせの入力負担を減らす工夫
公式サイトで宿の魅力を伝えられても、「では、どうやって予約すればいいのか」が分からなければ、旅行者は別の宿に移ってしまうかもしれません。小規模な宿では、予約サイト、電話、メール、予約システムなど、予約の方法が施設ごとに異なります。だからこそ、自分の宿の予約方法に合わせて、次に進む道を分かりやすく示すことが大切です。
この記事では、公式サイトから予約・問い合わせにつなげるための基本的な工夫を整理します。
まず、予約方法を一つに絞って伝える
最初に決めたいのは、公式サイトから案内する「主な予約方法」です。
- 予約サイト（OTA）の自施設ページで予約してもらう
- 予約システムの予約画面で予約してもらう
- 電話で予約を受け付ける
- 問い合わせフォームやメールで空室を確認してもらう
複数の方法を並べること自体は問題ありませんが、どれも同じ大きさで並んでいると、旅行者はどれを選べばよいか迷います。最も受けたい予約方法を一つ主役にし、その他は補助として小さめに示すと、選びやすくなります。
ボタンの置き場所：読み終えたところに次の行動を
予約・問い合わせのボタンは、ページの一番下だけでなく、旅行者が「泊まってみたい」と感じそうな場所の近くに置きます。
- ヘッダー（どのページからでも予約に進める）
- トップページの最初の画面の近く
- 各客室・プランの紹介の直後
- アクセス情報の後
- ページの最後
スマートフォンでは、画面の下部にボタンを固定表示する方法もあります。スクロールしてもボタンが消えないため、どこまで読んだ時点でも予約に進めます。ただし、画面の一部を常に覆うことになるため、本文や他のボタンを隠さない大きさにしましょう。
ボタンの文言：押した先で何が起きるかを書く
「こちら」「詳しくはこちら」のような文言は、押した先で何が起きるのかが分かりません。押す前に行き先が分かる文言にします。
| 分かりにくい例 | 分かりやすい例 |
|---|---|
| こちら | 空室を確認する（予約サイトへ） |
| お問い合わせ | 電話で予約する（受付 9:00〜20:00） |
| 送信 | 入力内容を送信する |
予約サイトなど別のサイトに移動するボタンでは、「（予約サイトへ）」のように移動先を明記しておくと、旅行者が戸惑わずに済みます。
押しやすさ：スマートフォンでの大きさと間隔
スマートフォンでは、指でボタンを押します。ボタンが小さすぎたり、他のリンクと近すぎたりすると、押し間違いが起こります。
ウェブのアクセシビリティの国際的なガイドラインであるWCAG 2.2には、ポインターで操作する対象の大きさについて、少なくとも24×24 CSSピクセルを確保することを求める達成基準（2.5.8 Target Size (Minimum)、レベルAA。対象同士の間隔が十分な場合などの例外があります）があります。これは最低限の基準なので、予約ボタンのように特に重要なボタンは、それより余裕をもった大きさにしておくと安心です。
電話番号は「押せる」ように
電話予約を受け付けている宿では、電話番号を tel: 形式のリンクにしておくと、スマートフォンで番号を押すだけで発信画面を開けます（HTMLの a 要素の href に tel: から始まる値を指定します）。
あわせて、次の情報を電話番号の近くに書いておきましょう。
- 電話を受け付けている時間帯
- 時間外の場合の連絡方法（メール、問い合わせフォームなど）
接客中や夜間など、電話に出られない時間がある小規模な宿ほど、受付時間の明記が問い合わせの行き違いを防ぎます。
問い合わせフォームは項目を絞る
問い合わせフォームは、項目が多いほど入力の手間が増えます。最初の問い合わせでは、返信に本当に必要な項目だけに絞りましょう。
- お名前
- メールアドレス（または電話番号）
- 宿泊希望日と人数
- 問い合わせ内容
あわせて、返信までの目安（例：2営業日以内）をフォームの近くに書いておくと、旅行者は安心して待つことができます。送信後には、送信が完了したことと、次に何が起きるのか（確認メールが届く、など）を表示しましょう。
確認したいチェックリスト
- 主な予約方法が一つに絞られ、最も目立つ位置にあるか
- 客室紹介の直後など、検討が進んだ場所に予約ボタンがあるか
- ボタンの文言で、押した先が分かるか
- スマートフォンでボタンが押しやすい大きさ・間隔になっているか
- 電話番号が押せるリンクになっていて、受付時間が書かれているか
- 問い合わせフォームの項目が必要最小限で、返信の目安が書かれているか
導線を整えた後は、実際にボタンがどれくらい押されているかを確かめると、次の改善につながります。計測の考え方は「宿泊施設がGA4で最初に確認したい数字」で解説しています。
制作デモで確認する
旅館デモの客室ページで客室の問い合わせボタンを押すと、希望プランを選択した状態のフォームに進めます。もう一度客室名を入力する手間を減らす設計です。
紹介したデモは架空施設のサンプルで、実際の予約・送信はできません。YADO SITESのサービス内容もあわせてご覧ください。
