ホーム > ブログ > デザインの話 > どこを押せばいいかわからない!「資料請求ボタン」の位置を変えるだけで反響が増える理由

1002

どこを押せばいいかわからない!「資料請求ボタン」の位置を変えるだけで反響が増える理由

2026.10.02

「毎月ホームページの制作会社に維持費を払っているのに、問い合わせが月に1件あるかないか……」
「モデルハウスの見学会を告知しても、ネットからの予約がほとんど入らない……」
このような悩みを抱えている地域工務店の社長は少なくありません。
施工事例の写真を綺麗に撮り直し、ブログを更新し、Instagramに動画を載せても反響が伸びないとき、多くの工務店は「まだ知名度が足りないのではないか」「SNSのフォロワーが少ないからだ」と考え、さらに発信の手間を増やそうとします。
しかし、原因は集客の量ではないケースが多々あります。問題は、せっかく自社に興味を持ってホームページを見に来てくれた見込み客が、「どこを押せば資料をもらえるのかわからないまま離脱している」 という導線の設計ミスです。
工務店のWeb集客において、最も手軽に、かつ即効性高く改善できるのが「資料請求ボタン(CVボタン:コンバージョンボタン)」の配置と見せ方です。デザインを全面的にリニューアルしなくても、ボタンの位置や文言を見直すだけで、翌月から問い合わせ数が1.5倍〜2倍に跳ね上がる事例は珍しくありません。
現場の棟梁や設計士の視点を少しだけ「画面の向こうにいる家づくり迷子」の視点に切り替え、反響を逃さないホームページの導線設計を紐解いていきましょう。

1.なぜ「ボタンが見当たらない」だけで見込み客は逃げるのか?
2.反響を捨てる「やってはいけない」3大NG配置
3.反響を倍増させる「黄金の配置ルール」
4.「押したくなるボタン」に変わるマイクロコピーの魔力
5.自社のホームページを今すぐ点検するセルフチェックリスト

1.なぜ「ボタンが見当たらない」だけで見込み客は逃げるのか?

家づくり検討者は「片手スマホ」で見ている
一生に一度のマイホームを建てる顧客ですから、「隅から隅までじっくりホームページを読んでくれるはずだ」と思っていませんか?
現実は正反対です。
家づくりの主導権を握る30代前後の子育て世代や共働き夫婦は、仕事、家事、育児に追われています。彼らが工務店のサイトを見る時間は、「通勤電車の吊革に捕まりながら」「子どもを寝かしつけた後の薄暗いベッドの中」「家事の合間のわずか5分」といったスキマ時間です。
片手で画面をスクロールしながら、「このキッチンおしゃれだな」「自然素材にこだわっている工務店なんだな」と流し読みしています。このとき、画面上に「資料請求」や「カタログを申し込む」という案内がスッと目に入らなければ、わざわざ探してまで問い合わせてくれません。

「探すストレス」が与える心理的ブレーキ
Webの世界には「3秒ルール」という考え方があります。ユーザーは、探している情報や次の行動が3秒以内に見つからないと、強いストレスを感じて前のページに戻るか、ブラウザを閉じてしまいます。
施工事例を見て「いいな」と思っても、
• 右上の小さなメニュー(いわゆる三本線のハンバーガーメニュー)を開かないと問い合わせボタンが出ない
• ページの最下部(フッター)まで何十回も親指でスクロールしないとボタンが現れない
こうした作りになっていると、顧客の脳内では「まあ、今すぐじゃなくていいか」「他も見てみよう」という先送りの心理が働き、そのまま他社の住宅情報サイトへ流れてしまいます。
現場の家づくりで言えば、「見学会の会場に来てくれたお客様がいるのに、アンケート用紙もパンフレットもどこに置いてあるか分からず、スタッフも案内しないまま帰らせてしまう」のと同じ状況が、画面の中で毎日起きているのです。

