④効果検証

ヒートマップツールの使い方~WEBサイト改善の4つの機能とは?

WEBサイトの改善にヒートマップを設置していますか?え、まだ?起業初期には忘れがちですが、めちゃくちゃ便利なので、今すぐ設置してください!

WEBサイトの改善には仮説が必要です。しかし、仮説を出すための根拠がないと、的はずれな施策を打って終わってしまいます。

ヒートマップはWEBサイト改善の仮説を出すための、有益な情報がたくさんつまっているツールです。しかも、無料のものもあるんです!

今回は、ヒートマップの設置によって何ができるのというところから、実際の使い方までをお伝えします。

今回使用したツール

UserHeat

今回は、ヒートマップの設置によって何ができるのというところから、実際の使い方までをお伝えします。

登場人物紹介

きこう
きこう
金なしコネなしの状態からWEBマーケティング業界で起業。最低限の資金と知恵で起業初期を乗り切った経験から、小さく始められる「ミニマル起業」を推奨している。
起業したい人
起業したい人
起業してみたいが時間がなく、起業まわりの情報やサービスに疎い。独立起業で大切なWEBマーケティングについて学んでいる。

WEBサイト改善に使う4つのツールとは?

起業したい人
起業したい人
ホームページってさ、時代に合わせて変えていくのが大切じゃん?でも、実際にホームページを訪れた人がなんで問い合わせしたのかって分からないよね?
きこう
きこう
そうだね。何も対策を打ってなければ、反響した人の特徴とか、質とかを見たり、実際にお客様の声をアンケートとして取って聞いてみるしかないね。
起業したい人
起業したい人
「何も対策を打っておかなければ」ってことは、何かそれ以外の対策はあるの?
きこう
きこう
うん、WEB上でのお客様の声なき声を無料で調べる方法が主に4つありまして。

・Google Adwords
・Google Analytics
・Google Search Console
・ヒートマップ

きこう
きこう
このうち、ヒートマップ以外の3つは検索需要を調べてホームページに反映させるという使い方ができる。ヒートマップは実際にホームページ上でどのように動いたかが測定できるんだ。
起業したい人
起業したい人
Google系のサービスは使ったことがあるから、ヒートマップについて詳しく知りたいな。
きこう
きこう
じゃあ、ヒートマップについて深掘りしていくね。

ヒートマップができること

起業したい人
起業したい人
ヒートマップってよく聞いたことはあるんだけど、具体的に何ができるの?
きこう
きこう
使うサービスによって違ってはくるんだけど、無料で一番手軽に始められるUserHeatの場合はこんなことが分かる。

①マウスの動き
②クリックされた場所
③熟読されている場所
④終了・離脱されている場所

起業したい人
起業したい人
なるほど。実際のお客様の動きが根拠になるから、仮説を立てやすいのが特徴なんだね。
きこう
きこう
そういうこと。WEBの改善って主観でやってしまうと的外れってことも大いにあるからね。どんな画面が見られるかはUserHeatの解説を参考に!どのヒートマップツールもほぼ変わらないと思うよ。
起業したい人
起業したい人
ちなみに、これはPC画面もスマホ画面も見られるの?
きこう
きこう
もちろん!ただし、無料版のUserHeatは縦に長い画面だと、途中で計測が切れてしまうのが特徴。全部見たければ有料版に加入するしかないね。

①マウスの動きからWEBサイトを改善する…のは今や難しい?

起業したい人
起業したい人
マウスの動きって何が分かるの?
きこう
きこう
実は、あんまり参考にしていないんだ。だって、今やスマホでホームページを見るのが主流だよね?
起業したい人
起業したい人
そっか、すーって流し読みする人が多いから、同じ画面に留まって右行ったり左行ったりっていう動きは計測できないんだ。
きこう
きこう
そうそう。だから、今は左右に情報を散らすより、縦に散らしたほうが正しい反応が測りやすいね。マウスの動きは興味程度でいいと思うよ!

②クリックされた場所からWEBサイトを改善する7つのポイント

きこう
きこう
クリックされた場所は大切だね。こっちが誘導したいところに誘導できているかが反響を上げるためのポイントになるから、よくよくチェックしなければならない。
起業したい人
起業したい人
クリックして欲しいのに無視されていたり、クリックする場所じゃないのにクリックされている、みたいなことを解消するわけだね。
きこう
きこう
うん。だから、クリックされている場所で問題が見つかったら、次に起こすアクションはこの7つだね。

