ヒートマップとは
ヒートマップとは、ページ上でクリックされた場所、どこまで読まれたか、どこに目が留まったかなどを、色の濃さで示す可視化の方法です。
平たく言えば、「ページ上の利用者の動きを、温度分布のように見せたもの」です。多くの人が反応する場所は濃い色（暖色）、反応が少ない場所は薄い色（寒色）で示されます。
ヒート（heat）は「熱」、マップ（map）は「地図」を意味します。ページの上に重ねて表示することで、数字だけでは分かりにくい動きを、直感的に把握できます。
仕組み・ポイント
主な種類と、分かることは次の通りです。
| 種類 | 示すもの | 分かること |
|---|---|---|
| クリック | 押された場所 | 注目された部分、期待されて押されたが反応がない部分 |
| スクロール | どこまで読まれたか | 離脱の位置、読まれていない情報 |
| 注目 | 視線や滞在の傾向 | 関心を集める部分 |
使い方の手順は次の通りです。
- 見たいページと、確かめたい仮説を決める。
- 十分な訪問のデータが集まるまで、一定期間計測する。
- 端末（パソコン、スマートフォン）別に分けて見る。
- 色の傾向から仮説を立て、別の方法（聞き取り、実験）で確かめる。
ヒートマップは、何が起きているかを示しますが、なぜ起きているかは教えてくれません。たとえば、ボタンでない画像が多くクリックされていても、押せると期待して押したのか、拡大したかったのか、色だけでは判断できません。
計測の際は、個人を特定する情報や入力内容が記録されないように設定を確認します。利用目的は、プライバシーに関する案内で明示します。
実務での使い方・具体例
架空のサービスで、LPのスクロールのヒートマップを見ると、ページの中ほどで急に読まれなくなっていると分かったとします。この位置には、長い説明の文章が続いていました。
仮説は、「文章が長く、読む意欲が下がっている」です。この仮説を確かめるため、説明を短くして図に置き換える案を作り、一定期間後に、読まれる範囲と、申込みへの進み方を比べます。同時に、数名の顧客に、そのページの印象を尋ねます。
クリックのヒートマップでは、説明のための画像が多くクリックされていました。画像を拡大できる、または詳しい説明に移動できる設定にすると、利用者の期待に応えられる可能性があります。動きを把握し、仮説を立て、確認するという流れで活用します。
数が少ないときの注意
訪問者が少ない期間のヒートマップは、偶然の偏りが大きく出ます。十分なデータが集まるまで待ち、別の期間でも同じ傾向が現れるかを確認します。一人の特殊な動きに、判断が引きずられないようにします。
よくある誤解と注意点
- 色の濃さだけで、利用者の意図を断定しないでください。 理由は、聞き取りなど別の方法で確かめます。
- 端末によって画面の構成が異なります。パソコンとスマートフォンを分けて見ます。
- データが少ない段階の傾向は、不確かです。
- 計測の設定によっては、入力内容などが記録されるおそれがあります。設定を確認し、プライバシーに配慮します。
関連用語
- LPO（ランディングページ最適化）：ページ改善の中でヒートマップを活用する取り組み。
- EFO（入力フォーム最適化）：フォームの改善に使うこともある方法。
- A/Bテスト：仮説の効果を確かめる実験。
- LP（ランディングページ）：ヒートマップで見ることの多いページ。
- CVR（コンバージョン率）：改善の成果を表す割合。
Otsumuに相談できること
動きの可視化は、仮説の立て方と、確認の方法をセットで考えると活きます。観察から改善までの進め方を、一緒に検討できます。 Otsumuでは、指標の定義づけや計測の整え方を KPI設計のご支援 としてご相談いただけます。まだ考えが固まっていない段階でも構いませんので、状況の整理から 30分の無料相談 をご利用ください。
執筆：Otsumu株式会社 ／ 編集日 2026.10.04