サイト改善への使い方:LP・フォーム・ヒートマップとの合わせ技|アクセス解析とGA4 第6回

田中 磨生

監修田中 磨生株式会社Abin 代表取締役

株式会社Abin代表取締役。AI SaaSの上場企業やHR系ベンチャーのマーケティング責任者を経て、2023年BtoBマーケティング特化のコンサルティング会社株式会社Abinを設立。創業から30社以上のBtoBマーケティングの戦略立案から実行までを行う。2025年には株式会社プロベルの役員に就任。NYマーケティング株式会社の執行役員も務める。

プロフィールを見る →

執筆Abin編集部

サイト改善への使い方:LP・フォーム・ヒートマップとの合わせ技|アクセス解析とGA4 第6回

この回で分かること:①GA4で「どこ」に問題があるかを見つける手順、②ヒートマップなどで「なぜ」を確かめる方法、③改善案を試して効果を確かめるまでの進め方。前回は、人がどこから来たのかを読み解きました。今回は、来た人がサイトの中で迷わず成果までたどり着けるように、サイトそのものを良くしていく方法を学びます。アクセス解析の数字が、いちばん「お金」に変わりやすいのがこの場面です。

サイト改善の4つの段階(どこ:GA4で場所を見つける、なぜ:ヒートマップなどで確かめる、どうする:仮説を立てて変える、どうなった:効果を確かめる)を順番に示した流れ図
図1:サイト改善の4つの段階

改善は「どこ→なぜ→どうする→どうなった」の4段階

サイト改善というと、「デザインを新しくする」「ボタンの色を変える」といった打ち手から考えがちです。しかし、原因が分からないまま手を打つと、当たるも八卦の運任せになります。アクセス解析を使った改善は、次の4つの段階で進めます。

段階 問い 主に使う道具
1. どこ どのページ・どの段階で、人が減っているか GA4(ファネル、ランディング ページ、デバイス別の比較)
2. なぜ そこで、利用者は何に困っているのか ヒートマップ、録画(セッション リプレイ)、アンケート、社内外の人に使ってもらう
3. どうする 原因を解消するには、何を変えればよいか 改善案(仮説)の一覧と優先順位
4. どうなった 変えた結果、数字は良くなったか GA4での前後比較、A/Bテスト

たとえるなら、病院の診察と同じです。まず検査で「どこが悪いか」を見つけ(どこ)、問診や詳しい検査で「なぜ悪いか」を調べ(なぜ)、治療方針を決めて(どうする)、経過を見る(どうなった)。検査をせずに薬を出す医者がいないように、サイト改善も「どこ」と「なぜ」から始めます。

🔒 ここから先は無料会員限定です
この講座は、会員でない方は第2回まで読めます。第6回の続きと、残りの回はすべて、無料会員登録で読めます。
MEMBERS ONLY登録30秒・無料
続きは、無料会員登録ですぐ読めます。
会社のメールアドレスに届くリンクを開くだけ。このページに戻って、続きから読めます。
01
講座が全部、最後まで受け放題40以上の講座・300回超の連載を全回読めます。会員でない方は各講座の第1〜3回まで。
02
AI比較が1日5回あなたの会社向けの順位表と稟議書のたたき台を、何度でも作り直せます(会員でない方は1回)。
03
学びの進み具合をまとめて管理読んだ回・確認テストの成績・修了証をマイページに保存。PCでもスマホでも続きから。
04
AIへの質問が1日60回ツギノテの記事から答えを探すAI検索も、たっぷり使えます(会員でない方は20回)。
無料会員登録項目はすべて必須です
Gmail・Yahoo!メール・Outlook・携帯キャリアなどのフリーアドレスでは登録できません。お勤め先のメールアドレスを入れてください。
登録するとプライバシーポリシーに同意したものとみなします。

段階1「どこ」:GA4で問題の場所を見つける

ファネルで「減り方が大きい段階」を探す

