【22年最新】ヒートマップツールの比較おすすめ11選！（無料あり）機能や料金も解説

本記事では、ヒートマッツールについて、おすすめツールや種類、導入メリットをわかりやすく説明します。選び方や比較のポイントについても解説していますので、ぜひ比較検討の際に参考にしていただけますと幸いです。

ヒートマップツールとは

ヒートマップツールとは、Webサイトに訪れたユーザーの行動を、サーモグラフィーを模した暖色～寒色の色分布で可視化するツールです。ページスクロールやマウスの動き（軌道やクリック）から、ユーザーの目線や行動、ページ内の関心の強さを把握することができます。

数値分析と違って視覚的に情報を得られるため、直感的にユーザー行動を理解することができ、デザイナーやエンジニアなどサイト解析の専門外のメンバーとヒートマップを共有しながら、ページ改善・コンテンツ改善を策定できるでしょう。

ヒートマップのデータを活用してコンテンツを最適化することが、結果としてSEO対策にも繋がるため、ヒートマップツールはSEOツールに分類されることもあります。

ヒートマップツールでできる5つのこと

ヒートマップツールでできることは具体的に以下の5つです。

ツールごとにできることは異なるため、導入の前に把握し、自社の目的をヒートマップツールで実現できるのかを確認しておきましょう。

1. 熟読エリアの可視化│ページのどの部分がよく読まれているのかがわかる

ヒートマップツールでは、ページ内の滞在時間を可視化し、熟読エリアからユーザーの興味・関心を把握することができます。この機能は「アテンションヒートマップ」とも呼ばれ、スクロールやマウスの動きに基づいて、表示されていた時間の長短を特定の色で示します。

ミエルカヒートマップ（表示されているヒートマップ画像）の場合、滞在時間が長い順から「赤＞黄＞緑」と表示されており、ユーザーがどの個所に興味・関心を持っているのかを直感的に把握することが可能です。

「ユーザーに読んでほしい部分なのに、注目されていない」というような課題を発見することができます。見つけた場合は、コンテンツの入れ替えやデザインの改修によって改善を図りましょう。

2. 終了エリアの可視化│どこまで読まれてどこで離脱されたのかがわかる

ページをどこまでスクロールしているのかを可視化し、ユーザーがどこまで読了したか、どこで興味を失って離脱したのかが把握できます。この機能は「スクロールヒートマップ」とも呼ばれ、スクロールの長さと離脱箇所に基づき、ページを読みに来たユーザーの何％がその位置まで読んだのかを示します。

表示の方法はツールごとに異なりますが、一般的にミエルカヒートマップ（表示されているヒートマップ画像）のように、一定の間隔に区切ってパーセンテージが表示されることが多いです。

また、以下の画像（ツール例：User Heat）のように、パーセンテージに加え、ファネル系の図形によりユーザーの維持率を示すツールもあります。

終了エリアではユーザーが「離脱している位置」と「コンバージョンポイント」を確認することが多いです。ユーザーがコンバージョンポイントにたどり着く前に離脱されてしまうと機会損失となります。たとえば、申し込みボタンや購入ボタンをコンバージョンポイントとしているケースでは位置の変更という改修が優先度が高いでしょう。

3. クリックエリアの可視化│クリックされた位置がわかる

ページ内のクリックされた箇所を可視化し、コンテンツごとのクリック頻度を把握できます。この機能は「クリックヒートマップ」とも呼ばれ、コンテンツがクリックされた頻度を特定の色で表示します。

ミエルカヒートマップ（表示されているヒートマップ画像）のように表示されることがほとんどで、クリック数が多い順から「赤＞黄＞緑」と暖色から寒色にかけて表されます。

クリックをしても意味がない部分でアクションがとられていても計測されるため、ユーザーを惑わせている箇所を発見することができます。

「ボタンが小さすぎて誤ってクリックしてしまう」「デザインがあたかもクリックできるような見た目になっている」といった仮説を立て、パーツのデザインや配置の改善に活用しましょう。

4. マウスフローの可視化│マウスがどのように動いたのかがわかる

