ヒートマップとは｜見方・使い方と判断の注意点

ヒートマップは行動の偏りを探す資料

ヒートマップはクリックやスクロールなどの行動を画面上へ集約する表示です。赤い場所が必ず重要、下まで届かない人が必ず不満という意味ではありません。ツール・対象URL・期間・端末・表示版を固定し、操作の事実から仮説を作ります。Microsoftの概要

種類ごとに分かることを分ける

サービスごとに名称や集計が違うため、凡例と分母を確認します。H2到達イベントは節の位置を別途計測する方法ですが、これも読了の証明ではありません。

観測前の条件をそろえる

対象ページ、観測期間、端末、流入、計測開始日、同意条件、ページ変更日を記入します。PCとモバイルの違うレイアウトや、改訂前後のページを一緒に解釈しません。表示件数が小さい場合は結論を保留します。ツール導入はClarity手順で扱います。

画面を読む手順

1. URLと期間を絞り、端末を選びます。URLのクエリ違いをまとめる場合は内容が同一か確認します。
2. 表示された画面が対象期間の版と対応するか確認します。固定ヘッダー、展開要素、長い画像の影響を記録します。
3. クリックとスクロールを別々に観測し、件数・深さ・対象要素を記録します。
4. 許可された範囲の録画や自分の操作テストで、押せない要素やエラーを確認します。
5. GA4で同条件の成果を確認し、仮説と反証条件をまとめます。

架空例：「CTA付近に操作が集中するが受付成功は少ない」。これだけで文言が悪いとは言えません。遷移先が開くか、フォームに入力障害がないか、受付イベントが欠落していないかを順に確認します。

観測と解釈を分けて記録する

「怒ってクリックしている」などの心理は断定しません。目立つ録画だけを選ぶと判断が偏るので、観測対象の選び方と除外した理由も残します。観測票を保存して根拠を整理してください。

AIへ渡す前に秘匿と条件を確認する

対象URL、端末、期間、件数、ページ改訂日、秘匿済みの観測メモを渡します。
ヒートマップの色から心理や成果を断定せず、観測・仮説・反証を分けてください。
画像から読めない数値は未確認とし、次の操作確認を3件以内で提案してください。

録画や画像の個人情報を取り除き、利用許可のある範囲だけ共有します。AIの指摘は元画面・凡例・計測条件に戻って確認します。サイトマップにはAI特化のヒートマップ記事もありますが、今回は /lpo/ の範囲を制作し、未作成ページへのリンクは置きません。

完了条件と次の一手

条件付きの観測、別の原因の可能性、追加確認が記録できれば分析段階は完了です。改善効果はこの画面だけで確定せず、LPOの進め方で変更計画を作り、必要ならABテストへ進めます。

AI支援で制作。資料確認日：2026年10月6日。次回確認予定：2027年1月6日。Clarityの実アカウント操作・設置・録画受信、ABテストと実サイトの改善効果測定、実務者監修、第三者再現は未実施です。記入例・数値例は架空の教材です。改善効果を保証するものではありません。