第4回で作った目標到達プロセス(ファネル)の探索が、ここで役に立ちます。たとえば次のような結果が出たとします。

ファネルの各段階の通過率をPCとスマホで比べ、スマホの問い合わせページから送信完了までだけが22%とPCの50%より大きく低いことを示す例の棒グラフ
図2:段階ごとの通過率をPCとスマホで比べた例
ステップ PCの通過率 スマホの通過率
サービスページ → 料金ページ 40% 35%
料金ページ → 問い合わせページ 20% 18%
問い合わせページ → 送信完了 50% 22%

この表から読み取れるのは、「スマホの問い合わせページから完了までが、PCの半分以下」という点です。ほかの段階はPCとスマホで大きな差がありません。改善の第一候補は、スマホの問い合わせフォームだと当たりがつきます。

ランディング ページで「入口の質」を比べる

もう一つの見方が、「最初に入ってきたページ(ランディング ページ)」ごとの比較です。広告や検索から入ってくるページは、いわばお店の入口です。ランディング ページごとに、セッション数・エンゲージメント率・キーイベント率を並べると、次のようなページが見つかります。

  • 人は多く来ているのに、エンゲージメント率が低いページ:来た人の期待と、ページの中身がずれている可能性があります(広告の文言とページの見出しが合っていない、など)。
  • エンゲージメント率は高いのに、キーイベントにつながらないページ:読まれてはいるが、次の行動への案内(ボタンやリンク)が弱い可能性があります。

優先順位は「影響の大きさ」で決める

問題の候補が複数見つかったら、「直したときの影響の大きさ」で順番を決めます。目安は、そのページ・段階を通る人の数 × 改善の余地(今の率の低さ) です。人がほとんど通らないページを完璧に直すより、多くの人が通る段階を少し良くするほうが、成果は大きくなります。

ファネルの通過率を比べたところ、スマホの「問い合わせページ→送信完了」だけがPCの半分以下でした。最初に取りかかる改善として最も適切なものはどれでしょう?

  1. サイト全体のデザインを新しくする
  2. スマホの問い合わせフォームで、利用者が何に困っているかを調べる
  3. 広告の予算を増やす
答えと解説

正解は2です。問題が大きい場所(スマホのフォーム)が分かったので、次はそこで「なぜ」離れているのかを調べます。場所が分かっているのに全体を作り直すのは、遠回りになりがちです。

FREE MEMBER

無料会員なら、講座が受け放題・AI比較が1日5回

40以上の講座を最後まで読めて、学びの進み具合も記録できます。登録は30秒・無料です。

無料で会員登録する →

段階2「なぜ」:数字の外側を見る

GA4は「どこで減っているか」は教えてくれますが、「なぜ減っているか」は教えてくれません。第1回で学んだように、アクセス解析は行動は分かっても、気持ちは分からないからです。そこで、別の道具で利用者の様子を確かめます。

「なぜ」を確かめる道具を、行動を見るか気持ちを聞くか、たくさんの人の傾向か一人ひとりの様子かの2軸で分け、ヒートマップ、録画、アンケート、ユーザーテストを配置したマトリクス図
図3:「なぜ」を確かめる道具の使い分け
道具 分かること 向いている場面
ヒートマップ ページのどこがよく見られ、どこがクリックされ、どこで読むのをやめたか 長いLPや記事で、読まれていない部分や、押されていないボタンを探す
セッションの録画(リプレイ) 実際の利用者がどう画面を動かし、どこで迷ったか フォームの入力で止まっている箇所を探す
フォームの分析(EFO) どの入力項目で時間がかかり、どこで離れたか 項目の多いフォームの改善
アンケート・インタビュー 何を知りたくて来たのか、何が不安だったのか 数字では分からない気持ちを聞く
社内外の人に使ってもらう(ユーザーテスト) 初めての人がつまずく場所 数人に操作してもらうだけでも、多くの問題が見つかる