ページ上のマウスポインターの軌道を可視化し、視線の場所や動きを追跡することでユーザーの閲覧行動の傾向が把握できます。この機能は「マウスフローヒートマップ」とも呼ばれ、ツールによってそのままマウスの動きを表示したり、ユーザー毎に色分けして表示したりすることが可能です。

ただし、基本的にPCからのデータ取得のみとなっており、スマホユーザーには適用できない、または正確なデータが取得できないということに注意が必要です。

クリックヒートマップと同じく、ユーザーにとってわかりにくい箇所を見つけ、改善に繋げましょう。

5. スワイプ・タップの可視化│スマホ内のアクションがわかる

スマホ・タブレットユーザーが閲覧するページ内のタップやスワイプ、ピンチイン/アウトなどのアクションを可視化し、ページ内のユーザーの行動を把握することができます。

この機能は「タッチアクションヒートマップ」と呼ばれ、現代ではスマホからWebサイトを閲覧するユーザーが多くなっているため、スマホユーザーの行動の傾向を把握するためにも必要性の高い機能と言えるでしょう。

スマホ操作はスクロールがしやすく、コンテンツを読み飛ばしやすいため、アテンションヒートマップのみでは熟読エリアが大まかな結果として表示されてしまいます。しかし、滞在時間が短いエリアでも、ピンチイン/アウトなどのアクションが集中して発生していることも考えられます。

また、上下スワイプが多い箇所では、ユーザーがその部分に注目しているという捉え方もできます。ただし、興味があるから読み返しているのか、内容が難しくて理解に時間がかかっているのかまではわからないため、仮説を立てて、効果検証をしていく必要があります。

ヒートマップツールではできない2つのこと

ヒートマップツールを活用してもできないことがあります。それは以下の2つです。

できることと同じく、できないことも把握しておくことで、自社が想定している使い方ができるのかを判断することが可能です。

1. ページを横断した分析はできない

ヒートマップツールで分析ができるのはページ毎です。そのため、Webサイト全体や複数のページをまたぐ分析は行うことができません。また、トラフィックが少ないページの場合は数値の幅が極端になるため、検証の参考にできない可能性もあります。

使い方としては、まずWebサイト全体の傾向やボトルネックとなるページを「アクセス解析ツール」で掴んだ後、ヒートマップツールでそのページの改善点を見つける、といったやり方がおすすめです。

2. ユーザー行動の理由まではわからない

ヒートマップツールが可視化できるのはあくまで「ユーザーの行動を機械的に追った結果」のため、ユーザーがなぜその行動をとったのかまでは明確にすることができません。

たとえば、アテンションヒートマップで熟読エリアとして可視化されている箇所が「興味を持ったから長く滞在したのか」「わかりづらかったから読むのに時間がかかったのか」は担当者が判断する必要があります。

ヒートマップツールから得た結果はあくまで「仮説」を立てるために利用しましょう。その検証を行うためにも、ABテストや他のテストなどを行い、明確な理由付けをしなければなりません。

おすすめヒートマップツール9製品の費用・特徴を比較＋永久無料のヒートマップツール2選【比較表あり】

1. ミエルカヒートマップ｜3種のヒートマップ表示でユーザー行動が見えやすい

【機能表】

【料金表】

ミエルカヒートマップを利用した人のレビュー

2. Ptengine｜Webサイト改善サイクルを誰でも直感的に行える

【機能表】

【料金表】

Ptengineを利用した人のレビュー

3. mouseflow｜感覚的に使いやすいサイトデザインでCVアップを促進

【機能表】

【料金表】

mouseflowを利用した人のレビュー

4. CONTENT ANALYTICS｜コンテンツ単位で課題やゴール貢献度を可視化

【機能表】

【料金表】

5. User Insight｜ヒートマップ機能を搭載したアクセス解析ツール

【機能表】

【料金表】

User Insightを利用した人のレビュー

6. Sitest Lite｜ヒートマップ解析に特化した小規模サイト向け分析ツール

【機能表】

【料金表】

7. UXCam｜スマホアプリ上でヒートマップの利用が可能

