トピックス

ヒートマップの見方|LPの改善箇所を見つける確認手順と注意点

パソコンとタブレットのヒートマップを分析する担当者の水彩イラスト
3Bros.works JOURNALLP / ヒートマップ

画面上の行動から、改善の仮説を立てる。

見られ方を知り、
次の改善を
考える。

ヒートマップは、ページ内のクリックやスクロールなどを色で可視化し、利用者の行動を確認するためのツールです。アクセス解析で「問い合わせにつながりにくいページ」が分かった後に、どの部分を詳しく調べるかを考える材料になります。

ただし、色だけで利用者の気持ちが分かるわけではありません。赤く表示された場所でも、関心が集まったのか、操作に迷ったのかは追加の確認が必要です。表示の種類や集計方法はツールによって異なるため、まず何のデータを表しているかを確認しましょう。

最初に端末とページの版をそろえる

パソコンとスマートフォンでは、表示幅、画像の位置、文章量が変わります。両方をまとめて評価すると、改善すべき画面を取り違えることがあります。まず端末別に確認し、その次に流入元や新規・再訪など、判断に必要な範囲で分けます。

広告の訴求や対象者が違えば、同じLPでも期待される情報は異なります。ただし細かく分けすぎると件数が少なくなるため、期間と対象数を併記して解釈します。

また、ページを更新した前後のデータを混ぜないことも大切です。画像の高さを変えただけでも、スクロール率が同じ位置の内容を指さなくなる場合があります。いつの画面に対する集計なのかをそろえて確認します。

クリックは意図どおりに進めているかを見る

申込ボタンにクリックが集まっている場合は、その後にフォームへ進み、送信までできているかも確認します。ヒートマップ上のクリックが増えていても、成果につながっているとは限りません。

リンクのない画像や見出しにクリックが集中している場合は、利用者が詳細を見られると期待している可能性があります。実際の画面を操作し、見た目がリンクと紛らわしくないか、必要な情報が不足していないかを確認します。

連続クリックを示す表示も、すぐに不具合と断定しないようにします。反応しないボタンの可能性もあれば、画像の切り替えなど、元から連続操作する機能の場合もあります。

スクロールの到達率は情報の順番に生かす

重要な料金や利用条件がページ下部にあり、そこまで到達する利用者が少ない場合は、前に配置する案を検討できます。ただし、到達率が低いから長いページが悪いとは限りません。上部で必要な情報を得て、問い合わせや電話へ進んでいる可能性もあります。

そこで、スクロール到達と成果を組み合わせて確認します。問い合わせにつながった利用者と、それ以外の利用者で違いがあるか、別のボタンから遷移していないかを調べると、解釈が具体的になります。

スクロールしたことは、文章を読んで理解した証拠ではありません。必要な情報を見つけられたかどうかは、問い合わせ内容や利用者への質問からも確認できます。

改善案は観察と仮説を分けて記録する

記録は「観察したこと」「考えられる理由」「変更案」「確認する指標」の順にまとめます。たとえば、料金表までの到達が少ないという観察から、料金が見つけにくいという仮説を立て、冒頭に料金表へのリンクを置く案を作ります。

変更後は、そのリンクが押されたかだけでなく、問い合わせ完了率や問い合わせ内容がどう変わったかを確認します。複数の修正をまとめて行う場合は、個々の修正の効果までは分からないことを認識しておきましょう。

ヒートマップは改善箇所を自動的に決めるものではありません。データを見て仮説を作り、画面の確認やテストで確かめる流れの中で使うと役立ちます。

導入前に個人情報の扱いを確認する

セッション録画などを使う場合は、フォーム入力、氏名、メールアドレス、会員ページの内容が記録されないかを確認します。ツールの初期設定に任せきりにせず、マスキングや対象ページの除外を設定し、実際に取得される内容をテストします。

プライバシーポリシーや同意の扱い、保存期間、閲覧権限は、利用するツールと自社の運用に合わせて確認が必要です。応募フォームやログイン後の画面などは、そもそも計測対象にする必要があるかから検討します。

まず一つのLPを対象に、端末別の行動と問い合わせへの導線を確認するところから始めましょう。目的を決めて見ることで、色の濃淡を眺めるだけで終わらず、次に確かめるべき改善案を絞れます。

3Bros.works / CONSULTATION

次の改善を、一緒に考える

WebサイトやSNSの運用で、まず何から整えるべきか。現状の整理から制作・改善まで、ご相談ください。

制作・運用について相談する