ヒートマップとは？
その種類とユーザー行動を分析してサイトを改善

スクロール（アテンション）ヒートマップで定性的に分析

スクロールヒートマップ（※一般的にはアテンションヒートマップと呼ばれています）はページ内でのユーザーの滞在時間の長さに応じて色で視覚化されます。

滞在時間が長い場所ほど色が赤く、滞在時間の短い場所ほど青く表示されます。

スクロールヒートマップでは、ページ内のどのエリアが注目されているかを視覚化することができますが、どのコンテンツが注目されているかまでは確認することができません。

定量的に分析をしたい場合は、スクロールデータという数値化されたデータを活用することで分析することができます。

スクロールデータで定量的に分析

スクロールデータとは、スクロールヒートマップから得られたデータを数値化したものです。
ページ内での特定の場所ごとの滞在時間、離脱数、到達数を数値でグラフ化しています。

スクロールデータを活用することで、定量的な分析が可能となり、以下の2つのポイントを解析することができます。

① ユーザーがどのコンテンツに興味を示しているのか
ページ内で必要な情報がすぐに見つからないと、ユーザーは求めている情報がないと数秒で判断して、直帰してしまう可能性が高いです。

ビジネスの機会損失に直結するため、ユーザーが興味を示しているコンテンツを見極めることが大事です。

ユーザーが必要としている情報をページ上部に移動させるなど、コンテンツ設計やページ導線の改善が必要です。

② ページがどこまで読了されているのか
せっかく作成したコンテンツがユーザーに見られていない状況だと、掲載している意味をなさないことになります。

記事型のランディングページであれば読了率が指標となることが多いため、ユーザーにどこまで読了されているかがポイントとなります。

ページの読了率が低い場合は、目次や画像コンテンツを追加してわかりやすい情報を提供するなどの改善が必要です。

スクロール（アテンション）ヒートマップ・スクロールデータ解析からわかる改善ポイント

スクロール（アテンション）ヒートマップとスクロールデータを使用することで、実際にどのようにコンテンツを改善できるか、活用方法をご紹介いたします。

ユーザーがページのどこまで到達しているのかを発見

スクロール（アテンション）ヒートマップを使用することで、実際にどのようにコンテンツを改善できるか、活用方法をご紹介いたします。

ユーザーのページ到達率（スクロール率）を見ると、何割のユーザーがどこのコンテンツまでたどり着いているかを分析することができます。

記事型のランディングページで考えると、ページ下部まで読ませることが本来の目的であることが多いので、ユーザーの読了率を図る際に非常に役立ちます。
ページ内の到達率をみて、到達率が大きく減少している箇所があれば、そのポイントに課題があると考えられます。

そのような場合は、コンテンツの構成内容を変えてみたり、コンテンツ自体を削除してみるなど、コンテンツ設計を見直すことで到達率の改善につながるケースがあります。

ユーザーがどこのエリアで離脱しているかを発見

ユーザーがページ内のどこで離脱（直帰またはページ遷移）につながっているかを分析することができます。

フォーム一体型のランディングページで考えると、下部のフォームに到達するまでに離脱率が高い場合だとフォーム到達までの導線設計に問題があると考えられます。

ページ離脱が多いポイントがあり、そのエリア内にページ遷移できるリンクがなければ、直帰につながっていることになります。
そのような場合は、サイト訪問者の視点からフォームが下部にあることがわかりやすい導線設計にしたり、購入を促すコンテンツを入れるなどの検証を行うことで離脱率改善につながるケースがあります。

ユーザーの注目しているコンテンツを発見

ページ内のどのコンテンツの滞在時間が長いのか、それを見てユーザーが興味・関心を持っているのか分析することができます

滞在時間が長いコンテンツは、ユーザーが立ち止まってコンテンツを熟読していると読み取れます。
そのような場合は、コンテンツエリアに意思決定を促すボタンを配置させることでコンバージョン率の向上につながるケースがあります。

一方で滞在時間の短いコンテンツは、コンテンツの読み飛ばしされていると読み取れます。
そのような場合は、ユーザーにとって興味の薄いコンテンツと考えられるため、コンテンツエリアを思い切って削除してみることで到達率の向上や離脱率の改善につながるケースがあります。