【機能表】

【料金表】

8. crazyegg｜スナップショットを利用したわかりやすいレポートの作成が可能

【料金表】

9. Contentsquare｜デスクトップ、モバイル、アプリの全チャネルに対応

【料金表】

無料のヒートマップツールの有効性と有料版との違い

ヒートマップツールの中には、以下の2パターンで無期限・無料で利用できるものがあります。

無料版はほとんどの場合、計測可能なPV数や登録可能なドメイン数に制限をかけることで有料版との明確な差別化を図っています。そのため、自社の目的が制限内で達成できるのであれば、無料版でも問題はありませんが、達成できない場合は、ヒートマップツールを導入する意味がないため、少しでもスペック不足を感じるのであれば有料版の導入をおすすめします。

完全無料で利用できる優秀なおすすめヒートマップツール2選

以上の留意事項を踏まえ、ここでは完全無料（永久無料）で使えるヒートマップツールの中から、計測ページ数やPV数の上限がない、または比較的余裕のあるサービスを厳選してご紹介します。

 1. User Heat｜月間30万PVまで、全ヒートマップが無料で使える

有料版にあたるのが、同社が提供するアクセス解析ツール「User Insight」です。ヒートマップに加えて、EFO分析やセグメンテーション、広告効果測定といった機能を備えたWebサイト改善の総合ソリューションとなっています。

2. Microsoft Clarity｜無料だけどPV数・ページ数の制限なし

ヒートマップの種類は、スクロールヒートマップとクリックヒートマップのみですが、計測ページ数やPV数の上限がありません。また、セッションリプレイや見やすいダッシュボードも搭載されており、これらすべての機能を完全無料で利用することができます。

また、オープンソースでありながら、個人データ保護規則であるGDPRとCCPAにも準拠しており、信頼性の高さはMicrosoftならではといったところでしょう。

ヒートマップツールの4つの比較ポイント

ヒートマップツールにはさまざまな活用方法があります。ただし、ツールによって出力できるヒートマップの種類や分析機能などが異なるため、まずは可視化したい情報や分析対象を明確にしておくこととツールの選定に役立ちます。

その点を踏まえた上で、以下のポイントを比較検討していきましょう。

1. ヒートマップの種類は目的に合っているか

「ヒートマップツールでできる5つのこと」の章でも解説した通り、ヒートマップは大きく以下の5種類に分類されます。

可視化したい情報や分析対象に対応できる種類のヒートマップツールを選びましょう。1つのツールで複数の種類を兼ね備えたツールもあるため、最低限必要な要件は押さえつつ、利用予定がある機能があれば、それを搭載しているツールを選んでおくと安心です。

また、デバイスごとに必要なヒートマップも異なるため、自社サイトに流入するユーザーが使用しているデバイスを確認し、多い方を高い優先度としてそれに対応できるヒートマップが搭載されているツールを検討することをおすすめします。

それぞれのヒートマップの定義については提供会社によって異なる場合があるため、よく確認しておきましょう。

2. ヒートマップ以外の機能で自社に必要な機能があるか

ヒートマップツールには、ユーザー行動の分析をサポートする機能も備わっています。ページ改善における課題や分析対象に合った機能を見極めることが重要です。

たとえば、ユーザー属性ごとに行動データを分析できる「セグメント機能」では、年齢や性別、興味・関心などで属性を分別したり、コンバージョンに至ったユーザーと至らなかったユーザーの行動を比較したりすることができます。

また、ヒートマップはツールの特性上、入力フォーム上のユーザーの動きを正確に取得することが難しい場合があります。問い合わせや決済のフォーム改善を行いたい場合は、エントリーフォーム分析機能や、EFOツール（フォーム最適化）との連携機能などが有効です。

参考までに代表的な機能を載せておくので、比較の際に参考にしてみてください。

3. トラッキング可能なPVや登録可能なドメイン数はサイトに合っているか

ヒートマップツールでは、トラッキング可能なPV数や登録可能なドメイン数、データの保存期間が決まっていることが多く、ツールによって様々です。

