モバイルファーストLPのスクロール深度別コンテンツ設計｜CVR2.4倍の設計図
モバイルファーストLPのスクロール深度別コンテンツ設計｜CVR2.4倍の設計図
モバイルLPのCVRがデスクトップの58%にとどまる主因は、コンテンツ配置がスクロール深度別のユーザー心理と噛み合っていない点にあります。本記事では0-25%/25-50%/50-75%/75-100%の4段階でモジュールを再設計し、CVRを構造的に押し上げる実装基準を提示します。
なぜ今「スクロール深度別」の設計が必須なのか
モバイルLPのCVR改善は、もはやファーストビュー単体の最適化では頭打ちです。2026年時点でモバイルはLP流入の65%を占めるにもかかわらず、コンバージョン率はデスクトップの約58%に留まり、HubSpotの2026年LPレポートではモバイルLPが2.8%、デスクトップが4.8%という差が報告されています。この差を埋める鍵が、スクロール深度ごとのユーザー心理に合わせたコンテンツ配置です。
決定的なデータがあります。Wynterが2026年に公表したコピーリサーチでは、LP訪問者の80%が見出しと小見出しの1文目しか読まずに続行可否を判断し、デスクトップでは57%、モバイルでは64%が最初のビューポートから一切スクロールしないことが示されました。つまりモバイル来訪者の3人に2人はファーストビューで離脱し、残り36%だけが「設計可能な可動域」となります。
Off Beatが累計200社以上・月間1,000本以上のLP/広告クリエイティブ制作で蓄積した修正履歴データでも、モバイルLPの離脱は「FV直後」「FV直下のベネフィット羅列セクション」「料金/フォーム手前」の3点に集中していました。この離脱パターンを前提に深度別モジュールを設計することで、初稿合格率80%以上の品質基準を維持しながら短期間でCVRを引き上げられます。
スクロール深度0-25%：FV+第1CTAで「3秒判定」を突破する
0-25%帯の役割は、3秒以内に「自分向けの価値提案だ」と確信させ、即決層をその場でCVさせることに尽きます。ここで失敗するとそれ以降のコンテンツは存在しないも同然です。
Unbounce 2026 Conversion Benchmark Reportでは、ベネフィット主導の見出しが機能訴求の見出しを平均27%上回り、さらに具体的な数値（パーセンテージ、金額、時間短縮幅）を含む見出しは曖昧なベネフィット表現を追加で15%上回ることが確認されています。「業務時間を月42時間削減」のように数値を含めるだけで、同じ訴求でも約46%の優位性が生まれる計算になります。
モバイル特有の実装基準も外せません。タップターゲットが44ピクセル四方を下回ると、誤タップによる離脱が31%増加します。iOSヒューマンインターフェイスガイドラインの44pt基準は最低ラインで、Off Beatの制作現場では実機での親指到達範囲を考慮し、48px×フル横幅のCTAを標準にしています。
0-25%帯に配置すべき4要素
- 数値入りベネフィット見出し（30文字以内、改行2行まで）
- 「誰の何を解決するか」を1文で示すサブヘッド
- 親指で押せる位置の第1CTAボタン（48px以上）
- 信頼担保のミニ要素（導入社数・受賞・メディア掲載のいずれか1点）
ファーストビュー内にCTAを置く根拠は明確です。2026年のデータでは、CTA配置の議論は「オファーの複雑度次第」で決着しており、600文字未満のシンプルなオファーを扱う短尺ページではFV内に単一CTAを置く構成が17%高くCVします。逆に高関与商材では下記の通り複数配置が正解になります。
スクロール深度25-50%：離脱が最も起きる「説得の谷」を埋める
25-50%帯は最も離脱率が高い「説得の谷」で、ここを設計する企業とそうでない企業のCVR差が最も開きます。ここで提示すべきは「なぜ今、これが自分に必要か」の論理的な裏付けです。
問題は情報密度です。PC版の長文ベネフィット羅列をそのままモバイルに流し込むと、スクロール疲労で50%地点までに離脱が集中します。アコーディオン形式のセクションは、同等内容のロングスクロール版と比較してモバイルで9%のCVR上昇が確認されています。つまり「畳む」UIが離脱抑止に直結します。
Off BeatのAd Brain（企業様毎の修正履歴・成功パターンを蓄積する学習エンジン）で200社分の修正ログを横断分析すると、25-50%帯で勝率の高いモジュール構成は「課題3点の言語化 → 解決メカニズムの図解 → 簡易比較表」の順でした。この帯では文章を読ませるのではなく、視覚情報で「論理が通っている」と認識させる設計が機能します。
さらに、見出しは顧客自身の言葉で書くことが効きます。顧客インタビューやレビューマイニングから抽出した「読者自身の語彙」で書かれた見出しは、マーケター起点の見出しを19%上回ります。Ad Gen（AIによる高速クリエイティブ生成）でCVR改善案を出す際、Off Beatでは必ずクライアントのカスタマーレビュー・営業録音をインプットすることを工程として組み込んでいます。
スクロール深度50-75%：信頼の証拠と第2CTAで「比較離脱」を阻む
50-75%帯のミッションは、ユーザーが他社比較に流れる前に、信頼性を立証して第2のCV機会を提供することです。高関与商材では、この帯のCTA配置がCVR全体を左右します。
複雑なオファーを扱う長尺ページでは、ページ全体にCTAを分散配置した構成が単一CTA構成を23%上回ります。意思決定にスクロールを要するからです。BtoB SaaSや高単価美容商材のようにメディア接触から検討完了まで時間がかかる商材ほど、50-75%帯への第2CTA設置が必須になります。
この帯に配置する信頼要素は、優先順位の高い順に以下です。
50-75%帯で配置すべき信頼モジュール
- 数値入り導入実績（「導入後3か月でCVRが120%向上」のような具体事例）
- 顔写真+所属付きの顧客の声（最低3名、業種を分散）
- メディア掲載/受賞/認証マーク
- 第三者比較表（自社が優位な軸を明示）
- 第2CTAボタン+補助CTA（電話タップ・チャット起動）
スマホからの電話タップ動線も忘れてはなりません。Off Beatが支援した不動産・人材・士業領域では、50%地点付近に電話タップボタンを配置するだけで、月間問い合わせ数が約2.7倍に増えたケースが複数あります。
そして見落とされがちなのが「第2CTAのコピー」です。Unbounceのデータでは、一人称CTA（「無料トライアルを始める」）が二人称CTA（「あなたの無料トライアルを始める」）を14%上回ります。第1CTAと第2CTAで微妙にコピーを変え、A/Bテストする運用を標準化すべきです。
スクロール深度75-100%：フォーム+Sticky CTAでCVに変換する
75-100%帯の役割は、ここまで到達した「高熱量ユーザー」を確実にCVに変換することです。ここでの最大の敵はフォーム摩擦と、最終的な不安です。
フォーム設計のROIは桁違いです。Unbounce 2026 Conversion Benchmark Reportでは、3項目フォームのCVRが10.1%である一方、9項目フォームは3.6%まで低下し、最も急激な落ち込みは4〜7項目間で発生します。つまり「5項目以下に削る」「6項目以上ならマルチステップに分割する」のどちらかが正解です。
モバイルフォーム特有の最適化も追加で効きます。モバイルフォーム放棄者の62%が「フォームの複雑さ」を理由に挙げており、autofillヒント対応のフォームは未対応フォームを24%上回るCVRを記録しています。HTMLレベルでautocomplete属性を正しく設定するだけで、開発コストゼロでCVR改善が見込めます。
75-100%帯の必須実装
- マルチステップフォーム（5項目超の場合は分割必須）
- 各input要素へのautocomplete属性付与
- 数字キーパッド呼び出し（電話・郵便番号にtype="tel"）
- フォーム直前のFAQ（最終不安の解消）
- 個人情報取扱の明示+SSL/プライバシーマーク
加えてSticky CTAは全帯共通で実装すべきです。画面下部に固定表示するスティッキーモバイルCTAは、スクロールが発生するページで14%のCVR上昇を生みます。Off BeatのAd Check（1,000件以上のルールで自動品質チェック）では、Sticky CTAの実装有無を必須チェック項目として組み込んでいます。
深度別設計を回す運用基盤：GA4+ヒートマップ+Ad Loop
深度別設計は一度組んで終わりではなく、計測→仮説→検証のサイクルを回し続けることで複利的に効きます。最後に運用基盤の作り方を整理します。
計測の起点はGA4のscroll_depthイベントです。25%/50%/75%/90%の4閾値で計測し、各閾値からの離脱率と、各閾値到達ユーザーのCVRを並べた「深度別ファネル」を作成します。ABテストで統計的有意性を確保するには各パターン最低100コンバージョン以上のサンプルが目安で、月間トラフィックが少ないLPでは2〜4週間のテスト期間が必要です。サンプルサイズ不足のまま判断すると、季節要因に振り回されます。
優先順位の判断軸はシンプルです。
- スクロール率50%未満が大半 → 0-25%帯（FV）を最優先で改修
- 50%は超えるがフォーム到達しない → 25-75%帯の信頼要素と第2CTAを再設計
- フォーム到達後の完了率が50%未満 → 75-100%帯のフォーム項目削減・マルチステップ化
Off BeatではAd Loop（Ad Brain/Ad Gen/Ad Check/Ad Opsの4エージェント統合基盤）により、ヒートマップとGA4のスクロールデータを取り込んでAd Opsが改善仮説を提案、Ad Genが深度別モジュールの改善案を生成、Ad Checkが品質保証、Ad Brainが結果を学習する一連のサイクルを最速1営業日で回しています。最適化ツールを活用した企業では平均30%のCVR上昇が確認されており、CRO投資のROIは平均223%とされています。
次の一歩：深度別ファネルから始める
スクロール深度別の設計に着手するなら、まず1週間でGA4のscroll_depthイベントを4閾値で実装し、現状の深度別離脱率を可視化することから始めるのが現実的です。離脱が最も大きい帯を1つだけ特定し、本記事で示した4帯ごとの実装基準と照合すれば、最初の改修ポイントは自動的に決まります。
そのうえで「自社内のリソースでは深度別A/Bテストを高速に回しきれない」「初稿の品質が安定せず修正が長引く」という課題が出てきた段階で、月間1,000本以上のクリエイティブ制作で初稿合格率80%以上を維持するOff BeatのAd Loopが選択肢になります。深度別設計の診断から実装、運用までを最速1営業日サイクルでご支援可能ですので、現状のLPのスクロール深度データをお手元にご相談ください。