毎月、代理店やコンサルから届くレポートに、赤や青の色がついたヒートマップの画像が貼られている。多くの住宅会社の担当者は、それを眺めて「ふーん、そうなんだ」で終わっている。集客にそこまで困っているわけではない。完成見学会にもモデルハウスにも、それなりに人は来る。だから普段見ているのは「今月は来場が何件」「一件あたりいくらかかったか」くらいのものだ。
だが、そこに伸びしろが眠っている。広告を出せば人はページにやってくる。問題は、そのページの中で人が静かに消えていることに気づいていない点にある。どこで消えているのか——その離脱ポイントを名指しできる唯一の道具が、まさにあの放置されているヒートマップである。ただし、色を見ているうちは一生「ふーん」で終わる。読むべきは色ではない。意図である。この記事では、来場数とコストしか見てこなかった会社が、自分の目でサイトの良し悪しを判断できるようになるための、ヒートマップによる離脱ポイント改善術を具体的に解説する。
来場数もCPA（一件あたりの獲得コスト）も、大事な数字であることは間違いない。しかし、これらはすべて「結果」を表す指標である。今月何件来たか、いくらかかったか——それは分かる。だが、なぜその数字になったのか、どこを直せばもっと良くなるのかは、この2つの数字からは一切見えてこない。
住宅会社のイベントページの予約完了率（CVR）は、現実的には0.1〜0.3%程度である。つまり1,000アクセスあってようやく1〜3件の予約が入るかどうか、という世界だ。逆に言えば、ページに来た人の99.7%以上は、予約せずに去っている。この「去った人たち」がどこで去ったのかを見ずに、来場数だけを追いかけても、改善のしようがない。
ここで多くの会社が犯す間違いが、「ホームページ全体を作り直そう」という発想である。だが、Webマーケティングの鉄則は「ゴールに近いところから改善する」ことにある。予約というゴールに最も近いのは、会社紹介ページでも施工事例ページでもなく、広告から人が着地するイベントページ——完成見学会やモデルハウス見学会の予約ページ——ただ一点だ。ここを徹底的に磨くのが、最短ルートである。全体をいじっても集客は変わらない。変えるべきは、予約導線の一点である。
ヒートマップを渡されて「ふーん」で終わってしまうのは、色を見ているからだ。赤いから関心が高い、青いから読まれていない——その程度の理解では、次の一手は永遠に出てこない。
ヒートマップの本質は、色ではなく「意図」を読むことにある。同じ「赤」でも、意味が真逆になることがある。あるボタンの周りが赤く染まっていれば、それは「押したくて集中している」のかもしれないし、「押したのに反応しなくて何度も叩いている」のかもしれない。ある文章が熟読されていれば、それは「引き込まれている」のかもしれないし、「回りくどくて何度も読み返している」のかもしれない。色は同じでも、ユーザーの心の中は正反対だ。
だからこそ、順序が大事になる。データは入口であって、答えではない。データを見て「なぜこの人はここでこう動いたのか」という仮説を立てるのが本体であり、その仮説にもとづいてページを直すのが出口である。データは入口、仮説は本体、改善が出口。この順番を外すと、色を眺めて終わる「ふーん」から一歩も抜け出せない。
そして、ヒートマップには読み分けるべき3つの種類がある。どこまで読まれたかを示す「スクロール」、どこを押されたかを示す「クリック（タップ）」、どこをじっくり読まれたかを示す「熟読（アテンション）」だ。この3つを、これから順番に読み解いていく。
最初に見るべきは、スクロールのヒートマップである。特に、ページを開いて最初に表示される画面——ファーストビュー（FV）の離脱率だ。ここが、すべての起点になる。
判断基準ははっきりしている。FVで離脱する人は30%以内に収めたい。言い換えれば、最初の画面を超えて下までスクロールしてくれる人が70%は残っている状態が理想である。もしFVで30%を大きく超える人が消えているなら、他の何を直すよりも先に、ここを直す。下のコンテンツをどれだけ磨いても、そこまで人が到達していないのだから意味がない。
FV離脱が高いとき、原因は大きく2つに分かれる。ひとつはページ側の問題——写真やキャッチコピー、デザインが刺さっていない。もうひとつは広告側の問題だ。広告で見せたイメージと、ページを開いた瞬間の第一印象がズレていると、人は「思っていたのと違う」と一瞬で戻ってしまう。ある分譲イベントの広告では、広告のクリエイティブとページのFVがちぐはぐで、離脱率が跳ね上がっていた。広告で期待させたものと、着地先で見せるものは一致していなければならない。
ここで重要なのは、ヒートマップ単体では、この切り分けができないという点だ。FV離脱が高いという事実は分かっても、それが広告のせいなのかページのせいなのかは、広告アカウントの数値とセットで見て初めて判断できる。ヒートマップだけを眺めていては、仮説が粗くなる。
次に見るのが、クリック（タップ）のヒートマップである。ここで多くの人が「タップが多い＝良いこと」と誤解するが、それは違う。大事なのはタップの数ではなく、「どこが」タップされているかだ。タップは、意図的・想定外・ノイズの3つに分類して読む。
意図的なタップは、予約ボタンやお問い合わせなど、こちらが押してほしい場所への正しいクリックだ。これは予約に直結するので、磨いていけばいい。問題は残りの2つである。
想定外のタップこそ、実は宝の山だ。ボタンでもリンクでもない場所が押されているとき、そこにはユーザーの「期待」が隠れている。たとえば間取り図の画像がやたらとタップされているなら、それは「もっと大きく見たい」という声だ。ならば画像を拡大できるようにすればいい。会社のロゴが何度も押されているなら「どんな会社か知りたい」という不安の表れであり、会社を伝える導線が足りていない。「豪華特典」という文字が押されているなら「詳しく知りたい」のに詳細がないということだ。押せない場所へのタップは、クレームではなく要望である。
ノイズのタップは、改善すべき視認性の問題だ。特にスマートフォンで、文字が小さくて読めず、拡大しようとして画面を叩いているケースは多い。ある工務店では、スマホ表示時に文字が小さくユーザーが何度もズーム操作をしていた。対策はシンプルで、スマホファーストで、フォントを大きめに作り直すことだ。今や来場予約の大半はスマホから入る。スマホで読みにくいページは、それだけで機会を捨てている。
3つ目が、熟読（アテンション）のヒートマップである。ここは、離脱改善において最も成果に直結する場所だ。
熟読エリアとは、ユーザーが手を止めてじっくり読んでいる箇所を指す。住宅会社のイベントページで熟読されやすいのは、圧倒的に間取り図やプランの部分だ。人は、自分の暮らしを重ねられる情報の前で足を止める。つまり、そこは関心が最も高まっている瞬間——「温度が上がった」瞬間である。
問題は、その温度が上がった瞬間の「直後」に、予約ボタンがあるかどうかだ。関心のピークで行動導線がなければ、人は満足して、そのまま去っていく。ある会社では、情報量は十分にあるのに予約が伸び悩んでいた。ヒートマップを見ると、特定の箇所でスクロールが止まり熟読されている。関心は高まっているのに、その先に予約ボタンがなかった。そこで熟読エリアの直後に予約ボタンを差し込んだところ、CVRが0.1%から0.16%へと改善した。ページ全体を作り直したわけではない。関心のピークにボタンを一つ置いただけである。
もうひとつ、熟読ヒートマップは「引き算」の道具でもある。まったく熟読されていないセクションは、機能していないということだ。もったいないからと情報を足していくと、ページはどんどん長くなり、長いページほど離脱しやすくなる。だから、読まれていないセクションは思い切って削る。逆に、よく熟読されているセクションはページの上部に移動させれば、FVの離脱も抑えられる。足すのではない。減らすのだ。改善の鉄則は、引き算にある。
ここまでで、離脱ポイントの見つけ方は掴めたはずだ。最後に、現場で最も頻繁に起きる具体的な症状——「スクロールはされているのに、予約ボタンが押されない」ケースの直し方を示す。
スクロールのヒートマップを見て、ボタンの位置まで人が到達しているのにタップされていない。この場合、問題は流入数でも配置でもなく、ボタンの「表現」にある。よくあるのが「来場予約はこちら」「お問い合わせ」といった、当たり障りのない文言のままになっているパターンだ。これでは押す理由が生まれない。直すべきは、限定感と緊急感である。
具体的には、次のような文言に変える。
あわせて押さえたい原則が4つある。ひとつ、ボタンで押すゴールは1ページ1つに絞ること。「申し込む」と「資料請求はこちら」が並んでいると、人は迷い、迷った人は離脱する。ふたつ、電話予約のボタンは必ず入れること。住宅業界は電話予約の比率が高い。みっつ、「AI診断」のような技術名ではなく「自分に合った間取りがすぐ作れる」という具体的なメリットで語ること。よっつ、時期でボタンの表現を変えること。告知の初期はハードルを下げる文言で、開催直前の木曜・金曜には緊急性を前面に出す。直近の駆け込み予約は全体の3割ほどを占めるからだ。
効果測定の目安も持っておきたい。ボタンのタップ数のうち、およそ10%が予約に繋がる。来場予約を3件取りたいなら、30タップ程度を目標に逆算すればいい。感覚ではなく、数字で追う。
ここまで離脱ポイントの見つけ方と直し方を語ってきたが、最後に最も大事な前提を押さえる。それは、そもそも「分析していい状態なのか」という問いだ。
ヒートマップは、データが十分に溜まって初めて意味を持つ。目安は最低150アクセス、PV（ページの表示回数）でいえば最低100、理想は200である。5アクセスや10アクセスの段階で「ここで離脱している」と判断するのは危険だ。それはたまたま来た数人の偶然の動きにすぎず、全体の傾向ではない。アクセスが月100件に満たない会社が、ヒートマップとにらめっこしても得るものはない。その段階でやるべきは、分析ではなく集客だ。広告の配信を強め、クリエイティブを最低3種類は用意し、まずアクセスを150、200と積み上げる。分析はそれからである。
正しく計測する準備も欠かせない。ヒートマップツールは、無料のMicrosoft Clarityで十分に始められる。全ページにコードを一つ埋め込むだけだ。社内で難しければ、制作会社に「このコードを全ページに貼ってほしい」と頼めばいい。本気で数値を追うなら、月2万円以下のミエルカを併用するのが理想だが、まずは無料で構わない。ひとつ忘れてはいけないのが、自社スタッフのアクセスを除外することだ。広報担当が自社ページを何度も開けば、そのデータが混ざって正確な分析ができなくなる。ClarityのIPアドレス除外設定で、社内のアクセスは分析対象から外しておく。
そして、直すときは一度に一箇所だけ。ボタンの文言と画像とレイアウトを同時に変えれば、どれが効いたのか分からなくなり、次に活かせない。変更は1要素ずつ、変えたら最低50アクセスは溜めてから結果を見る。確認のリズムは週2回、月曜と木曜がいい。木曜に手を入れれば、金曜から週末の集客に改善が間に合う。
こうして、来場数とコストしか見ていなかった会社が、レポートのヒートマップを開いたときに「ここで人が離脱している、だからここをこう直す」と自分の言葉で言えるようになる。代理店の報告を受け身で聞くのではなく、「ここはなぜこうなっているのか」と問い返せるようになる。それが、この記事が届けたいゴールだ。
来場数とコストは結果でしかない。その結果を生んでいる原因——ページのどこで人が消えているのか——を映し出すのがヒートマップである。だが、色を眺めているうちは何も変わらない。ファーストビューの離脱率を30%の壁で測り、想定外のタップに隠れた要望を拾い、熟読の直後に予約ボタンを置く。読まれない箇所は削り、押されないボタンは言葉を変える。そのすべての前提として、150アクセスという分析の土台と、週2回の検証リズムを持つ。
つまるところ、離脱改善とは特別な才能ではなく、「色ではなく意図を読む」という一つの視点の切り替えにすぎない。その視点さえ手に入れれば、放置されていたヒートマップは、明日から自社の売上を動かす道具に変わる。見るべきは、色ではない。意図である。
