ヒートマップとは何ですか?それを使用してWebサイトを改善する方法は?
公開: 2018-08-14デジタルの世界では、すべてが分析可能であり、すべてが測定可能であり、電子メールマーケティングキャンペーンを作成するための「Mailrelay」の場合など、私たちが自由に使えるさまざまなツールによって提供されるすべてのデータを分析した後、すべてを改善できます。
今回は、サイトを分析するための重要な要素として、ヒートマップまたはヒートマップについて説明したいと思います。
これは、デジタル戦略を最適化し、コンバージョンを最大化し、希望する結果を得るのに最適なツールです。連絡先を引き付け、製品の販売、新しい契約、記事の読者、その他の多くのメリットを得る「マシン」です。
しかし、これはやや専門的な用語であり、あまり人気がないため、デジタルセクターの専門家の間でも、次のように定義することから始めます。
- 1・ヒートマップとは何ですか?
- 2・ヒートマップを使用する必要があるのはなぜですか?
- 3・ヒートマップの種類
- 3.11 。マウスの動きのマップ
- 3.2 2. [マップ]をクリックします
- 3.33 。マップをスクロールする
- 4・ヒートマップを作成するためのツール
- 4.1 1.Yandexメトリクス
- 4.22 。クレイジーエッグ
- 4.3 3. Heatmap.me
- 4.4 4. Hotjar
- 5・結論
- 5.1関連記事:

・ヒートマップとは何ですか?
ヒートマップは、温かみのある色に基づいたグラフィック表現であり、当社のWebサイトにアクセスしたユーザーの注意を引いたものを示します。
これらは、ユーザーがホバーまたはクリックした最もアクティブなゾーンを示すために、赤、オレンジ、黄色などの強い色で作成されます。 「訪問」が少ないWebサイトの領域は、緑、青、ターコイズなどのより滑らかな色で表されます。
これらのマップを使用すると、たとえば、ほとんどの訪問者は通常、Webサイトの上部でマウスをホバーする(したがって関心を示す)ことがわかります。
同様に、たとえば、通常はページの中央部分に注意を払っていないことがわかります。
同様に、ページのどの要素が訪問者を引き付けているかを確認して、ユーザーが無視しているWebサイトの部分に必要な変更を加えることができます。
これは、サイトへの訪問者の注意を引くものをグラフィックで表したものです。 ただし、ページで機能していないものを特定するのにも役立ちます。
この情報を使用して、必要と思われるすべての変更を行い、結果を改善し、Webサイトの最も関連性の高いゾーン(人気のある記事、連絡先ボタン、データを収集するためのサブスクリプションフォーム)でマップを赤に変更できます。メールマーケティングキャンペーン)。

・ヒートマップを使用する必要があるのはなぜですか?
この概念は、例を使用してより簡単に説明できます。 商品やサービスの特別オファーを含むページを作成したとします。
この製品は、新しい訪問者の注意を引くと信じていたため、ページの右側にあるWebサイトの中央部分に公開しました。
ただし、そのページのヒートマップを分析すると、このページにアクセスした訪問者のほとんどが左上隅に注意を向けていることがわかります。 マップのこの領域は赤ですが、新製品の「訪問」ははるかに少なく、落胆する黄色で表されています。
訪問者がWebサイトにアクセスしたときに何をするかがわかったら、次の2つのオプションがあります。
- 情報をより面白くします(写真やビデオを追加したり、フォントサイズやフォントファミリを変更したり、背景色を変更したりできます)
- 訪問のほとんどが集中している場所であるため、製品を左上に移動します。
このように、あなたは直感や美学によって物事をやめます。 あなたのウェブサイトのすべての部分、すべてのセクション、すべての広告、ガイド、ボタン、ETC。 この情報がなければコンバージョン率を向上させることができないため、可能な限り最良の場所に配置する必要があります。
ヒートマップで取得した情報を使用して、最も訪問されたサイトを検出し、訪問者の注意を引いたのが、宣伝しようとしているページ領域またはコンテンツであるかどうかを確認できます。
たとえば、赤い領域を検出して別の要素を含める場合、ページのこの領域で宣伝したいとします。 マップに黄色または青の部分で色のバリエーションが表示されている場合、この情報は、コンテンツが計画どおりに機能していないことを示します。
あなたの訪問者は、あなたが宣伝したい新しいコンテンツではなく、他の要素に興味を持っているとあなたに言うでしょう。
この場合、コンテンツマーケティング戦略を変更してこの他の要素を改善するか、これが問題を解決するかどうかを確認することをはるかに魅力的にすることができます。

