ヒートマップツールの仕組みとは？おすすめのヒートマップツールも紹介

ヒートマップツールはサイトの定性的な分析に欠かせないツールです。とはいえ、まだまだ認知されていない分析ツールでもありますので、なかにはヒートマップツールの仕組みを知らない方もいるでしょう。

そこで、この記事ではヒートマップツールの仕組みに焦点を当てながら、メリットやデメリットなども紹介します。

おすすめのヒートマップツールも紹介していますので、ヒートマップツールの導入を検討している際には参考にしてください。

ヒートマップツールとはサイトのデータを色分けして可視化する分析ができるツールです

まずは、ヒートマップツールの仕組みから見ていきましょう。

サイトのなかでもよくみられている部分ほど明るい色を表す仕組みになっています。よくみられているホットスポットほど赤色に変化しますので、サーモグラフィのようなイメージです。ヒートマップツールは主に5つの色で構成されています。

よくみられている順番に明るい色から暗い色へと変化します。最上位色の赤色の構成比は20％を占めていて、以降の色も20％ごとに切り替わるのが一般的です。色によってサイトのよくみられている部分が可視化されますので、データを用いるよりも簡単にサイト全体の傾向が把握できます。

さらに、数値の分析のみでは気づけなかった法則性も発見できる可能性がありますので、定量的な分析と合わせて利用するのがおすすめです。

ヒートマップツールの種類は多岐にわたります。分析したい内容に合う仕組みのヒートマップツールを利用することで、自社サイトに最適な改善を施せるようにしましょう。

クリックヒートマップはよくクリックされる部分ほど赤く表示される仕組みです。クリックヒートマップを利用することで、以下のポイントを確認できます。

クリックヒートマップでは、サイトにおけるUIの課題を発見することができます。例えば、ユーザーがボタンがないところをクリックしていることも解析でき、情報として得ることができます。

ボタンがないところをクリックしているということは、ユーザーを困惑させてしまっていると判断できます。

このように、得られたデータをもとにUIやUXの改善に役立ちますので、ユーザビリティの向上も期待できるでしょう。

スクロールヒートマップは、ユーザーがどこまでサイトをスクロールしたのかを判断できる仕組みを採用しています。下にスクロールされている確率が高いほど、重要なコンテンツをしっかりと届けられていると判断できるでしょう。

一方で、スクロールされていないサイトはユーザーの需要に応えられていません。もし、自社サイトがスクロールされていないのであれば、以下の項目を見直してみましょう。

以上のなかでもページの読み込み速度を改善するのは比較的簡単です。データの圧縮や掲載する画像を絞れば、サイトの読み込み速度は上昇します。いずれにせよ、スクロールヒートマップを利用してユーザーが離脱しているポイントを見極められれば、離脱しているところからコンテンツを組み直せるはずです。

アテンションヒートマップとは、ユーザーがスクロールを止めた場所の平均滞在時間を算出し、滞在時間が長ければ長い場所ほど赤色で表す仕組みです。アテンションヒートマップを利用することで以下の項目が把握できます。

アテンションヒートマップの最大の特徴は、サイト内で人気のあるコンテンツを把握できることでしょう。人気のあるコンテンツにCTAボタンを設置することで、自社商品へと自然な流れで顧客を誘導できます。

また、いらないコンテンツの把握にも役立つでしょう。いらないコンテンツを修正、削除することでユーザビリティの向上が期待できます。

タッチアクションヒートマップはスマホサイト専用のヒートマップです。スマホにはPCにはできない独自の機能が存在します。スマホでの操作は以下のような項目があげられます。

以上の動作のなかでもピンチアウトしているコンテンツには「さらに細かく内容をみたい」という、ユーザーの意志が読み取れます。一方でなんとかしてでも見たいほどに優秀なコンテンツでありながらも、ピンチアウトしなければ見られないというUIの悪さも確認できるでしょう。

特に、ピンチアウトが発生しているコンテンツは、改善の余地が大幅にあると思っていただいて問題ありません。ピンチアウトが発生しているコンテンツのサイズを少し大きくするだけでも、ユーザビリティが向上するでしょう。

それぞれヒートマップツールの種類によって特徴が異なることをイメージいただけたでしょうか。続いて、ヒートマップツールの仕組みや使い方をそれぞれ紹介します。

ページ内のクリック箇所を可視化するためには、クリックヒートマップを利用してください。クリックヒートマップではクリックされた割合が高い場所ほど赤色で表示されます。