ヒートマップツールは多くの種類があり、無料で始められるものもあります。機能や料金を比べたいときは、ヒートマップツールのおすすめ比較や、実際にヒートマップで改善した会社のヒートマップツールの成功事例が参考になります。

よくある誤解:「ヒートマップを入れれば答えが出る」

ヒートマップは、色がついた画像を見るだけでは改善につながりません。大事なのは、GA4で見つけた「どこ」について、「なぜ」を確かめる目的で見ることです。たとえば「スマホのフォームで離れている」と分かっているなら、そのフォームのページのヒートマップと録画に絞って見る。目的なしに全ページのヒートマップを眺めると、時間ばかりかかって何も決まらない、ということになりがちです。

フォームでよくある「なぜ」

問い合わせフォームは、サイトの中で最も成果に近い場所です。そのぶん、少しの使いにくさが大きな損失になります。よく見つかる原因を挙げておきます。

  • 入力する項目が多すぎる(今すぐ必要のない項目まで必須になっている)
  • スマホで、数字の項目に文字のキーボードが出る、郵便番号から住所が入らないなど、入力の手間が多い
  • エラーの表示が分かりにくい、送信ボタンを押すまでエラーが分からない
  • 送信ボタンの近くに、個人情報の扱いや、送ったあとの流れの説明がなく、不安になる
  • 送信後に営業電話が来るのか、資料がすぐ届くのかが分からない

GA4で「スマホのフォームで離れる人が多い」と分かりました。「なぜ」を確かめる方法として最も適したものはどれでしょう?

  1. そのフォームのページのヒートマップやセッションの録画を見て、どこで止まっているかを確かめる
  2. GA4の別のレポートを何枚も作って、理由が書いてある表を探す
  3. 全ページのヒートマップを一通り眺める
答えと解説

正解は1です。GA4では「なぜ」は直接分かりません。問題の場所に絞って、ヒートマップや録画で利用者の様子を確かめるのが近道です。

段階3「どうする」:仮説を立てて、小さく直す

原因の当たりがついたら、改善案を「仮説」の形で書きます。おすすめの書き方は次の型です。

改善案を、観察した事実、考えられる原因、変更内容、確かめる指標の4段で書く仮説の型を、スマホのフォームの例で示した図
図4:改善案を書くときの仮説の型

「〇〇(観察した事実)から、△△(原因)だと考えられる。そこで□□(変更)すれば、◇◇(指標)が改善するはずだ」

例:「スマホのフォームの録画で、会社名・部署名・役職の入力で止まる人が多い(事実)。入力の手間が多すぎて、途中でやめているのではないか(原因)。そこで部署名と役職を任意項目にすれば(変更)、スマホのフォーム完了率が上がるはずだ(指標)」

この型で書くと、「何を見て、何を変えて、何で確かめるか」がはっきりします。改善案が複数あるときは、「効果の大きさ」「実装の手間」「確かさ」の3つで点数をつけて、効果が大きく手間が小さいものから試します。

一度にたくさん変えない

改善でありがちな失敗は、フォームの項目、ボタンの色、見出しの文言を一度に全部変えてしまうことです。数字が良くなっても、どの変更が効いたのか分かりません。逆に悪くなった場合も、どれを戻せばよいか分かりません。原因と変更を1対1で結べる単位で、小さく変えて確かめるのが基本です。

この記事の監修者に相談できます

監修者の田中磨生が代表を務める株式会社Abinで、ご相談をお受けしています。

相談無料ツギノテ編集部に相談する

段階4「どうなった」:効果を確かめる

前後比較のコツ

変更した日を記録しておき、変更の前と後で数字を比べます。そのときのポイントは3つです。

  1. 同じ長さの期間で比べる:たとえば変更前の4週間と変更後の4週間。曜日の偏りが出ないよう、週単位でそろえます。
  2. ほかに大きな変化がなかったか確かめる:同じ時期に広告の予算を倍にしていた、セールをしていた、といった変化があると、改善の効果と区別できません。
  3. 母数が十分か確かめる:第4回で学んだとおり、少ない数の「率」は偶然で大きく振れます。