・ヒートマップの種類
現在、ヒートマップには次の3つのタイプがあります。
1.マウスの動きのマップ
その名前で、あなたはすでにそれが何であるかを想像することができます。 このタイプのシステムは、ユーザーがページを閲覧している間のマウスの「動き」を、画面上でマウスをトレースすることによってマッピングします。
これは最も信頼性の高いマップタイプではありませんが、訪問者の注意を引いているものと、ページのどの部分に長い間残っているかを知ることができます。これは、意識的または無意識的に、私たちがいるテキストに従う傾向があるためです。マウスで読む。
すべてのユーザーが読書中にマウスを動かすわけではないため、この情報は100%正確ではありませんが、おそらくページで見つけた関連情報をクリックすることができるため、ほとんどの人がこの習慣を持っています。
2. [マップ]をクリックします
このタイプのマップは、当社のWebサイトでの訪問者の具体的なアクションに基づいているため、最も信頼性があります。 このマップを使用して、ユーザーがクリックした領域を測定できます。 また、ウェブサイトのこの領域へのクリック数とユニークビジター数を測定することもできます。
このタイプのマップを使用すると、ビデオを見たり、写真をクリックしたり、購入ボタンを押したり、サービスの詳細を確認したりする訪問者の数を知ることができます。
この種の情報は、どの商品が訪問者の注目を集めているかを詳細に知ることができるため、仮想店舗にとって価値があります。
この情報を使用して、ページの構造を変更し、最も人気のある製品を最適な場所に配置できます。これにより、さらに良い結果が得られます。

3.マップをスクロールします
長いランディングページでは、ユーザーが何度も下にスクロールする必要がある場合、このタイプの分析により、ユーザーがページを離れる前にどれだけ遠くまで到達したかについて非常に具体的なアイデアを得ることができます。
この情報を使用して、最も関連性の高い要素を上部に追加し、ユーザーを行動の呼びかけに向けて徐々に導くことができます。

・ヒートマップを作成するためのツール
現在、ヒートマップを作成するための多くのツールがあります。 それらのいくつかは無料ですが、ほとんどのオプションは有料版のみを提供します。 これらのツールは月平均100ドルかかるため、これは重要な事実です。
中小企業の場合、価格が高くなる可能性があります。
ヒートマップを作成するためのツールは、実際に効果を発揮するために多くの訪問を必要とするため、Webサイトから始めて、月間訪問数が10,000または20,000をまだ超えていない場合、この投資は価値がない可能性があります。
ヒートマップを作成するために存在するすべてのツールの広範なリストについては話したくありません。実際、それらのほとんどは機能とコストが非常に似ているため、それらの間に感知できるほどの違いはありません。
それらを選択したユーザーの数に基づいて、最も重要な無料ツール、最も効果的なツールについてお話ししたいと思います。 後で、それらをテストして、ニーズに最適なものを選択できます。
1.Yandexメトリクス

リスト全体で唯一の無料ツールから始めましょう。 YandexMetricsについて話しています。
このツールは無料であり、これはすでに有利な大きなポイントです。 これは、新しいビジネスを作成しているユーザー、または別のツールにお金を払う余裕がないユーザーに最適なオプションです。
ソフトウェアが訪問者の行動を追跡できるように、アカウントを作成し、WebサイトのHTMLコードにスクリプトを挿入する必要があります。 心配しないでください。 ほとんどのツールはこのように機能するため、HTMLコードにスクリプトを追加しても問題はありません。
分析には、スクロールマップとクリックスルーマップの2種類があります。
マウスの動きを分析するためのマップは、効果が最も低いため、提供されていません。
このツールをスマートフォンで使用することもできます。これは、どこからでもサイトで作業できるため、他のすべてのオプションが提供するわけではない利点です。
その機能の1つは、サイトを変更したか、新製品を販売するための特別プロモーションを開始したために、2つの期間を選択して訪問者のアクティビティを比較できることです。
また、主に無料のアプリケーションであるため、サイトを分析するための一連のすばらしい機能もありますが、この記事ではヒートマップの作成方法と解釈方法について説明しているため、これらの各ツールの詳細については説明しません。
2.クレイジーエッグ

