【大阪 / 横浜】インフラ / サーバーサイドエンジニア募集中!

【大阪 / 横浜】インフラ / サーバーサイドエンジニア募集中!

【2024年2月~】25年卒 エンジニア新卒採用の募集を開始!

【2024年2月~】25年卒 エンジニア新卒採用の募集を開始!

【導入実績 500社以上】AWS 構築・運用保守・監視サービス

【導入実績 500社以上】AWS 構築・運用保守・監視サービス

【CentOS 後継】AlmaLinux OS サーバー構築・移行サービス

【CentOS 後継】AlmaLinux OS サーバー構築・移行サービス

【WordPress 専用】クラウドサーバー『ウェブスピード』

【WordPress 専用】クラウドサーバー『ウェブスピード』

【格安】Webサイト セキュリティ自動診断「クイックスキャナー」

【格安】Webサイト セキュリティ自動診断「クイックスキャナー」

【低コスト】Wasabi オブジェクトストレージ 構築・運用サービス

【低コスト】Wasabi オブジェクトストレージ 構築・運用サービス

【予約システム開発】EDISONE カスタマイズ開発サービス

【予約システム開発】EDISONE カスタマイズ開発サービス

【100URLの登録が0円】Webサイト監視サービス『Appmill』

【100URLの登録が0円】Webサイト監視サービス『Appmill』

【中国現地企業に対応】中国クラウド / サーバー構築・運用保守

【中国現地企業に対応】中国クラウド / サーバー構築・運用保守

【YouTube】ビヨンド公式チャンネル「びよまるチャンネル」

【YouTube】ビヨンド公式チャンネル「びよまるチャンネル」

無料ヒートマップ解析ツール「User Heat」で解析してみた

技術営業部の大原です。

今回は自社コーポレートサイトを「ヒートマップ解析」してみた感想を書きます。

ヒートマップ解析ツールとは?

Webサイトのページで
「どのページの文面がよく読まれているか?」「ページのどの部分がよくクリック」などを
データ解析し、そのデータを基にWebサイトの構成や情報などの見直しをおこない、
Webサイト内での回遊を多くし、コンバージョンの向上に役立つツールです。

Webサイトの解析ツールでは「Google Analytics」もありますが、
「Google Analytics」は
ページアクセスやリファラーなどの情報を基に数値化してデータ解析します。

ヒートマップ解析は
「ページのクリック箇所・マウスの動き・閲覧場所・離脱エリア」を視覚化します。
これによりWebサイトでの操作感やサイト構造について改善できる目安になります。

ヒートマップ解析ツール「User Heat」を使ってみる

今回は使いやすそうだった「User Heat」でヒートマップ解析してみます。
「User Heat」であれば基本的な解析機能は無料で使えますが、月間30万PVまでと制限があります。

アカウント作成したあとに、下記URLに進むと解析タグが発行できるので、
ヒートマップ解析したいページに貼り付けてください。
http://userheat.com/groups

WordPressの場合は下記に詳しい設定方法があります。
http://userheat.com/guides/installation_wp

WordPressの場合はタグ付けは不要です。
User Heatで発行される「ID発行・入力」を「WordPressプラグイン」の設定するだけで、
ヒートマップ解析が開始されます。
ただし設定完了後、User Heatがサイトの情報を読み込んで反映されて

解析できるようになるまで、やや時間がかかります。
(まともにヒートマップ解析できるようになるまで24時間かかりました。)

Webサイトをヒートマップ解析してみる

今回は自社のコーポレートサイト(トップページ)をヒートマップ解析しました。

■ 解析結果の一覧です。アクセスが多いディレクトリ順に表示されます。

■ 「マウスの動き」が数値で表示されています。
マウスのホバー滞在時間で、どういった順で動作されたか確認できます。

■ 「クリックを多く」された場所です。キービジュアル部分が多くクリックされています。
この下にスクロールしたあとは、クリックは少なかったです。

■ 「熟読エリア」です。これは「滞在時間」を表します。
トップページのキービジュアル部分が黄色くなっているので、
この部分は特に滞在が閲覧時間が多いということになります。

■ 「熟読エリア」でページ中段に行くと、滞在は少なくなっていきます。

■ 「熟読エリア」でページ下段に行くと
弊社の導入事例の部分があるのですが、そこそこ滞在は多いかと思います。

■「終了エリア」の表示です。これはページがどの場所まで読まれたかを表します。
もちろんページ下部に進むほど、数値は下がっていきます。

■「離脱エリア」はどの表示部分で、ページ離脱されたかを表します。
赤い部分が離脱エリアになります。

まとめ

「User Heat」の解析データは、日々データが更新・蓄積されていくので、
マウスクリックや熟読エリアなどは都度変わっていきます。

また「User Heat」はスマホページの解析も可能です。
スマホページだとページの上から下まで読まれる確率が高いなど、
デスクトップとは解析結果が変わってきます。

ヒートマップ解析をすることで、コンテンツのUIや記載情報の見直しの目安になったり、
コンバージョン率の改善にも繋がるかと思います。

この記事がお役に立てば【 いいね 】のご協力をお願いいたします!
0
読み込み中...
0 票, 平均: 0.00 / 10
6,252
X facebook はてなブックマーク pocket
【2024.6.30 CentOS サポート終了】CentOS サーバー移行ソリューション

【2024.6.30 CentOS サポート終了】CentOS サーバー移行ソリューション

【2024年2月~】25年卒 エンジニア新卒採用の募集を開始いたします!

【2024年2月~】25年卒 エンジニア新卒採用の募集を開始いたします!

【大阪 / 横浜】インフラエンジニア・サーバーサイドエンジニア 積極採用中!

【大阪 / 横浜】インフラエンジニア・サーバーサイドエンジニア 積極採用中!

この記事をかいた人

About the author

ohara

通信業界で法人向けのNWサービス・OA機器・グループウェアなどの、IT製品の導入を担当するセールスとしてキャリアをスタート。

その後、SIer系のデータセンター事業会社で、物理サーバー / ホスティングサービスのプリセールスエンジニア、SaaS型のSFA / CRM・BtoB向けのEコマースなどのカスタマーエンジニアを経て、現在のビヨンドへ入社。

現在は、アジアのシリコンバレー中国・深圳に駐在して、中国ハードウェアの卸販売・貿易代理店の仕事してます。

中国ドラマと billbill を見るのが日課です。

所有資格:簿記二級