A/Bテストで比べる

前後比較は手軽ですが、季節やほかの施策の影響を受けやすいという弱点があります。より確かに効果を確かめたいときは、A/Bテストを使います。A/Bテストは、訪問者を2つのグループに分けて、一方には今のページ(A)、もう一方には変更したページ(B)を見せ、同じ期間の成果を比べる方法です。同じ時期に比べるので、季節などの影響を受けにくくなります。

同じ期間に来た訪問者を半分ずつに分け、今のページAと変更したページBを見せて、決めた期間や人数に達してから成果を比べるA/Bテストのしくみを示した図
図5:A/Bテストのしくみ

なお、Googleが提供していた無料のA/Bテストツール(Google オプティマイズ)は、2023年9月に提供を終了しています。A/Bテストを行うときは、LPO(ランディングページ最適化)ツールなど、ほかのツールを使うのが一般的です。LPOツールの比較はLPOツールのおすすめ比較、実際にテストを回して成果を出した会社の話はLPOツールの成功事例が参考になります。

A/Bテストで気をつけたいのは、途中で結果を見て止めないことです。始めて数日で「Bが勝っている」ように見えても、偶然の可能性があります。事前に「何人分のデータが集まったら、または何週間たったら判断するか」を決めておき、その時点まで続けます。アクセスが少ないサイトでは、十分な人数が集まるまでに時間がかかるので、テストする箇所を「人が多く通る段階」に絞るのが現実的です。

もう一歩深く:「差がある」と言えるのはどんなときか

A/Bテストの結果を判断するときは、「その差が偶然でも起こりうる程度のものか」を考えます。たとえば、AとBにそれぞれ100人ずつ来て、成果がAは3人、Bは5人だったとします。Bのほうが良く見えますが、この程度の人数では、たまたま差が出ただけという可能性が十分にあります。同じ割合の差でも、AとBに1万人ずつ来て300人と500人なら、偶然とは考えにくくなります。多くのA/Bテストツールには、この「偶然では説明しにくいか」を統計的に判定する機能があるので、ツールの判定と、事前に決めた期間・人数の両方を満たしてから結論を出しましょう。

A/Bテストを始めて3日目、変更したページ(B)のほうがキーイベント率が高く見えました。適切な対応はどれでしょう?

  1. すぐにテストを止めて、Bを採用する
  2. Bが勝っているので、さらに別の箇所も同時に変更する
  3. 事前に決めた期間や人数に達するまでテストを続け、それから判断する
答えと解説

正解は3です。始めたばかりの差は偶然であることが少なくありません。事前に決めた期間や人数に達してから判断するのが、A/Bテストの基本です。

実務ではこう使う:改善の「台帳」をつける

改善を続けていくと、「前に何を試したか」「何が効いて、何が効かなかったか」が分からなくなりがちです。そこで、次のような改善の台帳をつけることをおすすめします。

日付 場所 観察した事実 仮説 変更内容 見る指標 結果
2026/11/xx スマホの問い合わせフォーム 部署・役職の入力で止まる人が多い 入力の手間で離れている 部署・役職を任意に スマホのフォーム完了率 22%→30%(4週間比較)

うまくいかなかった試みも必ず残します。「効かなかった」という記録も、次の仮説を立てるための大事な材料になるからです。この台帳が、そのまま第8回で学ぶ「分析を改善につなげる運用」の土台になります。

FOR BUSINESS

マーケティング・DXの発注先選びに迷ったら

ツギノテを運営する株式会社Abinは、BtoBマーケティングに特化したコンサルティング会社です。創業から30社以上のBtoBマーケティングを支援してきました。