クリックヒートマップで定性的に分析

クリックヒートマップを使用することで、具体的には以下の2点を確認できます。

• ・ボタンやリンクをユーザーが正しく見つけられているか
• ・ボタンやリンクと勘違いされているコンテンツ、デザインはないか

ボタンやリンクをユーザーが正しく見つけられているか

ボタンやリンクのクリックが少ない場合、ユーザーがボタンを見落としている可能性があります。

これにより、サイト内の別ページへの適切な誘導ができず、コンバージョンの機会損失やサイト回遊率の低下に繋がることがあります。

ボタンやリンクと勘違いされているコンテンツ、デザインはないか

こちらの例では、ボタンやリンクではないテキスト要素がクリックされている結果が出ています。
ユーザーはクリックすることで特定のページにジャンプすることを期待しており、思い通りの動作が行われないとストレスを感じてしまいます。

次にクリックヒートマップの解析から得られる改善ポイントをご紹介します。

クリックヒートマップ解析からわかる改善ポイント

• ・クリックやタップ数が最も多いポイントを特定することで、その部分を成約に繋がるページへと改善する。
• ・サイト訪問者を目的のページやお問い合わせページにスムーズに導くための改善策を検討する。

クリックヒートマップやクリックデータを活用することで、サイト訪問者を目的のページやお問い合わせまで効果的に導くことができます。
これはコンバージョンにも直結する重要な要素ですので、クリックヒートマップの活用により成約数を増やすことが期待できます。

マウスグラフィで定性的に分析

マウスグラフィを使用することで、次のようなサイト分析が可能です。

• ・ユーザーの関心が高いコンテンツを明らかになる
• ・注目されている部分と部分の間隔がわかる

マウスグラフィは、クリックヒートマップだけでは把握できない「ユーザーの関心」を視覚化します。

こちらの図は、クリックヒートマップとマウスグラフィを比較したものです。
クリックヒートマップでは画面全体にクリックポイントが点在していますが、マウスグラフィでは左側を中心にユーザーの関心が集まっていることがわかります。

マウスグラフィの解析からわかる改善ポイント

さらに、マウスグラフィを使用してより詳細な分析を行いたい場合には、クリックヒートマップとの併用がおすすめです。

マウスグラフィとクリックヒートマップを比較したものです。
マウスグラフィからはユーザーがメニューに注目していることがわかりますが、クリック数は少ない結果となっています。

一方で、マウスグラフィに反応がないにも関わらず、クリックが多い「ログイン」ボタンにはユーザーが直接向かっていることが分かります。
このように、複数のヒートマップを重ねて使用することで、より深いサイト分析が可能になります。

タッチアクションで定性的に分析

タッチアクションヒートマップを使用すると、スマホユーザーが注目している箇所を分析することができます。

たとえば、ユーザーが上下にスワイプをしている場所は、その部分を熟読していると分析できます。

逆に、フリックしている箇所に集中している場合は、ユーザーがそのコンテンツにあまり関心を持っていないことや、スキップしていることがわかります。

タッチアクションで定量的に分析

ピンチイン・ピンチアウトは、スマートフォンの画面を拡大・縮小する操作ですが、多くのピンチイン・ピンチアウトが確認される箇所には注意が必要です。

良いコンテンツの例

ピンチイン・ピンチアウトの動作が見られますが、その数は少なく、スクロールヒートマップで注目度が高い箇所です。
したがって、スマホユーザーが快適に熟読していると考えられます。

改善が必要なコンテンツの例

一方、こちらの例では、動画部分にピンチアウト・ピンチインが集中しています。
注目度は高いですが、スクロールヒートマップを見ると滞在時間が短いため、改善の余地がありそうです。

タッチアクションヒートマップ解析からわかる改善ポイント

このように、タッチアクションヒートマップはスマホユーザーの複雑な動作を検知します
そのため、複雑な視点から分析する必要がありますが、他のヒートマップツールと組み合わせることで、より深いサイト解析が可能になります。