リンクを貼っていないのにクリックされている場所があれば、コンバージョンの損失につながっている可能性があります。そのため、ヒートマップ内の赤色になっている部分にCTAボタンを設置するようにしましょう。

ページ内で熟読されている箇所の可視化には、アテンションヒートマップが役に立つでしょう。アテンションヒートマップでは赤い部分がユーザーのよく見ているコンテンツにあたります。しかし、よく見られているコンテンツだからといって、必ずしも良質なコンテンツであるとは限りません。

もしかすると、見にくい・読みにくいコンテンツであるためにユーザーが同じ部分にとどまっている可能性があります。そのため、アテンションヒートマップの赤い部分が、文字サイズや画像が小さいコンテンツに該当する場合には、改善の余地があるでしょう。

ページ内で離脱した箇所を可視化したい場合には、スクロールヒートマップを利用してください。サイトの中盤でユーザーが離脱している場合は、ユーザーに伝わりにくい設計になっている可能性が高いです。

特にスクロールヒートマップで、赤色から青色への切り替わりが多い部分には改善の余地があります。離脱率が高い部分を中心に表を挿入したりアニメーションを組み込んだりして、ユーザーを飽きさせないコンテンツを作りましょう。

ページ内のエリア別滞在時間を測定するには、アテンションヒートマップが役に立ちます。アテンションヒートマップでは、ユーザーの平均滞在時間が長ければ長いほどその部分が赤色で表示される仕組みです。

そのため、アテンションヒートマップで青色になっているコンテンツは、ユーザーの目をひく施策が効果的です。例えば、画像を挿入したり一覧表でわかりやすく解説したりするのがよいでしょう。

ヒートマップツールの仕組みや特徴について、ご理解いただけましたでしょうか。ここからは今まで紹介してきた内容を踏まえて、メリットとデメリットを紹介します。

ヒートマップツールを使用するメリットは以下の2点です。

それぞれの特徴を紹介します。

ヒートマップツールではスクロールヒートマップの利用で、ユーザーが離脱しているポイントを把握できます。離脱しているポイントを中心にコンテンツを組みなおせば、滞在時間を伸ばすことにもつながりますし、直帰率や離脱率の数値を改善できる可能性があるでしょう。

アクセス数やCTR（クリック率）などの定量的なデータ分析も大切ですが、ときにはヒートマップツールを利用した定性的な分析も大切です。今まで数値では見つけ出せなかった規則性を見出して、サイトの改善につながる可能性があります。ユーザー体験の向上のためにも、ヒートマップツールは役に立つでしょう。

ヒートマップツールを使用するデメリットは以下の2点です。

それぞれの特徴を紹介します。

ヒートマップツールはサイト全体の数値改善というよりは、部分的な数値の改善に役立つツールです。そのため、サイト全体の数値を向上させたい場合には、定量的な分析ツールと併用してヒートマップツールを利用するようにしてください。

ヒートマップツールではユーザーの行動を可視化できますが、正確な行動理由を把握することは難しいです。よく見られているコンテンツであれば、一見優秀なコンテンツに思えるかもしれません。しかし、見にくいコンテンツだからこそよく見られている（＝長く止まっている）可能性もありえます。

そのため、ヒートマップツールを活用しながら、ユーザーの深層心理を読み解くことも必要です。

ここではおすすめのヒートマップツールを10個紹介します。無料で利用できるヒートマップツールもありますので、まずはお試しで利用してみてください。

ミカエルヒートマップは導入企業が1,300社を超えるヒートマップツールです。講談社やWOWOWなどの大手会社も利用していて、利用した会社のなかにはCTRが4倍に改善された会社も存在します。

ヒートマップツールによるユーザー行動の可視化に加えて、潜在顧客への集客につながるデータも算出してくれます。例えば、訪問済みのユーザーのデータを「Google Search Console」を利用して分析し、本当に改善が必要なキーワードを抽出してくれます。

ミカエルヒートマップの費用プランは以下の通りです。

「Builtwith社」の調査によると、Ptengineは国内利用者数・顧客数No.1のヒートマップツールです。また、90％以上のユーザーがコンテンツに満足しているツールでもあります。

サイト内に1つのタグを設置するだけで利用できますので、実装からたった5分で利用可能です。行動の可視化から簡単なABテストも実施できますので、Ptengineの利用だけでサイト運用の改善案を発見できます。

Ptengineの費用プランは以下の通りです。

Growthコースでは14日間の無料お試し期間があります。まずはFreeコースを利用して、使いやすいと感じた場合にはGrowthコースのお試しプランもおすすめです。

