ヒートマップと改善サイクル：データから仮説を出し続ける（総まとめ）｜LP・CVR改善の教科書 第6回

ヒートマップで分かる3つのこと

ヒートマップ は、訪問者がページのどこを見て、どこを押し、どこまで読んだかを、色の濃さで表したものです。サーモグラフィのように、よく見られている場所ほど赤く、あまり見られていない場所ほど青く表示されるのが一般的です。主に図1の3種類があります。

スクロールヒートマップ：どこまで読まれたか

ページの上から下に向かって、何%の人がその位置まで読んだかを示します。LPでは、下に行くほど読んでいる人が減っていくのは当然です。注目したいのは、ある場所で急に人が減っているところ です。そこには、訪問者が「もう読まなくていい」と判断した何かがあります。たとえば、ファーストビューのすぐ下で急に減っていれば、最初の画面で「自分向けではない」と感じた人が多いと考えられます。

クリックヒートマップ：どこが押されているか

ページのどこが押されているかを示します。CTAのボタンがどれくらい押されているかはもちろん、押せない場所が押されていないか を見るのにも役立ちます。リンクのない画像や見出しがよく押されていれば、訪問者はそこをもっと詳しく知りたいと思っているのかもしれません。

注目（滞在）ヒートマップ：どこがよく読まれたか

ページのどの部分で、訪問者が長く止まっていたかを示します。よく読まれている部分は、訪問者の関心が高い内容です。逆に、伝えたいのに読まれずに飛ばされている部分があれば、見出しや見せ方を変える必要があるかもしれません。

セッション録画：一人ひとりの動きを見る

ヒートマップは多くの訪問者の動きをまとめたものですが、セッション録画 は、一人ひとりの訪問者がページをどう動いたかを再現して見られる機能です。フォームのどこで手が止まったか、同じ場所を何度もタップしているか、といった具体的な動きが分かります。数字やヒートマップで「ここが怪しい」と思った場所を、録画で確かめると、原因の見当がつきやすくなります。

無料で使えるツールもある

ヒートマップやセッション録画は、専用のツールを使います。たとえば、Microsoftが提供するMicrosoft Clarityは、公式のFAQで「永久に無料」とされ、クリックマップやスクロールマップ、セッション録画、何度も連続で押す「レイジクリック」や押しても反応しない場所を押す「デッドクリック」などの分析を提供しています（記録できるセッション数などには上限があります）。ツールの比較はヒートマップツールおすすめ比較、ClarityについてはMicrosoft Clarityの評判も参考になります。

なお、セッション録画では訪問者の動きを記録するため、フォームに入力された個人情報などが記録・表示されないよう、ツールの設定（マスキングなど）を確認しておきましょう。プライバシーポリシーでの説明も忘れずに行います。

「症状」から仮説を立てる

ヒートマップや録画を見ると、いろいろな「気になる動き」が見つかります。しかし、見つけた動きをそのまま直すのではなく、「なぜそうなっているのか」という仮説 を立てることが大切です。医者が、熱や咳という症状から病気の原因を考えるのと同じです。熱を下げるだけでは、病気は治りません。

図2の表は、LPでよく見られる症状と、考えられる理由、打ち手の例です。

症状1：ファーストビューの直後で多くが離脱している

考えられる理由は、広告や検索の言葉と、ファーストビューの見出しがずれていることです（第1回・第2回）。打ち手は、流入の言葉に合わせて見出しを変えることです。流入元ごとにスクロールの深さを比べると、どの広告から来た人が早く離脱しているかが分かり、仮説を確かめやすくなります。

症状2：料金の手前で多くが離脱している

料金を見る前に、納得するための材料が足りていない可能性があります。価格が高い商材ほど、事例や効果、ほかの選択肢との比較を料金より前に置くと、料金を見たときの印象が変わります。

症状3：押せない画像や見出しがよく押されている

訪問者が、そこをもっと詳しく知りたいと思っているサインです。リンクを付けて詳しい説明に飛べるようにする、その場で説明を足す、といった打ち手が考えられます。

症状4：フォームの特定の項目で手が止まる、離脱する

第4回で学んだ「面倒・不安・つまずき」のどれかがある可能性が高いです。電話番号の欄で止まるなら「営業電話が来るのでは」という不安、住所の欄で止まるなら入力の面倒さ、エラーが何度も出ているならつまずきです。録画で、どの欄で、どんな動きをしているかを見て見当をつけます。

仮説の書き方

仮説は、次の形で書くと、そのままA/Bテストの設計書（第5回）に使えます。

【症状】ファーストビューの直後で、広告Aから来た人の約半数が離脱している
【理由（仮説）】広告Aの見出しは「中小企業向け」だが、LPの見出しは大企業向けの表現になっている
【打ち手】広告Aから来る人向けに、見出しを「中小企業向け」の言葉に合わせる
【見る数字】広告Aから来た人のスクロール率と、CTAのクリック率

LP改善のサイクルを回す

ここまでの全6回の内容をつなげると、LP改善は図3のようなサイクルになります。

