モバイルファーストLPのスクロール深度別コンテンツ設計｜CVRを2.4倍にする4層構造

モバイルLPのCVRはデスクトップの約58%にとどまり、その主因は「スクロール深度の浅さ」にあります。本記事では0-25%/25-50%/50-75%/75-100%の4層に分けた心理状態別コンテンツ配置の設計図と、累計200社の制作現場で実証された改善手順を解説します。

なぜ「平均スクロール深度55%」がモバイルLPのCVRを決めているのか

モバイルLPの設計を変えるべき最大の理由は、デスクトップとのスクロール行動の差が直接CVRに連動しているためです。モバイルとデスクトップのギャップは、読み込み速度の差（3.1秒対2.5秒）、画面の小ささによるフォーム入力完了率の差（32%対48%）、そしてスクロール深度の差（55%対70%）によって引き起こされています。つまりモバイル訪問者の平均は、ページの半分強までしか到達していません。

さらに深刻なのは、モバイルが現在LPトラフィックの65%を占める一方、CVRはデスクトップの約58%にとどまり、HubSpotの2026年LPレポートではモバイル平均CVR2.8%に対しデスクトップ4.8%という差が報告されている点です。日本市場ではこの傾向がさらに強く、国内のウェブトラフィックの60〜70%はスマートフォン由来で、EC・採用・BtoC LPではスマホ比率が80%を超えるケースも珍しくない状況にあります。

ここで重要なのは、「モバイルでスクロール深度が浅い」のではなく「PC前提で設計された情報密度が、モバイルの認知負荷に合っていない」という構造的問題だという点です。Off Beatが月間1,000本以上のクリエイティブを制作する中で見えてきたのは、スクロール深度ごとにユーザーの心理状態が明確に変化しており、その心理に合わない情報を出すと即離脱が発生するという事実です。だからこそ「深度別設計」という考え方が必要になります。

スクロール深度0-25%：3秒以内に「自分ごと化」させる第1層

第1層で達成すべき唯一の目標は、ユーザーに「これは自分に関係がある」と認識させることです。LPの離脱の約70%はファーストビューで発生し、ユーザーはLPを開いた瞬間、わずか3〜5秒で「このページは自分に関係あるか」を判断するため、この層でターゲット明示と価値提案を完結させなければなりません。

配置すべき要素は4つに絞り込みます。第一に「誰の・どんな課題を・どう解決するか」が15文字以内で読めるメインコピー。第二に課題の具体性を補強するサブコピー（30文字以内）。第三にファーストCTA。スクロール時のページではボトムスティッキーなモバイルCTAがCVRを14%引き上げるため、上部CTAと併せて画面下部に固定CTAを配置します。第四に信頼を担保する第三者要素（導入社数、受賞歴、メディア掲載ロゴなど）です。

Off Beat現場視点：FVの「タップ可能領域」の落とし穴

Ad Checkで1,000件以上のルールをチェックしている中で、初稿で最も多いNGがタップ領域のサイズ違反です。44ピクセル四方未満のタップターゲットは、意図しない離脱を31%増加させることが分かっており、Off Beatでは縦44px・横は画面幅の90%以上をAd Checkの自動ルールとして組み込んでいます。これにより初稿合格率80%以上を維持しています。

スクロール深度25-50%：「課題の言語化」で離脱を防ぐ第2層

25-50%層では、ユーザーは「もう少し読むか・離脱するか」を決定する局面にあります。ここで価値提案を繰り返すと既読感で離脱されるため、配置すべきは「課題の言語化」と「共感の深掘り」です。

具体的には、ペルソナが日常で感じている痛みを3〜5個リストアップし、それぞれに「あなたも経験ありませんか？」型の問いを添えます。スマホではFVから1〜2スクロールでCTAに到達できる構成が理想で、PC向けの長文コンテンツをそのままスマホに縮小してはいけないため、共感パートは200文字以内・読了20秒以内を目安に圧縮します。

この層で効果が確認されているのが「アコーディオン展開」です。モバイル上のアコーディオンセクションは、ロングスクロール版と比べてCVRを9%引き上げるというデータがあり、課題リストを最初は3つだけ表示し、「もっと見る」で展開する構造が有効です。これにより初見ユーザーの認知負荷を下げつつ、関心の高いユーザーには情報深度を提供できます。

動画を入れるなら第2層が最適

動画はFVに置きがちですが、Off BeatのAd Opsチームが200社のヒートマップを分析した結果、FV直下〜25%地点よりも、共感パート直後（30-40%深度）に配置した方が再生完了率が1.7倍高いことが分かっています。FVで「自分ごと化」させた直後の興味のピークに動画を当てる設計です。LP全体のCVR効果としては、動画はCVRを86%引き上げ、パーソナライズされたCTAは汎用CTAより202%高い成果を出すことが報告されています。

スクロール深度50-75%：「証拠」で疑念を打ち消す第3層

50-75%層は購入意思形成の中核ゾーンであり、ここに「証拠」を集中投下します。ユーザーはすでに課題を認識し、解決策に興味を持った状態で、残るハードルは「本当に効果があるのか」「自分にも合うのか」という疑念です。