以下4つのスペックを確認しておきましょう。Webサイトの規模や計測したいページによって要求されるスペックが異なります。

また、PV数が少なすぎるとデータが分散し、正確な傾向が得られないことにも注意が必要です。最低でも100PVは計測することを推奨します。

あらかじめ自社サイトの情報を把握しておき、それにマッチするツールやプランを選びましょう。

4. サポート体制は自社が求めるレベルか

ヒートマップツールは、サービスベンダーによって導入サポートや操作レクチャーが付帯しています。

いくら高性能でも適切な使い方ができなければ、思ったようにデータ分析やページ改善が進みません。自社のWebサイト解析に関する知識や人材レベルに応じて、サポートの有無や内容も確認しておくとよいでしょう。

中には、計測結果に基づく施策立案やWebサイト改善のアドバイスを行なってくれるコンサルティング付きのサービスやプランもあるので必要な場合は利用されても良いでしょう。

導入事例から見るヒートマップツールの活用方法

ヒートマップツールを利用したWebサイト改善の事例を2つ紹介します。

事例1. 株式会社Wevnal｜最大CPA300%以上の改善を生むヒートマップ活用術

SNS広告運用などのデジタルマーケティング事業、ランディングページ制作・チャットボットAIの開発など多種多様なサービスを提供する株式会社Wevnalは、ランディングページにおけるユーザーの関心事項を明らかにし、そのナレッジを横展開できれば、より早く沢山の売れる記事ランディングページを作ることができると考え、ヒートマップツール「ミエルカ ヒートマップ」を導入しました。

活用方法は、アテンションヒートマップの暖色部分（熟読エリア）ではテキストを増やし、寒色部分（熟読されていないエリア）では要素を削除、という改善を数百件繰り返すことで、理想的な記事構成を社内のナレッジとして蓄積、横展開していくというものです。

結果、ヒートマップを使って分析・リライトを行うことでCPA（1顧客あたりの獲得費用）を200％改善できた事例をいくつも生み出すことができ、直近では375％の改善ができた記事があると言います。

事例2. ソウルドアウト株式会社｜記事型ランディングページの読了率や離脱率を大幅に改善

地方・中小・ベンチャー企業を対象に、Webマーケティング支援を行うソウルドアウト株式会社は、クライアントの多くが中小企業であり、ツールにかけられる予算が限られているため、価格と機能性のバランスが良いツールを探していました。

そこで要件に合ったヒートマップツール「Ptengine」の導入を決定。ランディングページの離脱率／読了率と獲得ページへの遷移率、コンバージョン率をに注目し、あまり読まれていない部分を削り、冒頭の段落の内容も記事で知ることのできる情報についてまとめる形に修正したところ、冒頭の離脱率が10パーセント以上改善しました。

また、クライアントのアパレルメーカーでは、コンテンツ改善のヒントを得られたと言います。当社の記事型LPをアテンションヒートマップで分析したところ、「商品の魅力6つ」というコンテンツのうち、特に価格に関する情報が読まれていることがわかりました。そこから、価格に関するコンテンツを中心に記事を改修するというアクションをとれるようになったのです。

加えて、クリックヒートマップからは、リンクの形式や設置箇所の違いによる効果の変化も捉えることができたと言います。より目立つボタンやバナーもある程度クリックされていましたが、意外にも文章内に溶け込んでいるテキストリンクがよくクリックされることを発見。このようにヒートマップ分析でリンク1つにも、よりユーザーにクリックしてもらえるよう工夫ができるという新たな視点を得られるようになりました。

まとめ｜ヒートマップはサイト改善のヒントになる

ヒートマップツールでページ内のユーザーの行動を可視化することで、Webサイトのパフォーマンスやコンテンツを改善するヒントを得ることができます。

ただし、その結果から仮説を立てて検証するのはあくまで人の仕事です。適切かつ効率な効果検証を行うためにもEFOツールやアクセス解析ツールとヒートマップツールを組み合わせ、サイト全体の効果を向上させましょう。本記事の比較表記載の分析機能と選び方のポイントを参考に、ぜひ最適なツールを見つけてください。