1. データを見る：数字（第1回）、ヒートマップ・録画（第6回）で、どこに問題がありそうかを見つける
2. 仮説を立てる：症状から「なぜか」を考える。構成（第2回）、コピーとオファー（第3回）、フォーム（第4回）のどこに原因がありそうかを考える
3. 施策とテスト：仮説にもとづいて改善案をつくり、A/Bテスト（第5回）で確かめる
4. 学びを残す：結果と、その理由を記録する。次のデータの見方や仮説に活かす

このサイクルを、月に1〜2回など決まったペースで回すのがおすすめです。1回の改善で劇的に成果が上がることはまれですが、小さな改善を積み重ねると、半年、1年で大きな差になります。

学びの残し方

改善を続けるうえで意外と大切なのが、記録 です。担当者が変わったり、時間がたったりすると、「前にも同じテストをした」「なぜこのデザインになっているのか分からない」ということが起こります。次のような表に、テストのたびに1行ずつ記録していきましょう。

この表がたまっていくと、自社のLPにとって「何が効いて、何が効かないか」が分かるようになります。これは、LPだけでなく、広告のクリエイティブやメール、営業資料をつくるときにも役立つ、会社の財産になります。

もう一歩深く：改善案に優先順位をつける

症状を見つけて仮説を立てていくと、改善案はすぐに10個、20個とたまります。全部を同時に試すことはできないので、優先順位をつける必要があります。よく使われるのは、次の3つの観点で、それぞれを1〜5点などで点数をつけて比べる方法です。

• 効果の大きさ：うまくいったとき、CVRや売上にどれくらい効きそうか。多くの人が見る場所（FVやフォーム）ほど大きい
• 確からしさ：その仮説を支えるデータがどれくらいあるか。数字・ヒートマップ・録画・お客様の声がそろっているほど高い
• 手軽さ：どれくらいの手間と時間で試せるか。文言の変更は手軽、ページの作り直しは手間が大きい

点数の合計や掛け算で並べると、「効果が大きく、根拠があり、すぐ試せる」改善案から順に手をつけられます。点数は厳密でなくてかまいません。関係者で同じ物差しを使って話し合えることに意味があります。

この記事の監修者に相談できます

監修者の田中磨生が代表を務める株式会社Abinで、ご相談をお受けしています。

相談無料ツギノテ編集部に相談する→

よくある誤解：「ヒートマップを入れれば改善できる」

ヒートマップツールを入れると、きれいな色のついた画面が見られるので、それだけで改善が進んだ気になりがちです。しかし、ヒートマップはあくまで 症状を見つける道具 です。症状から仮説を立て、施策を考え、テストで確かめ、学びを残す、という一連の流れがなければ、成果にはつながりません。

また、訪問者が少ないページのヒートマップは、数人の動きに大きく左右されます。ヒートマップの結果だけで判断せず、数字やほかのデータと組み合わせて考えるようにしましょう。

実務ではこう使う：明日からの3ステップ

全6回の内容を、明日から実際に使うための3ステップにまとめます。

1. 今週中に：CVの計測が正しいかを確かめ、流入元ごと・段階ごとのCVRを表にする（第1回）。ヒートマップツールを入れていなければ入れる
2. 今月中に：スマホでファーストビューとフォームを見直し、明らかな問題（流入とのずれ、不要な項目、分かりにくいエラー）はすぐ直す（第2回・第4回）
3. 来月から：ヒートマップと数字で症状を見つけ、仮説を立てて、月に1回はA/Bテストを行う。結果を記録表に残す（第3回・第5回・第6回）

社内だけで手が回らない場合は、LPOツールやLP制作会社の力を借りるのも1つの方法です。LPOツールおすすめ比較、ヒートマップツールの成功事例、LP制作の成功事例も参考にしてください。チャットで訪問者の疑問にその場で答える方法もあり、その場合はWeb接客ツールおすすめ比較が参考になります。

全6回のまとめ

• 第1回：CVRは「誰が来ているか・何を見せているか・どれだけ手間か」で決まる。計測→流入とのずれ→FV→フォーム→細部の順で直す
• 第2回：LPは訪問者の疑問に順番に答える。FVには4つの要素、CTAは温度に合わせて段階を用意する
• 第3回：特長ではなくベネフィットを、根拠とともに伝える。オファーの条件は分かりやすく、表示のルールを守る
• 第4回：フォームの離脱は面倒・不安・つまずき。項目を減らし、入力を助け、送信後の流れまで設計する
• 第5回：A/Bテストは、仮説と判断のルールを先に決め、必要な人数と期間まで待つ
• 第6回：ヒートマップで症状を見つけ、仮説を立て、テストし、学びを記録するサイクルを回す

確認テスト

おわりに

LP改善は、一度やって終わりではなく、続けることで成果が積み上がっていく取り組みです。今日学んだ考え方を使って、まずは自社のLPの数字とスマホでの見え方を確かめるところから始めてみてください。

LPに人を集める側の考え方はWeb広告運用の基本、計測の設定はアクセス解析とGA4、A/Bテストの統計はマーケターのためのデータ分析・統計入門の講座で、さらに深く学べます。

参考資料

• Microsoft Learn「About Clarity（Clarity FAQ）」 https://learn.microsoft.com/clarity/faq （確認日：2026年11月12日）
• Nielsen Norman Group「Scrolling and Attention」（2018年4月15日） https://www.nngroup.com/articles/scrolling-and-attention/ （確認日：2026年11月12日）