次に推奨されるツールは、このタイプのタスクで最も人気のある有料オプションであるCrazyEggです。 WordPressを使用している人のために、サイトにツールを簡単にインストールするために使用できるプラグインがあります。
他のプラットフォームで作業している場合は、ページのHTMLコードでスクリプトをコピーするだけです。
これは完全なツールであり、それほど高価ではありません。 最も安いプランは、月に約10,000回の訪問があり、月に約29ユーロの費用がかかるサイトに推奨されます。
ヒートマップを作成するためのツールで利用できる一般的な機能に加えて、Crazy Eggは、「紙吹雪」と呼ばれる別のヒートマップオプションを追加します。
これは、トラフィックソースによってセグメント化されたヒートマップの一種です。つまり、ソーシャルネットワーク、グーグル検索(またはその他の検索エンジン)で生成されたトラフィックに応じて、さまざまなヒートマップを表示できます。
この情報は、ソーシャルネットワークでの作業を分析し、訪問者がどこから来ているかを見つけることができるため、非常に役立ちます。 この情報を使用して、戦略が正しく機能しているかどうか、キャンペーンがサイトやすべてのマーケティングアクションで宣伝したいページの一部に訪問者を引き付けているかどうかを確認できます。
このようにして、Webサイトでコンテンツを正しく配布できます。
3. Heatmap.me

ここで、リアルタイムのヒートマップを作成するために使用できるシンプルで完璧なツールについて簡単に説明したいと思います。 それで、あなたはあなたの訪問者があなたのウェブサイトとどのように相互作用しているかを見ることができます。
Heatmap.meは非常に使いやすいソフトウェアであり、インストールも非常に簡単で(WordPressのプラグインもあります)、ビジネスを始めるために使用できる無料バージョンがあります。
あなたのウェブサイトを最適化し、月に5つの数字を受け取り始めた後、あなたは彼らの最も安い月額プランを雇うために100ドル(約70または80ユーロ)を支払うことができます。
4.Hotjar

最後に、Hotjarについて話したいと思いました。 これはこのタイプの最初のツールの1つであり、彼らが何をしているかをすぐに理解していることがわかります。 彼らはあなたの質問に答えてあなたの問題を解決するための迅速なサポートを提供します。
他の多くのツールと同様に、これは有料のソフトウェアですが、ビジネスバージョンでは15日間無料でシステムをテストできます。
開始しているサイトまたは月に2,000回以下の訪問があるサイトの場合、訪問者の行動を分析するのに十分な情報を含む標準のヒートマップを生成できる無料の基本マップがあります。
このツールは非常に完成しています。 ヒートマップに加えて、自由に使える他の多くのリソースがあります。
有料版には、多くのオプションのオプションがあります。
フォーム分析、セッションパフォーマンス、コンバージョンファネル、ユーザーへの調査、ETC。
このすべての情報を電子メールで送信できるため、サイトで何を最適化する必要があるかについて結論を導き出し、最小のバウンス率でコンバージョン数を増やすことができます。
・結論
あまり長い記事は作りたくありません。 前に述べたように、インターネット上でのアクションの結果を測定するための高度な機能を備えたヒートマップを作成するためのツールはたくさんあります。
これらのツールの1つにお金を使うことを決定する前に、実際のニーズと予算を理解する必要があります。
高度なツールといくつかの追加機能を使用して迅速な結果が必要な場合は、CrazyEggまたはHotjarをお勧めします。
ただし、ヒートマップは、妥当な数の訪問者がいるWebサイトに対してのみ実際に効果的であることを忘れないでください。 今日見たすべてのツールの中で、月間最大2000回のアクセスがあるWebサイト用に作成されたのは、基本的な無料バージョンのHotjarだけです。
他のツールが正しく機能するためには、Webサイトに少なくとも月に10,000〜20,000回アクセスする必要があります。
始める前に、訪問者をWebサイトに引き付けるためのデジタルマーケティング戦略を定義してから、リードの行動を追跡してサイトを最適化するための優れたヒートマップツールをインストールする必要があります。

