活用方法

ヒートマップ活用方法に悩んでいる方へ|指標毎のLP改善策とは

「ヒートマップを上手く活用したいけど、どのように使えばいいのか分からない…」と悩まれている方必見!ヒートマップの読み方や活用法をマスターすれば、LPの改善に大きな成果をもたらすことができます。記事の効果を最大限に引き出すために、ぜひヒートマップの活用をご検討ください!


2

目次

 

 

01|ヒートマップとは


ヒートマップとはその名の通り、ユーザーがLPのどの部分に注目したかをサーモグラフィーのように視覚的に可視化する機能です。

 

Screen-Shot-2021-03-22-at-13.29.04

 

ユーザーの関心が高いところは赤色で、逆に関心が低い箇所は青色で表示されます。初心者でも分かりやすく視覚的に表示してくれるのがヒートマップの特徴です。ヒートマップでは、ユーザーのマウスの動きを追跡し、そこからユーザーがLPのどの部分に関心を持って見てくれていたかを測るため、LPを改善する際に大変重要になってくる指標です。

ページのどこがよく読まれているのか、どこがよくクリックされているのか、どの部分でLPを離れてしまうのかを知ることで、LPに改善を加えてCVRを向上させることができます。

なんと、人間が実際に画面上で見る箇所とマウスの動きには80%以上の相関関係があると言われています。つまり、ユーザーのマウスの動きや滞在時間を正確に把握することで、ユーザーがLPのどの部分に注目して見ているのかを知ることができます。

「でも、ヒートマップの中にも指標が複数あって、どの指標を参考に、どのように改善すればいいか分からない…」という人も多いと思います。今回は【離脱】【クリック】毎に、どのような改善策を施せばいいのかご紹介します。

 

 

02|離脱を元にした改善策


離脱はCVの逆であり、問題の兆候となる可能性があります。ユーザーがLP上で離脱する = ユーザーが興味を失ったり、困惑したり、不満を抱いたりしていることを示唆しています。離脱に注目することで、ユーザーがどの箇所でLPから離れるのか特定し、問題の解決策を見つけることができます。

 

〜 前提:画像がある箇所で離脱率が高い場合 〜

a|仮説

画像の読み込みに時間がかかってしまい
ユーザーが待ち疲れ、離脱してしまう可能性がある

a|解決策

  • 画像のサイズを最適化する
  • 画像の遅延読み込みを利用する

▼関連記事

 

スクリーンショット 2023-06-27 12.17.03

b|仮説

画像が表示される前に他の情報が表示されているため
ユーザーが興味を示さずに離脱してしまう可能性がある

b|解決策

  • ポップアップを活用する
  • キャプションや説明文を追加する
  • コンテンツの順序を見直す
  • LP自体を短くする

▼関連記事

スクリーンショット 2023-06-27 12.17.11

c|仮説

LP全体のコンテンツが
CTAと整合性が取れていない可能性がある

c|解決策

  • LPのコンテンツ全体を見直し、CTAとの整合性を確保する
スクリーンショット 2023-06-27 12.17.20

 

 

03|クリックを元にした改善策


ユーザーがLP上でクリックする箇所は、彼らが関心を持っているという示唆です。クリックに注目することで、ユーザーがどの要素やコンテンツに興味を示しているのかを把握することができます。これにより、ユーザーのニーズや好みに合わせたコンテンツや要素の改善や強化が可能です。

 

〜 前提:クリックしても何もアクションが起こらないところでクリックされている場合 〜

d|仮説

CTAが不十分または魅力的でない可能性がある

d|解決策

  • CTAの文言やデザインを改善する
  • CTAの数を増やす
スクリーンショット 2023-06-27 12.17.29

e|仮説

CTA以外の要素が目立ってしまっている可能性がある

e|解決策

  • 画像にリンク埋め込む
  • CTA以外の場所が、CTAよりも目立たないように調整する
スクリーンショット 2023-06-27 12.17.36

f|仮説

求めていた情報や関連性のある情報が得られないため
ユーザーが興味を持たずに離脱をしてしまう可能性がある

f|解決策

  • 画像の品質を見直す
スクリーンショット 2023-06-27 12.17.45

 

 

04|まとめ


ヒートマップの指標ごとに見たLPの改善策をご紹介しました。ヒートマップをフル活用することで、CVの妨げとなっているLP箇所やユーザーが興味のある内容を知ることができるため、CVRの改善を行うことができます。LPの利点を伸ばして、足をひ引っ張っている箇所を削除・改善し、効果的にCVを獲得していきましょう。


1

▼関連記事

 


 

Squad beyondのご利用には、アカウント開設が必要です。

デモを依頼する

お好きな時間を選んで、どんなことでもお気軽にご相談ください。
(商談の設定、お見積もり依頼、サービスの簡単な説明 など)

 

Similar posts