整体院のホームページを作ったのに、問い合わせも予約もなかなか来ない。そんな悩みを持つ先生は多いです。原因のひとつが、「問い合わせボタンの置き方」にあります。ボタンをどこに・どんな文言で・どのサイズで置くかによって、予約につながる確率は大きく変わります。
この記事では、整体院のホームページで予約が増える問い合わせボタンの置き方を、具体的な場所・文言・サイズとともに解説します。今日から修正できる内容ばかりですので、手元のホームページを確認しながら読んでみてください。
問い合わせボタンが機能しない3つの理由
問い合わせが来ないホームページは、ボタン自体の問題よりも「ボタンの使い方」に問題があることがほとんどです。よくある原因を3つ整理します。
1. ボタンがページのどこにあるか分からない
ホームページを下にスクロールしていくと、ボタンがページの一番下にしかない、という設計はよく見られます。読者は「問い合わせたい」と思ったとき、その場でボタンを探します。見つからなければ、そのままページを閉じてしまいます。
整体院の場合、症状の説明や施術メニューを読んでいる途中に「予約してみようかな」と気持ちが動くタイミングがあります。その瞬間にボタンが目の前にあるかどうかが、予約につながるかどうかの分岐点です。
2. ボタンの文言が行動を促していない
「お問い合わせ」というテキストだけのボタンは、何をするためのボタンなのかが伝わりにくいです。整体院を探している方が本当に求めているのは「施術を予約する」「症状を相談する」といった、具体的な次の行動です。
「まずは相談する」「予約はこちら」「無料相談を予約する」のように、読み手がイメージしやすい言葉に変えるだけで、タップ率が変わります。
3. スマホでタップしにくいサイズになっている
ホームページを訪れる方の7割以上はスマートフォンからのアクセスです。PCで見ると十分な大きさに見えるボタンも、スマホ画面では指でタップしにくいサイズになっていることがあります。小さすぎるボタン、余白のないボタンは、タップしようとしてもミスが起きやすく、ユーザーがそのままページを離れる原因になります。
- ボタンが「どこにあるか」分からないと、予約の気持ちが逃げる
- 「お問い合わせ」より「まずは相談する」のほうが行動が伝わる
- スマホで見て指でタップできるサイズかどうかを必ず確認する
整体院のホームページでボタンを置くべき3カ所
問い合わせボタンは「とにかく目立つ場所に置けばいい」というわけではありません。読者の動線に沿って、気持ちが動くタイミングに配置することが大切です。整体院のホームページで効果的な3カ所を紹介します。
1. ヘッダー（画面最上部）
ヘッダーはページのどこを見ていても常に表示される場所です。整体院名やロゴの隣に、電話番号かラインのボタンを置くのが基本形です。特に「今すぐ電話したい」という即時行動につなげるには、ヘッダーに電話番号を目立つ形で置くのが最も効果的です。
スマホのヘッダーでは、文字リンクではなく「📞 今すぐ電話」のようなボタン型にして、ワンタップで発信できるようにします。電話番号をテキストとして表示するだけでなく、tel:リンクにすることでスマホから直接発信できます。
2. ファーストビュー（最初に表示される画面内）
ファーストビューとは、ページを開いたときにスクロールせずに見える範囲のことです。整体院のホームページであれば、施術室や先生の写真と一緒に、キャッチコピーとボタンが並ぶ構成が一般的です。
ここにボタンがあることで、ページの内容をまだ読んでいない段階でも「予約できる場所だ」と認識してもらえます。ボタンは「まずは無料相談を予約する」「初回限定 予約フォームへ」など、来院のハードルを下げる文言にするとクリックされやすくなります。
3. 各セクションの末尾（症状説明・料金・よくある質問の後）
ページの途中にある各セクションが終わるたびに、ボタンを1つ置く設計が効果的です。読者は「症状の説明を読んで、自分に当てはまると思った」「料金を見て納得した」という瞬間に予約を考えます。そのタイミングでボタンがなければ、また上まで戻ってヘッダーのボタンを探す手間が生じます。
具体的には、「このような症状でお悩みの方は→相談してみる」「料金について確認できたら→予約する」というように、セクションの流れを受けた形でボタンを置くのが理想です。
整体院に合った問い合わせボタンの文言の選び方
ボタンの文言は「押してみたい」と思えるかどうかを左右します。整体院の場合、来院前に読者が持つ感情を考えながら選ぶことが大切です。
「予約する」と「相談する」の使い分け
「予約する」という文言は、「もう決めた」という人に向いています。一方、整体院を初めて訪れる方の多くは「まだ決めていない」「施術が自分に合うか不安」という気持ちを持っています。そういった読者には「まずは相談する」「気になることを聞いてみる」という文言のほうが、心理的なハードルが低くなります。
ヘッダーには「今すぐ電話する」のような即時性の高い文言、ファーストビューやセクション末尾には「気軽に相談する」「無料相談を予約する」のように背中を押す文言を使うと、読者のその時点での気持ちに合わせられます。
整体院で使いやすいボタン文言の例
実際に使いやすい文言をいくつか挙げます。自院のサービスや対象の患者さんに合うものを選んでください。
- 「まずは無料相談をする」：初めての来院に迷っている方向け
- 「LINEで気軽に聞いてみる」：電話に抵抗がある方に有効
- 「今すぐ予約する」：すでに来院を決めている方向け
- 「症状を相談する」：特定の悩み（腰痛・肩こりなど）を持つ方向け
- 「初回限定 体験予約はこちら」：初回特典がある場合に効果的
「お問い合わせ」だけでは読者に動作のイメージが伝わりません。「何をするためのボタンか」を文言に含めることで、タップ率が上がります。
スマホで使いやすいボタンのサイズと色
見た目の話ですが、ボタンのサイズと色は予約率に直結します。整体院のホームページを訪れる方のほとんどはスマホで見ているため、スマホ画面での操作性を最優先に考えます。
タップしやすいボタンのサイズ
Appleのヒューマンインターフェースガイドラインでは、タップ領域は最低44×44ピクセル以上を推奨しています。スマホで表示されるボタンは、縦の高さが44px〜56px程度、横幅は画面の70〜90%を使う横長のデザインが操作しやすいです。
ボタンの周囲には余白（パディング）を十分に取ることも重要です。上下に12〜16px、左右に24〜32px程度の余白があれば、指でタップしたときのミスが減ります。特にフッター近くのボタンは、スクロール操作と混在しやすいため、縦方向の余白を広めに取ることが効果的です。
ボタンの色の選び方
ボタンの色は、ページの他のデザインに対して目立つ色を選びます。整体院のホームページは白・グレー・茶系・緑系の落ち着いたデザインが多いため、ボタンにはオレンジ・赤・緑（差し色）のような視認性の高い色が向いています。
ただし「目立てばなんでも良い」というわけではなく、院のブランドイメージと合っていることも大切です。清潔感・安心感を伝えたい整体院であれば、派手なビビッドカラーよりも落ち着いたコーラルやティールグリーンのほうが信頼感を損なわずに目立たせられます。
ボタンのテキストは白か黒で、背景色とのコントラスト比が4.5:1以上になるようにします。コントラストが低いと視認性が下がり、特に高齢の方には読みにくくなります。
- ボタンの高さは44px以上、横幅は画面幅の70〜90%を使う
- 余白（パディング）を上下12〜16px・左右24〜32px確保する
- ページ全体のカラーと対比して目立つ色を選ぶ
固定ボタン（フローティングボタン）で離脱を防ぐ
固定ボタン（フローティングボタン）とは、ページをスクロールしても画面の下部や側面に常に表示されるボタンのことです。整体院のホームページでは、「今すぐ電話」「LINEで相談」の2択をスマホ画面の下に常時表示する設計が、問い合わせを増やす効果的な手段です。
読者がページの途中でスクロールをやめて「問い合わせしよう」と思ったとき、ページの上に戻らずにすぐ行動できます。導入するにはHTMLとCSSで実装するか、WordPressのプラグインを活用する方法があります。
スマホの固定ボタンは画面の一定割合を占有するため、コンテンツが見づらくなる場合があります。ボタンを小さくしすぎないこと、かつコンテンツを隠しすぎないことのバランスを取りながら設置します。高さ50〜56px程度のバーを画面下部に固定するデザインが一般的です。
整体院のホームページを今すぐ見直すチェックリスト
これまでの内容をまとめた、すぐに確認できるチェックリストです。自院のホームページをスマホで開きながら確認してみてください。
- ✅ ヘッダーに電話番号またはLINEボタンが常時表示されているか
- ✅ ファーストビュー（スクロールなしで見える範囲）にボタンがあるか
- ✅ 症状説明ページ・料金ページ・よくある質問の末尾にボタンがあるか
- ✅ ボタンの文言が「何をするためか」が伝わる表現になっているか
- ✅ スマホ画面でボタンの高さが44px以上あるか
- ✅ ボタンの色がページの他の要素と対比して目立つか
- ✅ 固定ボタン（フローティング）が設置されているか、または検討したか
すべてに✅がついていれば、問い合わせボタンの基本設計は整っています。ひとつでも「NO」があれば、そこが改善のポイントです。
なお、ボタンを置いても問い合わせが来ない場合は、ボタン以外の要素（ページの内容・料金の見せ方・写真の質・スマホ表示の崩れ）が原因のこともあります。ホームページ全体の改善については「問い合わせが来ないホームページによくある原因」も合わせて参考にしてください。
ホームページの基本情報の整え方については「ホームページに最低限載せるべき5つの情報」が参考になります。
よくある質問
問い合わせボタンはひとつだけ置けばいいですか？
ひとつより複数配置するほうが問い合わせにつながりやすいです。ヘッダー・ファーストビュー・各セクション末尾の最低3カ所に置くのが基本です。読者はページを読むなかで気持ちが動くタイミングが違うため、そのたびにボタンが目の前にあることが大切です。
「予約する」と「お問い合わせ」どちらの文言が効果的ですか？
初めて来院を検討している方には「まずは相談する」「気軽に聞いてみる」のほうが心理的ハードルが低くなります。「予約する」は「もう来ると決めた」人向けの文言です。ファーストビューや症状ページの末尾には「相談・聞く」系の文言、電話番号横には「今すぐ電話」と使い分けると効果的です。
LINEと電話、どちらのボタンを優先すべきですか？
できれば両方置くのが理想ですが、どちらかひとつを選ぶなら患者層によります。40代以上が中心の整体院は電話を好む方が多く、30代以下や女性が中心であればLINEが使いやすいと感じる方が多い傾向にあります。問い合わせ方法を限定するとその方法が苦手な方を取りこぼすため、「電話 or LINE」の2択をセットで提示するのが最も機会損失が少ない設計です。
固定ボタン（フローティング）はどうやって設置しますか？
WordPressをお使いであれば「Fixed Widget」「Sticky Anything」などのプラグインで設置できます。HTMLとCSSを直接編集できる方は、position: fixed; bottom: 0;のスタイルで要素を固定する方法が一般的です。設置が難しければ、ホームページ制作の担当者に「スマホ画面の下にLINEと電話の固定ボタンを付けたい」と伝えると対応してもらえます。
ボタンを設置したのに問い合わせが来ない場合、次に何を確認すればいいですか？
ボタンの設置後も改善が見られない場合は、①ページの内容が読者の悩みに答えているか、②料金が明記されているか、③スマホで画面が崩れていないか、④ページの表示速度が遅くないか、の4点を確認してください。ボタンは最後のひと押しの役割のため、そもそもページの中身が問い合わせを促せていないと効果が出にくいです。
