ヒートマップとGoogleアナリティクスでまとめ記事を改善してみた

森野誠之 2014/12/16 10:00 28 19 15

「ヒートマップ」ってご存じですか？　閲覧者の注目点やクリックした箇所がわかるアレです。自分の記事がどのように読まれているかを調べて改善できないかと思い、「クリックテール」の無料トライアルアカウントを使ってみました。題材はネットショップ担当者フォーラムで連載中の「ネットショップ担当者が知っておくべきニュースのまとめ」です。さて、どんな知見が得られるのでしょうか？改善の記録をまとめました。

クリックテールでわかること

クリックテールは、Web上のマウスの動き、クリック、スクロールなどの操作を記録できるヒートマップ解析ツールです。クリックテールでは主に以下の4つのデータを見ることができます。

① マウスの動き（mousemove）
より多くの読者がマウスを動かした領域が赤くなる→読者の目線が集まっている箇所がわかる。

② クリックされた箇所（click）
クリックされた場所が明るくなる→読者が「もっと知りたい」と思ったポイントがどこにあるのかがわかる。

③ 注目度（attention）
長い時間（※）見られたエリアが赤くなる→読者が興味を持った文章がわかる。
※クリックテールで言う時間とは「エンゲージメントタイム」と言って、ユーザーがマウスを動かしているなど、アクティブな状態にある時間のことを言います。

④ スクロール到達度（scroll）
スクロールされたエリアが赤くなる→記事が最後まで読まれているかがわかる。

他にも、訪問者がどう行動しているのかをリアルタイムでモニターしたり、マウスの動作を録画したりする機能など、クリックテールにはまだまだたくさんの機能がありますが、数字が取れるとどんどん細かいところが気になってきます。「木を見て森を見ず」にならないよう、今回は上記の4つをしっかり見ていくことにします。細かいところを見るには、大きいところの改善が終わってからでも十分です。

上の画像は、クリックテールで10月7日に公開された記事を見てみたものですが、これだけを見ても「ここは赤いね」「クリックされたね」「見られたね」といった感想しか出てこないと思います。それはそれで問題ありません。最初はとにかく気付いたことをブレスト的に書き出してみます。

クリックテールで見えた課題

私がデータを見る時は、「マインドマップ」を開きながら見るようにしています。マインドマップの良いところは、階層構造が作りやすいことと、後で整理しやすいことです。何も考えずにメモだけをしていると重複する内容や相反することをメモしていることもありますので、重複や漏れがないように考えられるマインドマップがピッタリです。ツールについてはこちらをご覧ください。

頭の中を空っぽにして素直な心で見てみてください。いきなり正解を見つけようと思っても何も出てこず、疲れるだけです。

また、ヒートマップを見ていない人にも何が起こっているのかがわかるよう、細かく見てメモをしておきましょう。書き出したことをまとめるといつの間にかそれが1つの方向性を示すようになります。

読者が気になっている部分と気にならない部分が見えてきました。

導入部分の文章や、太字になっている見出しの部分は気になるようですが、画面の下に行くに連れて興味が薄れていくようです。特にページ下部の私の顔写真やあとがきが不要感満載です。オッサンの画像なんて誰も見ないですし、同じようなコメントもくどいだけですよね。最後の「その他」の見出しが弱いなあということも気付きました。

「そんなものヒートマップを使わなくてもわかるじゃん！」と思う方もいるかもしれませんが、それは自分の主観や単なる思い込みかもしれません。データを見るということは客観的な事実を得ることですので、同じこと言っても説得力がまったく違います。

Google アナリティクスも合わせてチェック

続いて、Google アナリティクスでもチェックしてみます。気付いたことを同じマインドマップに追加していきます。

簡単ですが、サイト全体を見ているわけでもなく、ランディングページのように明確なコンバージョンでもないメディアサイトの1記事なので、こんな感じだと思います。

わかったことは、Facebookからの流入で昼休みや夕食後などのまとまった時間が取れる時に読まれているということです。短い空き時間に読む記事ではないようなので、記事の内容は詳細まで書いても良さそうです。

そして、対策を考える

思いつく限りの対策案を追記していきます。

考えたのは主に2つ。

Facebookで表示される画像とタイトルを工夫する
最後まで読んでもらえるように記事を工夫する

くどいようですが、すぐにでも思いつきそうな内容です。しかし、そうではな…（以下略）

具体的には、画像内にその回のタイトルを入れていたのをやめ、「5分でわかる先週のネットショップ関連ニュースまとめ」と入れることにしました。また、「その他」という見出しを「売上アップのヒント」に変更し、あとがきをやめて人気記事ランキングへのリンクにしました。各項目のコメントの長さにもリズムを付けることにしました。

さて、改善後はどうなった？

上記のような改善策を行った記事を、再びクリックテールで見てみました。

① マウスの動き

② クリックされた箇所

③ 注目度

④ スクロール到達度

「その他」を「売上アップのヒント」にしたことと、人気記事ランキングへのリンクを入れたことは効果があったようですが、各項目へのコメントははっきりとした結果が出ませんでした。ピックアップした記事にも影響されますので、ここは継続的に見ていかないと判断は難しそうです。傾向としては、具体的ですぐに使えそうな記事は人気がありそうな感じではあります。結果をマインドマップに追記したのが下図です。

やはり記事タイトルも重要だということも分かりました。11月26日までの期間で、セッション数の多かった記事をピックアップしてみました。

掲載期間が長ければ長いほど有利なはずですが、掲載期間がそれほど長くない記事でも、多くのセッション数を集めた記事があります。

念のため下位の記事のタイトルも書いておきます。

ちょっと面白いピザのアフィリエイト…など15本（7月15日）
オムニチャネルが当たり前になってきました…など16本（7月1日）

自分で書いておきながらそりゃ駄目だろうと……。

これら以外では運営堂サイトからの誘導も多少はありました。Facebookや自然検索以外の流入元で、しかも自分でコントールできるものなのでここは積極的に使っていきたいところです。ちなみに運営堂ではブログ・Twitter・Facebook・メルマガで発信していますし、セミナーや交流会などのイベントに行く機会もありますので、そういった機会にこのまとめを告知していって認知度を上げることをしていかないといけません。ネットの記事をネットだけで紹介していても届かない人が多いですからね。