相談無料ツギノテ編集部に相談する

無料会員登録(講座受け放題・AI比較)/セミナーと資料を見る

この回のまとめ

  • 改善は「どこ(GA4)→なぜ(ヒートマップ・録画・声)→どうする(仮説)→どうなった(効果検証)」の順で進める。
  • 「どこ」はファネルとランディング ページの比較で探し、通る人数×改善の余地で優先順位を決める。
  • GA4では「なぜ」は分からない。問題の場所に絞って、ヒートマップや録画、アンケートで確かめる。
  • 改善案は「事実→原因→変更→指標」の仮説の形で書き、一度に1つずつ変える。
  • 効果は、条件をそろえた前後比較か、A/Bテストで確かめる。テストは途中で止めない。

確認テスト

サイト改善の進め方として、最も適切な順番はどれでしょう?

  1. デザインを変える → 数字を見る → 原因を考える
  2. 問題の場所を見つける → 原因を確かめる → 仮説を立てて変える → 効果を確かめる
  3. 競合サイトをまねる → 数字を見る
答えと解説

正解は2です。「どこ→なぜ→どうする→どうなった」の順で進めると、運任せでない改善ができます。

改善の優先順位の決め方として、最も適切なものはどれでしょう?

  1. その段階を通る人の数と、改善の余地(今の率の低さ)の大きいものから取りかかる
  2. 担当者が直しやすいページから順に取りかかる
  3. アクセスがいちばん少ないページから取りかかる
答えと解説

正解は1です。多くの人が通り、改善の余地が大きい場所ほど、直したときの成果が大きくなります。

フォームの項目、ボタンの色、見出しの文言を同時に変えたところ、完了率が上がりました。この進め方の問題点はどれでしょう?

  1. 完了率が上がったので、問題はない
  2. ヒートマップを使っていないこと
  3. どの変更が効いたのか分からず、次に生かせないこと
答えと解説

正解は3です。一度に複数を変えると、効果の原因を特定できません。原因と変更を1対1で結べる単位で、小さく変えて確かめるのが基本です。

前後比較で改善の効果を確かめるときの注意点として、誤っているものはどれでしょう?

  1. 変更の前後で、同じ長さの期間(週単位)で比べる
  2. 同じ時期に広告費を大きく増やしていても、気にせず比べてよい
  3. 母数が十分にあるかを確かめる
答えと解説

正解は2です。同じ時期にほかの大きな変化(広告費の増加、セールなど)があると、改善の効果と区別できません。そうした変化がない時期を選ぶか、A/Bテストで比べましょう。

次回予告

次回は、GA4をほかのツールとつなげて、分析の幅を広げる方法を学びます。検索の数字が分かる Search Console、ダッシュボードを作る Looker Studio、生のデータを扱える BigQuery の3つです。

参考資料

  • Google アナリティクス ヘルプ「[GA4] Path exploration(経路データ探索)」(確認日:2026年11月12日)https://support.google.com/analytics/answer/9317498
  • Google アナリティクス ヘルプ「[GA4] エンゲージメント率と直帰率」(確認日:2026年11月12日)https://support.google.com/analytics/answer/12195621?hl=ja
  • Google アナリティクス ヘルプ「[GA4] イベントとキーイベント」(確認日:2026年11月12日)https://support.google.com/analytics/answer/13965727?hl=ja

この記事は役に立ちましたか?

いま読まれている記事ランキング

    ランキングをもっと見る →

    この記事の内容について

    掲載している情報の修正や削除をご希望の場合は、こちらからご連絡ください。

    修正・削除の依頼

    NEXTあわせて読みたい

    ツギノテの記事一覧へ

    編集方針

    • 各社の公式サイトを、確認日を書いて調べています
    • 掲載企業から報酬は受け取っていません
    • 有償の掲載がある場合は「PR」と明記します

    運営:株式会社Abin

    © Abin Co., Ltd.