User Heatは無料ヒートマップツールです。情報の登録さえしてしまえば、誰でも無料で利用できます。

User Heatの最大の特徴は無料で利用できることです。無料で利用できるツールだからといって利用制限は特になく、以下の機能を利用できます。

以上の機能を利用できますので、中小規模の分析であれば困ることはないでしょう。

User Heatは、月間30万PVまで無料で利用できるヒートマップツールです。もし30万PVを超えてしまっても、課金されるようなことはありませんので安心して利用できます。

User InsightはPCやスマホ、タブレットのユーザーのアクセス解析に特化したヒートマップツールです。サイト改善事例をもとにした勉強会も実施されていますので、初心者でも扱いやすいでしょう。

User Insightでは、サイトのアクセス数を増やすための方法を直感的に指導してくれるのが特徴的です。ヒートマップツールによる分析のみならず、競合他社の分析をおこなったりサイトの改善点を抽出できたりするサービスも整っています。User Insightを利用すれば、専門知識がなくてもサイトの改善ができるようになるでしょう。

User Insightは初期費用に5万円がかかり、その後はPV数によって値段が変わります。

Sitestはアジア圏での導入実績が60万サイトもあるヒートマップツールです。LIONやNTT東日本などの名だたるブランドも利用していて、広告業界から小売業界までさまざまな業界で使われています。

ヒートマップツールによる定性的な分析に加えて、スクロール・クリックなどのデータを定量化した分析も可能です。定量的なデータと定性的なデータをかけ合わせることで、多角的に自社サイトを分析できるようになります。

Sitestでは無料プランを提供しています。Sitestの無料プランで利用できる内容は以下の通りです。

Robeeは小売から金融まで幅広い業界で利用されている、Webホスピタリティツールです。Robeeを利用した会社のなかには、CTRを最大で120％改善した会社も存在します。

ユーザーの行動を可視化するヒートマップツールはもちろんのこと、細かなABテストサービスまで提供しています。Robeeを活用すれば、Webマーケティングに関する施策をワンストップで利用可能です。

Robeeの料金プランは以下の通りです。

Mouseflowは20万社以上に導入されている高機能ウェブサイト分析ツールです。Mouseflowを利用することで感覚的に使いやすいデザインを採用できるようになり、ユーザビリティの向上につながります。

Mouseflowではヒートマップ機能以外にも以下の機能が用意されています。

Mouseflowの料金プランは以下の通りです。

もし気になるようであれば、すべての機能を無料で使えるお試しプランも提供されています。

Contentsquareは「世界No1の顧客体験分析 プラットフォーム」です。従来のヒートマップにはなかった、コンテンツレベルでの利益率を計算できます。

Contentsquareでは以下の機能が用意されています。

このほかにも拡張機能として、GoogleアナリティクスやAdobeアナリティクスなどと連携可能です。

Contentsquareの料金プランは、申し込みをして確認する必要があります。ただし、公式サイトからの申し込みであれば、テスト版のContentsquareを無料で利用可能です。まずは無料版で使用感を確かめてみてから申し込むようにしましょう。

USERDIVEは、これまでのコンテンツ分析ツールではできなかった体験を提供しているUX分析ツールです。ページ内のコンテンツを要素ごとに分解して、目標到達への貢献度をデータ化します。PCサイトやスマホサイトともに対応しているのも特徴です。

コンテンツの要素を自動分割して、分解されたコンテンツの目標への貢献度を数値化します。貢献度を数値化することでいらないコンテンツを排除できますので、UXの向上が期待できます。

USERDIVEは月額5万円から利用できます。フォームの入力で簡単に問い合わせできるのも便利なポイントです。

Appseeはユーザーの行動を動画によって可視化できるヒートマップツールです。iOSやandroidのアプリに特化したヒートマップツールで、グローバルメディアが認めるほど優秀な機能が揃っています。

Appseeでは以下の機能が用意されています

なかでもビデオレコーディング機能はユーザー目線で行動を確認できますので、ユーザビリティの向上に役立ちます。

Appseeではアプリの解析数やセッション数によって値段が異なります。しかし、月額9万5,000円からの利用が可能です。また、プレミアムプランの場合、最長2週間の無料期間がありますのでリスクなく使用感を確認できます。

今回は、ヒートマップツールの仕組みについて紹介しました。

ヒートマップツールは定性的なデータの分析に役立ちます。一方で定量的な分析には弱いため、Googleアナリティクスなどの定量分析ツールと組み合わせて利用するようにしましょう。