マーコム・サポーターの椎名です。中小企業や個人事業主のマーケティング活動をサポートする傍ら、ライティング活動も行っています。今回はWebのヒートマップ分析について、活用方法や分析ツールについて取り上げたいと思います。

ヒートマップとは、多次元データの関係性を色で表現し、わかりやすくするものです。Webにおけるヒートマップはページのどこが見られているか、どこをクリックしたかをビジュアルで表現しています。そうすることで、サイトの問題点や、ユーザの隠れたニーズを視覚的に解析できるようになります。

とはいえ、ヒートマップ分析はさまざまな種類があり、具体的にどう見ればよいのか迷ってしまうかもしれません。分析結果をどう読み取って、どこをどう改善すればよいのかわからない方も少なくないでしょう。そこで本記事では、一般的に使うヒートマップ分析を取り上げ、指標の見方や改善ポイントについて解説します。後半では、おすすめの分析ツールについても簡単にご紹介します。

ヒートマップ分析の主な種類

一般的に使われている基本的なヒートマップ分析は以下の3つです。

• アテンションヒートマップ
• スクロールヒートマップ
• クリックヒートマップ

アテンションヒートマップは、ページのどこがどのくらい見られているか、その熟読率を可視化。それに対し、スクロールヒートマップは読了率をみます。すなわち、ユーザがページのどこまでを見て、どこで離脱しているかがわかるのです。クリックヒートマップは、文字通り、どこがよくクリックされているかを確認できます。

上記3つ以外に、ユーザのデバイス操作の動きから興味関心を分析できるものとして以下の2つがあります。

• マウスフローヒートマップ
• タッチアクションヒートマップ

マウスフローヒートマップは、マウスの動きが分かるもの。これはPCからのアクセスのみ有効です。これに対して、タッチアクションヒートマップは、スマートフォンやタブレットに向けたものです。タップやスワイプユーザのタッチパネルの操作を可視化します。

ヒートマップ分析でわかること

ここでは、基本的な3タイプのヒートマップについて、ヒートマップで読み取れる指標や分析のチェックポイント、実際にどう改善に導いていけばよいかについて解説します。

アテンションヒートマップ

アテンションヒートマップの指標は熟読率です。マウスなどの動きからどれだけその箇所を読んでいるかを可視化できます。分析のポイントとして、以下があげられます。

• 注目してほしいところが想定通り熟読されているか？
• 想定外によく読まれているところはあるか？

分析結果に対する具体的な改善策としては、例えば、次のようなものがあげられます。

【注目してほしいところが読まれていない場合】

ユーザがわかりにくいと考えて読まれていない可能性があります。その場合、図表で視覚化したり、コピー文を変えたりして、反応があがるかを試してみましょう。

【想定外によく読まれている場合】

その部分がユーザの隠れたニーズである可能性があります。サイト上部の目立つところに再配置することで全体の反応が高くなる可能性があります。

スクロールヒートマップ

スクロールヒートマップの指標は離脱率です。何％のユーザがどこまで画面をスクロールしているかを確認します。分析のポイントとして以下があげられます。

• どこで大幅に離脱しているか？
• サイトのコンバージョン地点とその周辺の離脱率はどうか？

改善策の例として、以下があげられます。

【大幅に離脱している個所がある場合】

サイトに書かれている情報が、ユーザの求めるものと違っているかもしれません。ターゲットユーザの求めるコンテンツは何かを洗い出し、可能性のある情報に差し替えるといいでしょう。

なお、大幅に離脱している地点の近くに重たい画像がある場合、画像の読み込み速度の問題で離脱に繋がっている可能性もあります。画像を軽くするか、思い切って削除してしまうのも手です。

【サイトのコンバージョン地点に至らずに離脱してしまっている場合】

この場合、コンバージョンに至るまでの説明が長すぎる可能性があります。コンバージョンの位置を上にあげるだけでも効果がでる場合があるので、試してみることをおすすめします。

クリックヒートマップ

クリックヒートマップはクリック率を可視化します。どのくらいユーザがその場所をクリックしているかを可視化できます。分析のポイントとしては、以下です。

