「ファーストビューを作り直したが、CVRは変わらなかった」——ファーストビューのABテストは変えられる要素が多すぎるため、何を変えたのか分からなくなりやすい領域です。
本記事では、ファーストビューのABテストをキャッチコピー・オファー・メインビジュアル・CTA・高さの5軸に分解し、どの順で検証するかを解説します。
記事のポイント
- ファーストビューは5つの軸に分解してから検証する
- 仮説は離脱率と熟読データから絞る
- 検証順はキャッチコピー → オファー → ビジュアル → CTA → 高さ
- 見出しの型（数字・2パート構成・ネガティブ訴求）
- 「638%増」のような事例をそのまま信じてはいけない理由
目次
- なぜファーストビューのABテストは失敗しやすいのか
- 仮説は離脱率と熟読データから絞る
- ①キャッチコピーのABテスト
- ②オファーのABテスト
- ③メインビジュアルのABテスト
- ④ファーストビュー内CTAのABテスト
- ⑤ファーストビューの高さのABテスト
- 公開事例の数値をどこまで信じるか
- Dejamでファーストビューを検証する
- よくある質問
- まとめ
なぜファーストビューのABテストは失敗しやすいのか
ファーストビューはLPを開いた全員が見る唯一の領域です。影響度は最大で、最優先のテスト対象です。
それでも失敗するのは、次の2つが原因です。
1つ目。一度に全部変えてしまう。 コピーも画像もCTAも同時に差し替えると、勝っても何が効いたか分かりません。 次のテストの仮説が作れず、1本使って学びがゼロになります。
2つ目。「きれいになったか」で判断している。 デザインの良し悪しではなく、離脱率とスクロール開始率で判定します。
仮説は離脱率と熟読データから絞る
ファーストビューのどの軸を変えるかは、データから決まります。
| 観測できる状態 | 考えられる原因 | 変える軸 |
|---|---|---|
| ファーストビューで離脱する割合が高い | 自分向けだと判断されていない | キャッチコピー |
| スクロールはするが、すぐ離脱する | 期待と中身が合っていない | キャッチコピー（誇張の修正） |
| 最後まで読まれるがCVしない | 検討のハードルが高い | オファー |
| ファーストビュー内のCTAが押されない | CTAが見えていない・文言が弱い | CTA |
| ファーストビューが画面を埋め尽くしている | 下に何があるか分からない | 高さ |
ヒートマップの離脱データと熟読データがあれば、この表で軸が1つに絞れます。 取り方は「ヒートマップとは？種類・見方・LP改善への活用法」で解説しています。
GA4だけでは絞れません。 GA4はページ単位の離脱しか分からず、「ファーストビューで離脱したのか、読み切って離脱したのか」が区別できません。併用方法は「GA4とヒートマップの併用方法」を参照してください。
①キャッチコピーのABテスト
最優先の軸です。
| 変更の型 | Before → After |
|---|---|
| 抽象 → 具体的な数値・実績 | 高品質なサービス → 導入3,000社・継続率98% |
| 機能 → ベネフィット | AI搭載の分析ツール → 改善すべき箇所が5分で分かる |
| 対象を明示する | CVR改善ツール → 広告費を月100万円以上使う企業のCVR改善ツール |
| メリット → 損失回避 | CVRが上がる → 溶けている広告費を止める |
| 平叙文 → 疑問形 | LPの改善点が分かります → そのLP、どこで離脱されているか分かりますか？ |
| 見出しを2パートに分ける | コロン・ハイフンで主張と補足を区切る |
見出しの型についての知見
英語圏の調査では、次の傾向が報告されています。
| 知見 | 数値 | 出典元 |
|---|---|---|
| 奇数の数字を含む見出し | 偶数よりクリック率 20%高い | Content Marketing Institute |
| 数字を含む見出し | CVR 30%高い | Highrise のLPテスト |
| 8単語の見出し | 平均より 21%高い パフォーマンス | Outbrain |
| ネガティブな語を使う見出し | 標準より 30%、ポジティブ語より 60% 高い | Outbrain |
| コロン・ハイフンで2パートに分ける | パフォーマンス 9%向上 | Content Marketing Institute |
| 見出しをサブ見出しに置き換え | CVR 85%増 | Timetrade.com |
（出典: コンバージョンを導く大見出しの５つの特徴 - DLPO）
「8単語」は日本語にそのまま持ち込めません。 日本語は単語境界が明確でないため、全角20〜30文字程度に読み替えて検証してください。
ネガティブ訴求は景品表示法と衝突しやすい点に注意してください。 不安を煽る表現が事実と異なると優良誤認・有利誤認に当たります。「優良誤認とは？LPでやりがちなNG表現と措置命令の事例」を先に確認してください。
②オファーのABテスト
「最後まで読まれるがCVしない」ときの軸です。
| 変更の型 | 狙い |
|---|---|
| 無料・初回限定をファーストビューに上げる | 検討コストを先に下げる |
| 資料請求 → 無料診断に変える | 得られるものが具体になる |
| 返金保証・解約自由を明示する | 失敗リスクが消える |
| 所要時間を明示する（30秒で完了） | 負担の見積もりができる |
| 期間限定の表示を足す | 先延ばしされない |
「期間限定」は運用が伴わないと有利誤認になります。 常時「今月限定」を表示し続ける運用は不可です。「有利誤認とは？二重価格表示・期間限定キャンペーンの落とし穴」を参照してください。
③メインビジュアルのABテスト
| 変更の型 | 仮説 |
|---|---|
| 商品単体の写真 → 利用シーン | 使った後の状態が想像できる |
| ストックフォト → 自社撮影 | 実在感が増す |
| 写真 → イラスト（またはその逆） | 抽象度がターゲットに合う |
| 静止画 → 短い動画 | 使い方が一目で伝わる |
| 人物の視線をCTA方向に向ける | 視線誘導が効く |
画像の検証は軸が多いため「LP画像のABテスト」に切り出しています。
④ファーストビュー内CTAのABテスト
| 変更の型 | 仮説 |
|---|---|
| ファーストビュー内にCTAを追加する | 即決層を取りこぼさない |
| CTAをフォーム先頭1項目に置き換える | 入力の心理的ハードルが下がる |
| CTAを2つ（主・副）にする | 検討段階の違うユーザーを両方拾える |
| CTA直下にマイクロコピーを添える | 最後の不安が消える |
CTAを2つ置く場合は、視覚的な強さを明確に差をつけてください。 同じ強さのボタンが並ぶと、選択のコストが増えてどちらも押されません。文言・配置の詳細は「CTAボタンのABテスト」で扱っています。
⑤ファーストビューの高さのABテスト
見落とされやすい軸です。
| 変更の型 | 仮説 |
|---|---|
| 画面の高さいっぱいから縮める | 下に続きがあると分かり、スクロールが始まる |
| 2番目の要素の一部を画面内に覗かせる | 続きを読む動機になる |
| 逆に高さを増やし、情報量を足す | ファーストビューだけで判断できる |
判定指標はCVRではなくスクロール開始率です。 ここだけは中間指標で見て構いません。スクロールされなければ、その下の改善はすべて無駄になります。考え方は「スクロール率とは？初心者にも分かる意味と具体的な活用法」で解説しています。
公開事例の数値をどこまで信じるか
ファーストビューの事例で有名なものに、**「長い形式のLPに変えたらリードが638%増えた」**という結果があります（MECLABS / HealthSpire、コールセンターのリード数）。
しかしこの事例は、信頼度もサンプルサイズもテスト期間も公開されていません（出典: 【ABテスト事例】CVRを最大化するなら、短い形式、それとも長い形式のLPか？ - DLPO）。
一方、信頼度が明記されている事例もあります。
| 変更内容 | 結果 | 信頼度 | サンプル・期間 | 実施 |
|---|---|---|---|---|
| LPに「期間限定オファー」の表示を追加 | フォーム完了 6.8%増 | 97% | 記載なし | MECLABS / HubSpot |
| 申し込みに必要な書類と所要時間（5分）を事前に提示 | 支払い完了 15.61%向上 | 97% | 5,000UU以上・24日間 | Energy Australia |
（出典: DLPO ブログのABテスト事例）
注目すべきは数値の大きさの差です。 信頼度が報告されている事例は6.8%・15.61%で、報告されていない事例は638%です。改善率が極端に大きい事例ほど、検証条件が公開されていない傾向があります。
ファーストビューを「作り直す」規模のテストは変更点が多く、勝った理由が特定できません。 構成レベルの大きな変更で勝ったら、次にどの軸が効いたのかを分解して追試してください。
Dejamでファーストビューを検証する
ヒートマップ
離脱ヒートマップで、ファーストビュー内のどこで離脱しているかが5%刻みで分かります。熟読ヒートマップは4秒以上読まれた箇所を示すため、キャッチコピーが読まれているのかスルーされているのかが判定できます。
ABテスト
デザイン変更テストでコピー・ビジュアル・CTAを差し替えられます。ファーストビューを丸ごと作り替える規模の比較はリダイレクトテストで、別URLのLP同士を比較します。
LP制作
ファーストビューだけを差し替えたパターンをノーコードで作成できます。AIで生成したコードをそのまま取り込めるため、コピー違いの3案を同日に用意できます。
よくある質問
Q. ファーストビューのABテストは何から始めるべきですか？
A. キャッチコピーです。 ファーストビューで離脱する割合が高い場合、原因は「自分向けだと判断されていない」ことがほとんどです。まず抽象表現を具体的な数値・実績に置き換えてください。
Q. ファーストビューは短いほうがいいですか？
A. 一般的な正解はありません。 短くすればスクロールは始まりますが、情報不足で離脱することもあります。判定はスクロール開始率とCVRの両方で行ってください。
Q. ファーストビューを丸ごと作り直すテストはダメですか？
A. やって構いませんが、勝った理由が特定できません。 大きな変更で勝ったら、次にキャッチコピーだけ・ビジュアルだけに分解して追試してください。
Q. 何を指標に判定すればいいですか？
A. 最終的にはCVRです。 ただし高さのテストだけはスクロール開始率で判定して構いません。スクロールされなければ以降の改善が無意味になるためです。
Q. 「ネガティブな見出しが効く」は日本でも同じですか？
A. 検証が必要です。 出典は英語圏のメディア記事の調査で、LPとは文脈が違います。また不安を煽る表現が事実と異なると景品表示法に触れるため、根拠のある範囲で検証してください。
まとめ
ファーストビューのABテストについて、要点を整理します。
- ファーストビューは5軸（コピー・オファー・ビジュアル・CTA・高さ）に分解してから検証する
- 一度に全部変えると、勝っても次の仮説が作れない
- 軸の選定は離脱ヒートマップと熟読ヒートマップから行う
- GA4だけでは「ファーストビューで離脱したか」が区別できない
- 検証順はキャッチコピー → オファー → ビジュアル → CTA → 高さ
- 見出しは具体的な数値・2パート構成が有力。英語圏の「8単語」は文字数に読み替える
- ネガティブ訴求・期間限定は景品表示法を先に確認する
- 高さのテストだけはスクロール開始率で判定してよい
- 改善率が極端に大きい事例ほど検証条件が公開されていない（638%増の事例は信頼度未報告）
CVR改善ならDejam！ファーストビューの離脱を根拠から直す
Dejamは、LP制作・ヒートマップ分析・ABテスト・AI自動解析をオールインワンで提供するCVR改善特化ツールです。「ファーストビューを作り直したが変わらなかった」という段階から、どの軸が効いたかを特定して積み上げるまでを総合支援します。
Dejamが選ばれる理由
- ワンプロダクトで完結: LP制作・ヒートマップ分析・ABテストをすべて単一ツールで実施
- 月額3万円〜利用可能: オプティマイズプラン月額3万円〜 / CMSプラン月額5万円〜 / オールインワン月額12万円〜
- ユーザー課金なし: 何名で使っても追加費用は発生しない
- ISMS認証取得: ISO/IEC 27001:2022 & JIS Q 27001:2023認証取得済み
- 毎週アップデート: 市場トレンドとユーザーリクエストに応じて機能を毎週拡充
- 権威ある実績: 代表がダイレクトアジェンダで2連覇。LPO顕彰制度「LPO AWARD」主催者
Dejamの主要機能
- LP/記事LP制作: ノーコード・コードの切り替えに対応。AIで生成したコードを直接取り込み可能
- ヒートマップ: 5種類（クリック/クリックイベント/熟読/滞在/離脱）。データ保存期間無制限
- ABテスト: デザイン変更テスト・リダイレクトテスト・ポップアップテストの3種類。AIが自然言語でテストコードを自動生成
- 自動解析: どのコンテンツがCVRに貢献しているかAIが自動解析。ゴールデンルート機能でページ遷移の最適パスも特定
- 独自ドメイン300件まで無料: LP専用ドメインを大量運用しても追加費用なし
ファーストビュー違いのLPを別URLで用意し、リダイレクトテストで比較する運用がドメイン追加費用なしで回せます。 構成レベルの検証がコストで止まりません。
