無料のヒートマップ解析ツールUser Heatの登録手順やヒートマップ解析の使い方を初心者でもわかるように図解を用いて解説していきます。
記事の最後にはUser Heatを使ったリライト手順を紹介するので、サイトやブログを伸ばしたいという方は必見です。
[box class=”box30″ title=”本記事のもくじ”]
[/box]
1. User Heatに登録する
まずはヒートマップを使うためにUser Heat(無料)に登録しましょう。図解を用いて登録手順を解説するので安心して進めてくださいね。
手順1：公式サイトにジャンプする
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-1-1.jpg” alt=”手順1：公式サイトにジャンプする”]
まずは登録するために公式サイトにジャンプしてください。下記のボタンをタップすれば移動します。[/imgfuki]
[btn href=”https://userheat.com/” class=”cubic2 accent-bc”]User Heatに登録する [/btn]
手順2：登録(無料)をする
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-2-1-1.jpg” alt=”手順2：登録(無料)をする”]
公式サイトにジャンプしたら、画像のようにURL入力欄があるので「①：サイトのURLを入力」をして「②登録する」をしてください。
[/imgfuki]
手順3：必要事項を入力する
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-3-1.jpg” alt=”手順3：必要事項を入力する”]画像のように「①：必要事項を入力」していきます。会社名や部署名などありますが、個人の場合は入力しなくてOKです。そしたら「②登録」をクリックしてください。
[/imgfuki]
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-5-1.jpg” alt=”手順3：必要事項を入力して仮登録する”]そしたら仮登録となり、メールが送られてくるのでそこにあるURLをクリックしてください。
[/imgfuki]
ログインしたら登録完了
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-4-1.jpg” alt=”手順3：必要事項を入力して本登録す”]クリックすると、ログイン画面がでてくるので先程入力した「メールアドレス」と「パスワード」を入力してログインしてください。
[/imgfuki]
「登録が完了しました」となったらOKです。
そしたらつぎに「ヒートマップの解析タグ」を設置していきます。これを設置することでヒートマップを使うことができるようになります。
2. WordPressにUser Heat解析タグを設置する
それでは続いてWordPressに解析タグを設置する手順を紹介していきます。こちらも図解で解説していきます。
手順1：解析タグをコピーする
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-6-1.jpg” alt=”WordPressにUser Heat解析タグを設置する”]ログインしたら左上のほうに「解析タグ発行」とあるのでそちらをクリックしてください。
[/imgfuki]
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-7-1.jpg” alt=”手順1：解析タグをコピーする”]そしたらスクリプトと書かれている右のほうに「タグコピー」とあるのでクリックしてコピーしてください。こちらのコードが解析タグとなります。
[/imgfuki]
手順2：WordPressの</head>の直前に貼る
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-8-1.jpg” alt=”手順2：WordPressで直前に貼る”]解析タグをコピーしたらWordPressへいき外観⇨テーマエディターから「①：header.php」を選択して「②：解析タグを</head>の直前に貼り付け」をしてください。
[/imgfuki]
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-9-1.jpg” alt=”手順2：WordPressの直前に貼る”]画像のように</head>の直前に貼り付けてくださいね！間違えちゃだめですよ！
[/imgfuki]
あとはヒートマップ解析が完了するまで待つ
以上でUser Heatの登録から解析タグの設置までが完了しました。お疲れ様です。
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-pv-1.jpg” alt=”あとはヒートマップ解析が完了するまで待つ”]
あとは、PV順に自動でヒートマップ解析をしてくれるのでそれまで待ちます。完了すると画像のようになります。
[/imgfuki]
どれくらいから使えるようになるの？
1〜2日くらいで使えるようになります。
結構時間がかかるのでそれまでは他のことをやりましょう。
3. User Heatの見方
それでは実際にUser Heatの使い方や見方を解説していきます。
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-look-1.jpg” alt=”User Heatの画面の見方”]画面自体はシンプルなので、ぱっと見てなにがどうなってるのかは大体わかると思いますのでサクッと解説します。
[/imgfuki]
①：タイトル
こちらはPVが多いタイトルに順に並んであります。PVが多い順からヒートマップ解析されていきます。そしてタイトルのリンクをクリックすると解析結果を見ることができます。
②：データ量
こちらはヒートマップ解析がどれだけされているかのデータの量になります。メーターが水色(3割くらい)〜赤色になったらデータが溜まっているので解析結果を見ることができます。
③：ヒートマップの表示
「マウス・クリック・熟読エリア」をすぐに見れるショートカットです。タイトルのリンクをクリックしても見れますがこちらからもショートカットして見れます。
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-not-look-1.jpg” alt=”ヒートマップの表示”]なお、「熟読エリア」のみデータ量が水色(3割くらい)〜じゃないと見れませんのでご注意を。
[/imgfuki]
4. User Heatの使い方
では続いてUser Heatのヒートマップ解析の使い方を紹介していきます。
1. 解析結果を見たいタイトルを選択する
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-title-1.jpg” alt=”1.解析結果を見たいタイトルを選択する”]まず初めにヒートマップの解析結果を見たいタイトルをクリックします。
[/imgfuki]
2. メニューバーから見たいものを選ぶ
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-menu-1.jpg” alt=”2. メニューバーから見たいものをそれぞれ選ぶ”]そしたらメニューバーに5つの機能があるので、それぞれ見たいものを選択しましょう。
※「複数比較」は有料版のみできますので無料版の方は無視してOKです。
[/imgfuki]
User Heatの5つの機能
それではUser Heatの5つの機能を紹介していきます。
機能①：マウスムーブ
ユーザーがどれだけマウスを動かしたかがわかり、どの場所を重点的に見ているかがわかります。
[tensen]
機能②：クリックエリア
ユーザーがページをどれくらいクリックしたかがヒートマップでわかります。CTAがきちんとできているかなど確認できます。
[tensen]
機能③：熟読エリア
熟読エリアではユーザーがどれだけその部分を読み込んでいるかが、ヒートマップにて「超具体的」にわかります。多くの方が熟読エリアを見ながら記事を改善することでSEOで上位表示を達成しています。
[tensen]
機能④：終了エリア
終了エリアは終了したからといって必ずしも悪いわけではなく、きちんとCTAやCTRしてくれたなどポジティブな意味でもあります。こちらに関してはクリックエリアと照らし合わせるとCTAやCTRしてくれたかわかります。
[tensen]
機能⑤：離脱エリア
離脱エリアは、終了エリアと似ていますが全然違くて、逆にネガティブな意味でしかとらえられないです。クリックされた。とかじゃなくてシンプルに離脱されたという意味になります。
5. User Heatを使ったリライトの手順
それでは最後に、ぼくなりのUser Heatを使ったリライトの手順を解説していきます。実際にSEOで3記事ほど1位を取れた方法ですので信頼性はあるかと思います。
1. リライトしたい記事の熟読エリアを見る
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-13-1.jpg” alt=”1. リライトしたい記事の熟読エリアを見る”]
まず初めに自分が順位を上げたいと思っている記事(リライト記事)の熟読エリアを見ます。その際にポイントが2つあるので解説します。
[/imgfuki]
2. 記事の導入文を見る
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-ap-1.jpg” alt=”①：記事の導入文を見る”]
ユーザーは記事の導入文でその記事を見るか見ないかを決めるので、「熟読エリアが赤くない＝読まれれない=離脱」となります。
[/imgfuki]
いくら良い内容を取り上げている記事だとしても導入文がイマイチであれば、読者は読んでくれない可能性があります。逆に導入文の段階で読者の興味関心を引くことが出来ると、記事の読了率はあがります。
上記の引用のように導入文はとても大事な部分です。なので熟読エリアが画像のように赤くなかったら読まれていないので導入文を改善しましょう。
3. 最初の見出しと2つ目の見出しを見る
[imgfuki src=”https://cyberprogress.net/wp-content/uploads/2021/03/Medium_user-heat-ap5-1-scaled.jpg” alt=”②：最初の見出しと2つ目の見出しを見る”]
この２つを比べることでどちらが読まれているかがわかります。つまり、最初の見出しが読まれておらず2つ目の見出しのほうが読まれていた場合、入れ替えることで読者にあったコンテンツとなりSEOで順位が上がります。
[/imgfuki]
以上の2つのポイントを意識してリライトすると順位が上がります。
合わせて読みたいWordPressのこと
[kanren id=”10416,2889,2277″]