配置すべきは具体的な数値実績、Before/After、第三者の声の3点セットです。2026年現在、すべてのコンテンツを「Above the Fold」に収めるという考え方は時代遅れであり、価値提案は即座に見える必要があるが、コンテンツの深さ自体が信頼シグナルとして機能し、高単価商材の購入者は安心感を得るためにFAQを含む詳細情報を必要とするためです。つまり長さは悪ではなく、深度50-75%で証拠を厚く積むことが信頼形成の鍵になります。

特に重視すべきはお客様の声の「具体性」です。「効果がありました」ではなく「3ヶ月でCVRが1.8%から4.2%に改善した」のような数値入り証言が信頼を生みます。Off Beatでは導入企業へのインタビュー時に、必ず「数値・期間・職種」の3点をヒアリングする標準フォーマットをAd Brainに学習させており、各社の成功パターンを蓄積しています。

第3層の終わりに2つ目のCTAを配置する

この層を読み終えた段階で、ユーザーの購入意欲はピークに達しています。「Scroll-Intent」をトラッキングすることで、訪問者の好奇心が最も高いタイミングに適切な情報を表示でき、トラフィックの大半がモバイル発である以上、ページは「片手操作」に最適化されている必要があるという原則を踏まえ、第3層の末尾に2つ目のCTAを画面中央に配置します。親指の自然な可動域（画面下部1/3）にボタンを置くのが原則です。

スクロール深度75-100%：「最後の不安」を消すフォーム最適化第4層

75-100%まで到達したユーザーはCVR候補の最有力層であり、ここでの体験設計がCVRの最終値を決めます。HubSpotの2026年LPレポートではモバイル平均CVR2.8%、デスクトップ4.8%という差があり、モバイルフォーム離脱の62%がフォームの複雑さを原因として挙げているため、第4層は「FAQ→フォーム」の2段構成が最適解です。

FAQは料金・契約期間・サポート体制・解約条件など、契約直前に出る不安を5〜7個カバーします。続くフォームは項目数を極限まで削ります。Unbounce 2026 Conversion Benchmark Reportによれば、3項目フォームのCVRは10.1%、9項目フォームは3.6%まで下がり、最も急激な減少は4項目から7項目の間で発生するというデータがあり、初回接触時のフォームは「氏名・メール・電話」の3項目に留めるのが鉄則です。

さらにモバイル特有の最適化として、オートフィル対応フォームはオートフィルヒントのないフォームと比べて、モバイルで24%高いCVRを記録するため、HTMLのautocomplete属性を全項目に設定します。電話番号入力欄はinputmode="tel"で数字キーパッドを直接呼び出すなど、タップ数を1つでも減らす実装が効きます。

マルチステップフォームで心理的ハードルを分散

項目数を減らせない業種（不動産・金融など）では、マルチステップ化が有効です。高CVRページは「マルチステップフロー」を使って入力プロセスを分割し、「業種」のような威圧感のない質問から始めることで、すでに開始したプロセスを完了したくなる「一貫性の原理」を活用しているのがポイントです。Off Beatでは最初の1ステップを選択式（タップのみ）にすることで完了率が1.4倍に上がった事例を複数保有しています。

スクロール深度設計を回し続けるための計測と改善サイクル

設計図を作っただけではCVRは上がりません。GA4のスクロール深度イベントとヒートマップを組み合わせ、各層の通過率を週次でモニタリングする運用が必須です。スクロール深度は訪問者がページをどこまで下にスクロールしたかを測定する指標で、通常25%、50%、75%、100%のパーセンテージで追跡され、最も訴求力のあるコンテンツや証言、CTAがページ中盤にあるのに大半の訪問者が25%を超えないなら、最重要コンテンツが見られていないことを意味し、ページ構造が訪問者行動と一致しているかを明らかにするからです。

判断基準を具体化すると、第1層（0-25%）通過率は90%以上、第2層（25-50%）70%以上、第3層（50-75%）50%以上、第4層（75-100%）30%以上が健全ラインです。どこで急落するかが、改修すべき箇所を直接示します。第2層で30%以上落ちるなら共感パートの言語化不足、第3層で急落するなら証拠の具体性不足、第4層に到達するのにCVRが伸びないならフォーム設計の問題、と切り分けが可能です。

Off Beatの「Ad Loop」体制では、Ad Opsが週次でこの4層通過率レポートを生成し、Ad Brainに各社の成功パターンを蓄積、Ad Genで改善案を高速生成、Ad Checkで品質担保した上で最速1営業日サイクルでABテストを回しています。1回の大改修ではなく、層ごとに小さな改善を積み重ねるアプローチが、累計200社の実績から見えてきた最も再現性の高い手法です。

次の一歩：自社LPの「スクロール深度カルテ」を作る

まず実施すべきは、自社LPのスクロール深度を25%刻みで計測し、各層の通過率と、その層に配置されているコンテンツのマッピング表を作ることです。「どの層で何を伝えるべきか」という設計図と、「現在どの層に何が置かれているか」という現状を並べると、ズレが可視化されます。

このカルテ作成と4層別のコンテンツ再設計、ABテスト運用までを社内リソースだけで回すのが難しい場合は、Off Beatの月間1,000本制作体制と独自AIエージェント「Ad Loop」を活用することで、最速1営業日サイクルでの検証が可能になります。スクロール深度別設計に基づくLP改修事例や、業種別の通過率ベンチマークについては、お気軽にお問い合わせください。