2.反響を捨てる「やってはいけない」3大NG配置

現場でよく見かける、見込み客を取りこぼしている工務店サイトの典型例を3つ挙げます。自社のサイトが当てはまっていないか確認してみてください。

【よくあるNGパターン】
①ページの最下部(フッター)にしかボタンがない
②スマホ表示時、ハンバーガーメニューの中に隠れている
③周りのデザイン(木目や白壁)に溶け込んで同化している

NG1:ページの最下部(フッター)にしかボタンがない
「施工事例やこだわりを全部読んでから、最後に申し込んでほしい」という作り手の気持ちはよく分かります。しかし、サイトを訪れたユーザーのうち、ページの最下部までたどり着く人は全体の20〜30%程度と言われています。
7割以上のユーザーは、途中で満足するか、途中で飽きて離脱します。途中で「お、良さそうだな」と感情が高まった瞬間にボタンがなければ、その熱量は即座に冷めてしまいます。

NG2:三本線メニュー(ハンバーガーメニュー)の中に隠れている
スマホの画面右上によくある「三本線のアイコン」。すっきり見せるデザインとしては人気ですが、ここに「資料請求」「見学会予約」をしまい込んでしまうのは危険です。
「メニューを開く」という1タップの動作が挟まるだけで、ボタンのクリック率は大幅に下がります。顧客にとって重要な行動は、隠すのではなく常時むき出しにしておくのが鉄則です。

NG3:ボタンがサイトのデザインに溶け込んでしまっている
ブランディングを意識するあまり、洗練された木目調の背景に淡いベージュのボタンを置いたり、白地に細いグレーの線で囲んだだけのボタンにしていませんか?
建築の設計であれば「空間に馴染むディテール」は美徳ですが、Webのボタンは「浮いて目立つ」ことが正義です。「押せる場所である」と一目で認識できなければ、ただの飾り罫線として読み飛ばされてしまいます。

3.反響を倍増させる「黄金の配置ルール」

では、資料請求ボタンはどこに、どのように配置すればよいのでしょうか。押さえるべき基本ルールは以下の4点です。

配置ポイント 狙い・効果
画面下部への固定(追従バナー) どこまでスクロールしても常に親指の届く位置にある
ファーストビュー直下 最初の印象で関心を持った層を即座に誘導する
施工事例・お客様の声の直後 「こんな家に住みたい」と感情が高まった瞬間を捉える
コントラストの強い配色 背景から際立たせ、押し間違いや見落としを防ぐ

①スマホ画面下部の「追従固定(フッター固定)」
スマホ対応において、反響数改善に最もインパクトがあるのが画面下部に常に固定表示されるボタン(フローティングボタン/追従ボタン)です。
ユーザーが上へスクロールしようが下へスクロールしようが、画面の最下部に「無料カタログを取り寄せる」「見学会を予約する」という帯が固定されていれば、片手操作の親指でいつでもワンタップできます。
「いつでも押せる安心感」があるだけで、ページを読んでいる最中に「よし、ちょっと見てみるか」と思い立った瞬間を逃さず拾い上げることができます。

②施工事例・お客様の声の「直後」
感情が一番動くポイントにボタンを先回りさせておく手法です。
家族が楽しそうに暮らしている写真や、開放的なリビングの事例、施主のインタビュー記事を読んだ直後は、ユーザーの「家づくり欲」が最も高まる瞬間です。記事の結びのすぐ下に、
「この施工事例の詳しい間取り・価格が載ったパンフレットを無料でお届けします」
というテキストとともに大きめのボタンを配置します。すると、記事の読了がそのまま資料請求の動機に直結します。

③トップページの「ファーストビュー」
サイトを開いた瞬間、スクロールせずに見える最初の画面(ファーストビュー)にも、目立つボタンを配置します。
リピーターや、すでにSNSで御社のことを知って「資料をもらう前提でサイトに来た」確度の高い見込み客は、トップページをじっくり読む必要がありません。すぐに請求先へ行けるよう、画面右上のヘッダーや、メインビジュアルのキャッチコピーのすぐ下に配置しておくのが親切です。