• コンバージョンにつながる場所が想定通りクリックされているか？
• リンクがないのにクリックされている箇所はどこか？

改善策の例として以下のようなものがあります。

【想定通りクリックされていない場合】

ユーザがクリックしたいと思わない、興味がもてない可能性があります。これはコピー文を変えるだけでもユーザの態度変容を促すことができるので、文章を変えてみるのもおすすめです。

また、UIがわかりにくく、クリック箇所だと思われずに素通りされている可能性もあります。その場合は、ボタンの色を変えるだけでも改善するので試してみるとよいです。

【リンクがないのにクリックされている場合】

例えば、そこに画像がある場合、画像が小さく読みづらいため拡大しようとしている可能性があります。その場合、画像を見やすく改善するか、拡大画像を設けるとよいです。

ヒートマップを使ってサイトの改善をする際は、このようにヒートマップの分析のポイントを見て、なぜそうなったかを考え仮説をたてることが重要です。そうすることで改善策の糸口がつかめます。

ヒートマップは組み合わせて改善せよ

ヒートマップは、単独で指標を見るだけでなく組み合わせて使うとより効果的です。ここでは、2つ例をあげて説明します。

• アテンションヒートマップ×スクロールヒートマップの例

アテンションヒートマップの熟読率が高いにも関わらず、スクロールヒートマップで離脱が多いことがあります。これは、ユーザがその箇所でなんらかの混乱を起こして結果的に熟読率が高くなっているリスクを示しています。コンテンツがわかりにくい可能性があるので差し替えたほうがよいでしょう。

• スクロールヒートマップ×クリックヒートマップの例

コールトゥアクション（CTA）となる登録フォームの近傍をスクロールヒートマップみると、離脱が多くなっていることがあります。これは2つの可能性があります。ひとつは、想定通りコンバージョンしている場合です。この場合は改善の必要はありません。

もうひとつは、登録せず離脱している場合です。これをクリックヒートマップのクリック状況で確認できます。離脱している場合はクリックが少なくなっています。ユーザは登録を迷っているので、迷いを解消する内容を盛り込んでみるとよいでしょう。

主なヒートマップ分析ツール

ここでは、無料で使える代表的なヒートマップ分析ツールをいくつか紹介いたします。

• ミエルカヒートマップ（https://mieru-ca.com/heatmap/）

シンプルでわかりやすい操作性であり、初めてでも迷うことなく操作できます。無料プランでもサポートを受けられるので初心者でも使いやすいツールです。

• User　Heat （https://userheat.com/）

URL数無制限で30万PVまで無料で使えます。入力フォームにサイトのURLを登録するだけで利用可能です（ただし、計測タグの埋め込みは必要）。有料版としてUser Insightsがあります。

• Ptengine （https://www.ptengine.jp/）

国内導入実績No.1のツールで、世界で20万社が利用しています。サイト全体のアクセス解析とヒートマップ分析を一元管理できます。

• Sitest （https://sitest.jp/）

アクセス解析も兼ね備えているツールです。A/BテストやEFO機能も搭載しています。AIによるレポーティング、流入チャネル分析が可能です。マウスフローヒートマップが搭載されているため PCユーザの解析はおすすめです。

• Contentsquare （旧：Clicktale、https://contentsquare.gaprise.jp/）

コンテンツ単位のROIも可視化できるツールです。コンバージョンへの貢献を金額で見ることができるので、ECサイトなどで有効活用できます。

まとめ

ヒートマップ分析は、サイトの改善やユーザの隠れたニーズを探るのに役立つちます。「どこがよく見られていて」「どこで離脱されているのか」を視覚的に表現しているので初めての人にもわかりやすいです。

ヒートマップ分析にはさまざまな種類があります。「どこをどう改善したいのか」、複数のヒートマップを組み合わせて分析するとよいでしょう。ヒートマップツールはさまざまなものがあり、無料で使えるものも多いので目的に合わせてまずはトライアルで導入してみることをおすすめします。