店のHPの電話番号をタップできるように

1. 1

   スマホで番号を押してみる

   お客さまへ案内している公開URLを開き、電話番号や電話ボタンをタップします。発信画面が出るか、表示された番号が店のものかを見ます。電話をかける前に止めれば、受付を邪魔せずにリンク先を確認できます。画像の中にだけ番号が書かれている場合も、その位置を控えます。

2. 2

   修正内容を担当へ渡す

   ページのURL、現在の表示、店の正しい電話番号、電話受付時間を一つの連絡へまとめます。『スマホで押すと、この番号の発信画面へ進むようにしたい』と伝えれば目的が明確です。ボタンの色やコードを店主が先に指定する必要はありません。

3. 3

   公開後の番号と案内を確認する

   修正後の公開URLをもう一度スマホで開き、発信画面の番号を見ます。店の代表番号と予約専用番号が違う場合は、予約用に合っているかも確認します。受付時間外の連絡方法を載せるなら、実際に対応できるフォームやLINEの行き先も合わせます。

番号表示とリンクの違い

スマホが電話番号らしい文字を自動で認識する場合もありますが、どの端末でも同じように押せるとは限りません。電話用のリンクを明示しておけば、制作側で行き先を管理できます。MDNの電話リンク解説では、電話番号を指定するtelのURLと、端末の機能によって起きる動作が説明されています。

店主がHTMLを直接編集しなくても、『文字の電話番号を押せるようにする』『予約ボタンとは別に電話受付を置く』と依頼できます。紙メニューを撮った画像だけに番号がある場合は、画像の外にも番号と受付時間を文字で載せます。見えない場合や拡大しづらい場合にも、連絡先を探しやすくなります。

営業と電話受付を分ける

営業中でも仕込みや接客で電話を取れない時間があるなら、受けられる時間を案内します。例えば『電話での予約相談：15時〜17時。営業中は接客のためお待ちいただく場合があります』という書き方です。これは例なので、店が実際に対応できる時間へ変えてください。

電話受付が営業時間と同じなら、わざわざ二つの大きな説明を作る必要はありません。番号の近くに一行で読めれば足ります。時間外に受けるLINEやフォームがある場合も、すぐ返答できる窓口でなければ、『送信後、店からの返信をお待ちください』と添えます。連絡できることと予約確定は分けます。

修正依頼に使える文例

文例：『【URL】の下部にある電話番号を、スマホで押せる電話リンクにしてください。表示と発信先は【店の番号】です。ボタンの文言は「電話で予約を相談する」、補足は「受付：15時〜17時」にします。公開後はスマホの発信画面で番号が合うか確認したいです。』番号が複数あるなら、用途も一言添えます。

電話を主な予約窓口にしていない場合は、『予約はネット、当日の連絡は電話』など役割で分けます。ページの最上部に全部の窓口を同じ大きさで置くより、予約したい方が使う一つと、急ぎの変更で使う一つを読み取れるように依頼します。固定ボタンを増やすことから始める必要はありません。

タップと通話を分ける

発信画面へ進めたら、電話用リンクの行き先は確認できます。しかし回線がつながるか、店で受けられるかまで確認したことにはなりません。代表番号を変えた直後など、本当に受信できるかが必要な場面だけ、店内で時間を合わせて一度通話確認します。

分析画面に電話ボタンのクリックが出ても、押して発信を取りやめた方を含む可能性があります。クリックだけで『予約が増えた』と判断せず、実際に受けた予約の記録と分けて見ます。確認用に店のスタッフが押した分も、自然な来店客の行動とは区別してください。

不通時の窓口を残す

店が電話を取り損ねたときに使う文例：『お電話がつながらない場合は【通常の予約相談窓口】へ、お名前・希望日・人数をお送りください。店からの返信で予約が確定します。当日の変更は【当日対応する方法】をご利用ください。』対応できない窓口を、代わりの連絡先として増やさないようにします。

電話番号を変更した場合は、まず店のHPで表示とリンク先を直します。その後、普段使うプロフィールや店頭資料の、実際に案内しているものを確認します。すべての媒体を一覧にする前に、お客さまが今見ている番号から直せばよいでしょう。

最後に確認すること

• 公開HPをスマホで押し、発信先の番号を確認した
• 電話を受けられる時間と別窓口の役割を伝えた
• 電話クリック・通話・予約成立を別に数える