タグ: Tips

  • アテンションヒートマップ分析でどのようにページを改善する?もっとも簡単で実践的な改善方法

    ブログなどの記事ページを分析するファーストステップ!アテンションヒートマップで絶対に見るべきところとは?では、なぜ、文章に絞ってアテンション分析するべきかをご紹介しました。

    ここでは、より実践的に、アテンションを活用し記事をどのように改善していくのか?というところをご紹介します。

    改善の良し悪しを判断していくために、ゴールを設定する。

    まずは、目指すべき姿がないと改善の良し悪しが判断できません。

    最高に良いアテンションヒートマップというのは、全体が真っ赤かという状態ですが、実際にこのようなことはまずありません。

    そこで、私たちが最初に目指すべきアテンションヒートマップのゴールは、ページ上部が赤く、スクロールしていくと徐々に薄まっていく。という状態です。

    アテンションヒートマップ分析で、上の方にも赤があって、中段にも赤があって、、、と赤がまばらにある記事というのは実はもったいないことをしている可能性が高くなります。

    というのは、ページはスクロールするごとに離脱率が上がっていきます。

    なので、中段にあるアテンションが赤くなっている部分は、ユーザーにとって有益な情報なはずなのに、そこに行き着く前に、多くのユーザーが離脱してしまっている可能性があるのです。

    上部で離脱したユーザーは、中段の情報までたどり着かなかったことで、満足感を得られずに離脱しているとしたら、非常にもったいないことです。

    有益な情報をできるだけ上に配置する

    そういったことを避けるためには、ヒートマップが濃い部分を極力ページ上部に持っていく必要があります。

    ユーザーが興味を持つであろう内容を先に出していくことで、離脱を防ぎ、最後まで読み進めてもらえる確率が上がります。

    ページを表示するのがわずか1秒おくれるだけでも、離脱が増えるような世界です。

    とっておきのネタだから、最後まで出せないという記事も中にはあるかもしれませんが、ユーザーはあなたが思っているより暇ではありません。

    ユーザーは、目的の情報がこのページにはないと判断した瞬間に、ページを閉じて、再度検索ページに戻り、他のサイトへいってしまいます。

    この記事には「有益な情報がある」もしくは、「ありそうだ」とユーザーに思ってもらえるからこそ、離脱せずに読み進めてもらうことができるのです。

    そういった理由から、「ヒートマップが赤い部分 = ユーザーにとって有益な情報」は極力ページ上部に持っていく必要があるのです。

    読まれていない部分の改善の仕方

    アテンションマップがグレーの部分をどうするべきかということですが、いくつか考えられる方法があります

    • 削除する
    • 手を加える
    • 後半に移動する

    削除する

    もっとも大胆ですが、削除するというのも解決策のひとつです。

    ただ単に削除する場合もあれば、情報量によっては、別ページでその記事を作る。というのもいいでしょう。

    ただ、その部分を削除することで、全体的に意味のわからない文章になってしまうというときは、次の「手を加える」がおすすめです。

    手を加える

    記事の本質と、その部分がきっても切れない関係の場合は、手を加えてみましょう。

    例えば、ユーザーからみて、小難しい(言葉だけではわかりづらい)内容を書いているかもしれないと感じたら、図解をいれる。長文になっている場合は、これでもかというくらい簡潔にしてみるのも有効です。

    後半へ移動する

    もっとも簡単な方法ですが、少し問題の先送り感もあります。

    読まれていないということは、ユーザーがあまり興味・関心がないということです。最後の方に持っていったからと言って読まれるかというと、そんなことはないはずです。ですから、根本的な改善にはならない場合がほとんどです。

    改善にかける時間がない場合などに、とりあえずいったん後半に持っていく。という使い方になるでしょう。

    どのページから改善するかもとても重要!

    さて、今回は、アテンションヒートマップを用いてどのようにページを改善していくのかを、簡単にご紹介しましたが、どのページを優先的に改善していくかというのもとても重要です。それについては、以下の記事で詳しくご紹介しているので、ぜひこちらも参考にしてください。

    グーグルアナリティクスとヒートマップの決定的な違いと改善すべきページの見つけ方の具体例

  • ブログなどの記事ページを分析するファーストステップ!アテンションヒートマップで絶対に見るべきところとは?

    QA Heatmap Analyticsを活用して、記事ページの分析をするにはアテンションヒートマップを活用しましょう。

    なかでも、特にオススメの分析方法は、ずばり、テキスト部分(本文)だけに絞ってアテンションヒートマップで分析する。という方法です。

    まずは、アテンションヒートマップの見方を知ろう

    アテンションヒートマップは、ユーザーがページ内のどの位置に滞在したかを視覚的にわかりやすく表示しています。

    滞在時間が長い順に、赤→オレンジ→黄→緑→青→グレーとなっています。

    赤 = ユーザーが興味を示している

    グレー = ユーザーが読み飛ばしている

    という理解で良いでしょう。

    アテンションヒートマップが最高の状態というのは、ページ全体が真っ赤っかという状態です。ユーザーがページを隅々までじっくり時間をかけて熟読しているということなので、記事全体が魅力的で価値があると捉えて良いでしょう。ただし、実際にそういったページはごく稀でしょう。

    一般的には、赤やオレンジ、青やグレーが混在します。

    アテンションヒートマップ分析は本文に注目しよう!

    ズラーっとページの上から下まで、アテンションヒートマップで描写されたものを、ただ眺めていても、何をどうしたら良いかわからない。という方も多いと思います。

    そこで、おすすめなのは、冒頭でもご紹介した「本文に絞って分析する」という方法です。

    最近は、文中にたくさんの画像を配置した記事ページを見かけます。もちろん、それ自体が悪いわけではありません。文章ばかりの記事は、読み疲れますし、堅苦しくパッと見て読みたくなくなります。

    しかし、見出しにつけたイメージ画像そのものには、たいした意味はなく、箸休め的な扱いであることがほとんどです。ユーザーはそれらを自然と読み飛ばします。よって、記事内で特に意味をなさないイメージ画像などは、グレーに近い色になります。

    同様に、余白が比較的広くフォントサイズが大きい見出しなども、サラッと読めてしまうため、アテンション分析ではさほど気にしなくても良いでしょう。

    逆に意味を持つ画像。例えば、独自で作成したフローチャートなど、しっかりと見てもらいたい図解などが読み飛ばされている(アテンションがグレーになっている)という場合は、必要に応じて画像の修正をすべきだとわかります。

    しかし、画像の修正は、手間がかかるものが多いので後回しでもいいでしょう。

    上記のことから、文章部分に焦点を絞って、アテンションヒートマップを見ていく方法が、もっとも効率よく分析できるとわかります。

    どの文章がユーザーに注目され、どの文章が読み飛ばされているのかを、まずは理解しましょう。

  • 良質な記事の定義とは?アテンションマップを活用した良質な記事の書き方

    昨今のSEO事情に詳しい方であればご存知だと思いますが、どこのサイトにも書かれているようなことを、どこのサイトでも書いているような表現で書いた「内容の薄い記事」をいくら書いてもグーグルから評価されることはありません。後発ならなおさらです。

    そういったことから、「良質な記事」が必要だと、さまざまなところで言われていますが、いったいどのような記事をさすのでしょうか?

    良質な記事かどうかを判断するのは、書き手やグーグルじゃない。

    良質な記事かどうかは、グーグルや書き手側が判断するものではありません。

    グーグルに記事の良し悪しなんて評価できませんし、仮にそんなことされたら大きななお世話ですし、失礼極まりありません。

    グーグルだって、ただのいち営利企業です。

    必死にグーグルの背中を追いかけ、グーグルに好まれようとストーカーまがいなことをしても、まず良い結果は得られません。

    やれ、〇〇タグを使うと良い。

    文字を強調するのは、storongタグとbタグはどっちがいいんだろう。

    はっきり言って時間の無駄です。

    彼らは、時にこちらに気があるそぶりを見せ、いつもまでもこの関係が続くような錯覚におちいってしまいますが、いつでも手のひらを返します。

    そんなことに時間を割く暇があるのであれば、ユーザーと向き合って、記事をブラッシュアップすることに時間をかけた方がよほど有益です。

    いつもユーザーを向いて記事を書くべきです。決してグーグルではありません。

    そうして、丁寧にユーザーと向き合っていくことで、良質な記事にいきつくのです。

    良質な記事とは何か?アテンションマップで確認しよう

    良質な記事とはシンプルに表現すると「ユーザーが満足してくれる記事」です。もっと高みを目指すなら「ユーザーが感動してくれる記事」になります。

    しかしながら、その記事にユーザーが満足してくれたかどうかは、簡単にはわかりません。

    そこで活躍してくれるのがアテンションマップです。

    アテンションマップは、ユーザーが記事中のどの文章に興味を示し、どの文章に興味がないのかを明確に教えてくれます。

    「記事がしっかりと読まれている=良質な記事」と判断していいでしょう。

    面白い映画を早送りしてみる人はいないでしょうし、面白い小説は読み飛ばさずに一語一句、シーンを想像しながら読むものです。

    ですから、アテンションマップが満遍なく赤に近い状態を目指し記事を書くことが、良質な記事を作る唯一無二の方法になります。

    グーグルアナリティクスの滞在時間でも、大まかな滞在時間を知ることはできますが、記事の長さの影響を多大に受けるので、滞在時間のみで判断するのは好ましくありません。必ずアテンションマップで確認しましょう。

    良質な記事へ近づけるためにできること

    いつも訪問するユーザーのことを想い、切り口を考え、記事構成を練り、一語一句丁寧に書いていく。

    そして、その情報を必要としているであろうユーザーを想像し、真摯に向き合っていく姿勢が必要です。

    記事は一度公開したら終わりではありません。

    定期的にユーザーの行動をアテンションマップで分析し、不足を補い、無駄を省き、より読みやすく、常に最適化していく必要があります。また、最新の情報に更新していくことも忘れてはいけません。

    最初から良質な記事を書くことは困難です。

    ユーザーの反応を見ながら、改良を重ね、良質な記事へと変えていくようにしましょう。

  • QA Heatmap Analyticsを使い倒す!アテンション、クリックヒートマップ、スクロールマップ、クリックカウントマップそれぞれの役割と使い方

    QA Heatmap Analyticsでは、分析対象ページのアテンション、クリックヒートマップ、スクロールマップ(精読率)、クリックカウントマップ(クリック数)のデータを見ることができます。

    それぞれ実際にどのように分析していくのか、グーグルアナリティクスと組み合わせた使い方とあわせてご紹介します。

    アテンションの役割と有効な使い方

    アテンションは、赤→紫でページ全体を覆って表現されています。

    関心が高い ←→ 関心が低い

    紫色は、滞在時間が短く、ユーザーの関心が薄い部分。逆に赤色は、滞在時間が長く、ユーザーが興味を示している部分になります。

    色分けされているので、視覚的にわかりやすく、ページ内のどの部分にユーザーが滞在したかを知ることができます。

    その部分での滞在時間が長くなるにつれ黄色く表示されます。

    アテンションは、グーグルアナリティクスの、ページ平均滞在時間とあわせて見ることで、より高い精度で分析することができます。

    ページ平均滞在時間が長い記事には、理由があります。その理由をアテンションでみつけることができるのです。

    逆に、ページ平均滞在時間が短い記事には、何かしら原因があります。その原因を特定するのにもアテンションが活躍します。

    詳しくは、グーグルアナリティクスとヒートマップの決定的な違いと改善すべきページの見つけ方の具体例で解説しています。

    クリックヒートマップの役割と有効な使い方

    クリックヒートマップでは、ページ内のどこがクリック(タップ)されたかを知ることができます。

    クリック多い ←→ クリック少い

    クリックがたくさんされている部分が赤く大きくなっていきます。

    クリックヒートマップは、グーグルアナリティクスの「ページ/セッション」やCVまわりの指標と合わせて活用します。

    記事のどの部分(どんな内容)がクリックされているのかを分析していくことで、適切な位置に内部リンクや外部リンク、CVボタンを貼っていくことができ、ユーザーの満足度を高めていくことができます。

    ECサイトやアフィリエイトサイトでは、特に重要になってきます。

    スクロールマップ(精読率)の役割と有効な使い方

    ページの左端に表示されます。ユーザーがページ内のどこで離脱したかが一目瞭然です。

    高い ← 精読率 → 低い

    スクロールマップ(精読率)は、グーグルアナリティクスの「直帰率」や「離脱率」と合わせて活用します。実はグーグルアナリティクスでは、ページがどのくらい読まれたかは計測できませんので、それを精読率で補足します。

    直帰率や離脱率が高いと、悪い記事だと思われがちですが、ユーザーの問いかけにしっかりと回答し、満足してもらった可能性があります。

    たとえ、直帰率や離脱率が高くても、精読率が高い記事であれば、ユーザーに満足してもらえたと判断できます。

    逆に、直帰率や離脱率が高く、精読率も低い場合は、ユーザーの求めている記事ではなかった可能性が高くなります。

    クリックカウントマップ(クリック数)の役割と有効な使い方

    QA Heatmap Analyticsでは、ページ内のクリック数を測定することができます。一般的なヒートマップツールにはあまり見られない機能です。

    どのリンクがどれくらいクリックされたか、すぐにわかるので、特にコンバージョン周りで活躍します。

    また、トップページやカテゴリページの記事一覧や商品一覧といったページや、目次でも、クリック数を具体的に把握することができます。

    クリックヒートマップと同じような機能ですが、ヒートマップはその特性上、クリック数が多い場所では、どこがクリックされたかを判断するのが難しくなります。

    クリックが多いとヒートマップではわからなくなる

    クリックヒートマップだけでは、判断しきれない部分をクリックカウントマップで補うという使い方がおすすめです。

    アテンション、クリックヒートマップ、スクロールマップ(精読率)はまったく別物!

    かなり簡単に、それぞれの役割とアナリティクスとの組み合わせ方をご紹介しましたが、このように実際に活用するときは、アテンション、クリックヒートマップ、スクロールマップ(精読率)をまとめて一緒に使うことはほとんどありません。

    ここを理解しないと、宝の持ち腐れになってしまいます。

    それぞれまったく違うデータを分析、表示しているので、ごちゃまぜにして考えると迷宮入りになってしまうので、注意が必要です。

    それぞれ、まったく別物であるということを理解して、上手に活用していきましょう。

  • グーグルアナリティクスとヒートマップの決定的な違いと改善すべきページの見つけ方の具体例

    グーグルアナリティクスでは、ページ単位の情報を得ることは容易にできても、それぞれの記事のどの文章がユーザーに支持されているかまでは、なかなか把握できません。 たとえ、極端に滞在時間が短いページや、離脱が多い記事を見つけられたとしても、具体的に、その記事のどの部分を改善すべきかまでは判断できないのです。

    そこで、ヒートマップの出番です。ヒートマップとグーグルアナリティクスのシンプルな使い分けを、まずは整理しておきましょう。

    • グーグルアナリティクス=サイト全体のユーザーの動きから改善すべきページを見つける
    • ヒートマップ=改善すべきページの改善すべき部分を見つける

    もちろんグーグルアナリティクスでも、イベント機能を存分に使えば、ある程度ページ内での改善点を見つけることは可能ですが、設定の難易度が高い割に、ヒートマップほど明確 には把握できないでしょう。

    対して、QA Heatmap Analyticsは、細かな設定は一切必要ありません。データを取得したいペー ジをチェックするだけで、ページ内のユーザーの行動を視覚的にわかりやすい状態で取得することができます。

    自サイトに貢献しているページから分析する

    どのようなサイトでも共通していえるのが、PVが多いページから見ていくということで す。

    (ECサイトやアフィリエイトサイトの場合は、売上という最重要の指標があるので、見るべき指標が異なってきますが、要領は同じです。)

    しっかりとしたページの改善には、労力も時間も必要です。PVの少ないページをいくら改善しても、大きな成果を得ることは難しいのです。

    ですから、まずは、自サイトに貢献しているページをターゲットに分析していきましょう。

    グーグルアナリティクスで改善すべきページの具体的な見つけ方

    具体的なステップとしては、グーグルアナリティクスで「行動」→「サイトコンテンツ」 →「すべてのページ」を確認します。

    上の図のようなページが開くはずです。標準では、PVの多い順に並んでいるので、この状態で分析をはじめていきます。

    ここで見たいのは、赤枠で囲った平均ページ滞在時間です。

    一般的に平均ページ滞在時間が長ければ長いほど、ユーザーはそのページを熟読していると考えられます。ですから、平均ページ滞在時間に焦点をしぼり分析していくのが、ヒートマップとの親和性も高く、整合性の高い分析が可能になります。

    ヒートマップを導入すべき3つの記事

    そこで、水色で囲った「平均滞在時間のもっとも長いページ」( /274)をまずは分析していきます。

    まず、このページにヒートマップを導入しましょう。平均ページ滞在時間のもっとも長いページでは、ヒートマップがどのようになっているのかを把握することで、他のページの改善に活かしていきます。

    次に、もっとも「PVの多いページ」( /130)にもヒートマップを導入します。

    先ほどもお伝えしましたが、PVの少ないページをいくら改善しても、大きな成果を得ることは難しいのです。

    このサイトの中では、( /130)が比較的平均ページ滞在時間が長めで、ユーザーの満足度も高そうですが、それでも、もっとも多くのユーザーが集まってきている記事なので、常にブラッシュアップしていきたいと考えます。

    ただ、注意が必要なのは、PV数が多い記事はたいてい稼ぎ頭なので、慣れないうちから、安易な判断でむやみやたらに手をつけないことも大切です。

    改善に手を出すのは次に紹介する「改善すべきページ」に取り組んでコツを掴んでからでも遅くありません。

    積極的に改善すべきページでトライ&エラーを繰り返そう

    最後に、改善すべきページを見つけましょう。「平均ページ滞在時間の短いページ」( /211)にヒートマップを導入します。

    この中では、もっとも平均ページ滞在時間の短いのは、/303の記事ですが、PV数がやや少なく、改善してもインパクトが少ないと判断しました。このあたりは個々の匙加減なので、もっとも平均ページ滞在時間の短いページ( /303)を分析しても問題ないでしょう。

    ( /211)( /303)あたりは、上位記事と比べると、PVが少ないので、積極的に改善していきましょう。失敗してもダメージはそんなに多くありません。

    「PVの多いページ」( /130)のヒートマップと見比べて、なぜ、このページは滞在時間が短いのか仮説を立て、物足りなさそうな部分は加筆修正したり、無駄な文章は省いたり、構成を見直したりして少しでも滞在時間が伸びるように改善していきましょう。

    こうした、少しPVの少ないページの改善作業で得られる経験というのは、非常に重要だと考えています。

    ここで、ユーザーの気持ちを汲み取り、仮説を立て、修正するという一連の流れをしっかりと身につけることができればしめたものです。

    サイトや記事がターゲットとしているユーザーの性別や年齢層によっても、改善の仕方は変わってくるでしょう。具体的にユーザーが求める情報を想像し、提供していけるようにしましょう。

    失敗してもいいのです。指標が悪くなったらもとに戻せばいいだけです。

    こういった経験の繰り返しは、PV上位記事の改善や、新記事の作成にも大いに役立つことでしょう。

    アテンションヒートマップ分析でどのようにページを改善する?もっとも簡単で実践的な改善方法では、アテンションヒートマップを活用した、簡単なページ改善の方法についてご紹介しています。

    最初から、あれもこれもといろいろ改善して、結局何が有効な改善だったのかわからないままにすると、改善スキルも上がりません。少しずつ地道にチャレンジしていきましょう。