リンクの配置を変える
リンクのデザインを変える
リンクの色を変える
リンクの大きさを変える
リンクのコピーを変える
リンクの周辺情報を変える
リンクを削除する

起業したい人
起業したい人
実際は全部変えなければいけないケースも多いような気がするけど、参考にしよう!

③熟読されている場所からWEBサイトを改善する4つのポイント

起業したい人
起業したい人
熟読されている場所は興味を持って読んでいる所、よく目が留まっているところだよね。大事な情報が書いてある可能性が高い。
きこう
きこう
ファーストビューはみんな見るからもちろんだけど、下の方で熟読されているエリアがあったら要注意。その文章をもとに、申込みをしたり他社と比較したりされている可能性が高い。
起業したい人
起業したい人
逆に、読んでほしいのに全然見られてないケースってのもあるよね。
きこう
きこう
おっしゃる通り!だから、熟読エリアが分かったら次に起こすアクションはこの4つ。

熟読されているコンテンツの見え方を整理する
熟読されているコンテンツの内容を整理する
熟読されていないが見て欲しいコンテンツの配置を変える
熟読されていないが見て欲しいコンテンツの内容を整理する

起業したい人
起業したい人
そういえば、熟読って興味がある人ももちろんだけど、内容が難しくてわかりにくいところも熟読するよね。
きこう
きこう
いい視点だね。熟読エリアのコンテンツが必ずしもお客様のためになっているかは分からない。それも踏まえて仮説を立てることが大事だね。

④終了・離脱されている場所からWEBサイトを改善する4つのポイント

起業したい人
起業したい人
終了・離脱ってのは、興味を失ってページを離れたか、もっと情報が欲しくて他のページに飛んだかってことだよね?
きこう
きこう
そう。この分析では何%の人がページのどこで読むのをやめたかが分かるんだ。
起業したい人
起業したい人
ということは、今までの流れから考えると、急激に離脱している場所を特定して改善を加えたり、離脱が低いところに下の方の重要情報を持ってくるってことだね。
きこう
きこう
当たりです!ポイントは4つ。

離脱率の高い場所のコンテンツの見え方を整理する
離脱率の高い場所のコンテンツの内容を整理する
既に大半が離脱しているが、見て欲しいコンテンツの配置を変える
既に大半が離脱しているが、見て欲しいコンテンツの内容を整理する

起業したい人
起業したい人
さっきの「熟読されている場所」と考え方が似ているから、イメージがつきやすいね。

ヒートマップを使ってWEBサイト改善を高速回転させよう

きこう
きこう
どう?これだけ情報があればできそうかな。
起業したい人
起業したい人
そうだね。変えなければならない場所の特定はできそう。実際にどうやって変えればいいのかは別の問題だけど…。
きこう
きこう
それなら、実際に大手企業がWEBサイト改善を行った実例が載っている書籍があるから、参考にしてみるといいよ。
きこう
きこう
この書籍を使って実際に実験してみた記事も書いているから、ご参考までに!
【検証】ABテストの正答率をWEBマーケターと客の鑑で競った結果WEBデザインに正解はありません。どの企業や個人も日夜必死に「A/Bテスト」を繰り返し、改善を続けています。今回は書籍「2万回のA/Bテストから分かった支持されるWebデザイン事例集」を用いた実験を通し、WEBデザインのポイントについて掘り下げます。...
起業したい人
起業したい人
なるほど、こういう実例も参考にして、WEBサイト改善に着手してみるよ。
あなたのマーケティング課題を「レンタルCMO」が解決します

「広告出稿」「SEO」「LP改善」「動画のストーリー構築」「デザインラフ案の設計」…

現代のビジネスではマーケティング領域でやることが多く、これらをしっかり押さえないと、競合負けしてしまいます。

しかし、「マーケティングって難しそう…」「何をどうすればわからない…」という方も少なくない。

そんなあなたに向けて、マーケティングについて気軽に相談でき、マーケティングの最新情報まとめも送られてくる、便利なLINE@(@dir8228j)を用意しました。

ぜひ、ご登録ください!

友だち追加