4.「押したくなるボタン」に変わるマイクロコピーの魔力

ボタンの「位置」が決まったら、次に重要なのがボタンの中に書く「言葉(マイクロコピー)」です。
多くの工務店サイトのボタンには、無機質にこう書かれています。
[ 資料請求 ]
[ お問い合わせ ]
これでは、顧客にプレッシャーを与えてしまいます。「資料請求ボタンを押したら、しつこい営業電話がかかってくるんじゃないか」「住所を入力したら、いきなりアポなしで訪問されるのではないか」と警戒するからです。
ボタンの文字を少し工夫し、行動のハードルを下げる言葉を添えるだけで、クリック率は大きく変わります。
【改善前の文言】
[ 資料請求 ]

【改善後の文言例】
・[ 無料|家づくり施工事例集を取り寄せる ]
・[ わずか1分で完了|パンフレットを請求する ]
・[ 売り込みは一切ありません|まずは資料を見てみる ]
ボタンのすぐ上や下に、「強引な営業は一切いたしません」「スマホから簡単1分で入力完了」といった一言を添えるだけでも、ユーザーの心理的抵抗を大幅に減らすことができます。

5.自社のホームページを今すぐ点検するセルフチェックリスト

制作会社に連絡する前に、まずは社長ご自身のスマートフォンで自社のホームページを開いてみてください。
•[ ] スマホを開いた最初の画面に、問い合わせや資料請求のボタンがあるか?
•[ ] 施工事例のページをスクロールしている間、画面の下部にボタンが固定表示されているか?
•[ ] ボタンの色は、サイト全体のベースカラー(壁紙や木目の色)と同化せず、パッと目を引く色(オレンジ、緑、濃紺など)になっているか?
•[ ] 三本線メニュー(ハンバーガーメニュー)を開かないと、資料請求ボタンが見つからない状態になっていないか?
•[ ] ボタンの文字が「お問い合わせ」という漠然とした言葉だけになっていないか?
•[ ] 親指一本で無理なくタップできる大きさ(縦幅44px以上)が確保されているか?
もし1つでも「いいえ」があれば、そこから見込み客がこぼれ落ちています。
良い家を建てる工務店こそ、出口の設計にこだわるべき
どれだけ腕の良い大工がいても、どれだけ断熱性能や耐震性能に優れた家を設計できても、見込み客と接点を持てなければ、その価値を届けることはできません。
ホームページは、24時間365日文句も言わずに働いてくれる「営業マン」です。
その営業マンが、お客様の前で「資料はこちらにありますよ」と手を差し出しているか、それとも「欲しいなら奥の棚から自分で探してください」と突っ立っているか。ボタンの位置ひとつで、その態度は劇的に変わります。
Webサイトのフルリニューアルには数百万円の費用と数ヶ月の期間がかかりますが、「追従ボタンの設置」や「ボタンの配置変更」なら、制作会社に数万円〜十数万円程度、早ければ数日の作業で依頼できます。
「集客を増やすために広告費を増やす」前に、まずは「今サイトに来てくれている人を確実に捕まえる」ためのボタン位置の見直しから始めてみてください。その小さな改修が、来期の受注棟数を大きく左右する第一歩になります。

この記事を書いた人

WEBコンサルタント  山本 直人

出身地:東京都足立区
出身校:東京電機大学 情報通信工学
趣 味:ドライブ、食べ歩き
2004年Web会社を創業。日本全国の工務店のホームページ制作とSEO対策を実施し、延べ1000サイト以上の実績。
「ホームページはあるけど問合せが無い・・・」
インターネット集客で悩める日本全国の工務店経営者に
「どうやったらホームページで反響をとれるのか?」
をコンサルティングする毎日を送ります!