LPのファーストビューと
セカンドビューの使い分けとは?
CVRを左右する設計の考え方を
徹底解説

LP(ランディングページ)の成果を左右するのは、実はページ全体の構成ではなく最初の二画面です。ファーストビュー(FV)で目を止め、セカンドビュー(SV)で読む理由を作る——この「二段構えの入口設計」が曖昧なLPは、どれだけボディを作り込んでもコンバージョン率(CVR)が伸びません。本記事では、FVとSVそれぞれの役割・設計のコツ・よくある失敗パターンから、改善の優先順位まで、LP設計の核心を徹底解説します。

01 そもそもLPの種類によってFV・SVの考え方が変わる

ひとくちにLPと言っても、実はいくつかのタイプがあり、それぞれでファーストビュー(FV)やセカンドビュー(SV)に求められる役割が異なります。まずはこの前提を押さえておきましょう。

LPのタイプ ユーザーの流入経路 FVに求められること
ホームページ型 指名検索・自然検索・比較検討など多様 「何の会社か」「何のサービスか」を丁寧に整理
バナーLP型 ディスプレイ広告・SNS広告からの遷移 「自分向けだ」「続きを読みたい」と瞬時に確信させる
広告LP型 リスティング広告など明確な検索意図からの遷移 明確な訴求+明確なCTA。FV・SV・CTAが成果の大半を決める

ホームページ型の場合、ユーザーはさまざまな経路で訪れるため、いきなり強いセールスをするよりも信頼感を優先する設計が有効です。一方、バナーLP型では流入前にある程度の興味喚起が済んでいるため、FVでは「説明」よりも「確信」が重要になります。広告LP型はさらに直接的で、FV・SV・CTA導線だけで成果がほぼ決まることも珍しくありません。

重要なポイント:LPの種類によってFVとSVの温度感は変わりますが、「FVで目を止め、SVで読む理由を作る」という二段構えの設計が重要であることは、どのタイプでも共通です。

02 なぜLPはFVとSVでほぼ決まるのか

LP改善の話になると、どうしてもボディの構成・文章量・デザインの美しさに意識が向きがちです。しかし、実務で何本ものLPを見ていると、CVR差が大きく出るのは、かなりの確率でFVとSVです。

理由はシンプルです。ユーザーは最初の数秒で「読むか」「離脱するか」を決めています。

50-70%
FVで離脱する
ユーザーの割合
2段
LPの入口は
二段構え

多くのLPでは、ユーザーの50〜70%がファーストビューの段階で離脱しています。つまり、ボディに到達する前にすでに半数以上が離れているわけです。

LPの入口は二段構えで機能します。

  • FVで目を止める——「これは自分に関係ありそうだ」と思わせる
  • SVで読む理由を作る——「なるほど、もう少し知りたい」と思わせる

この二つが噛み合って初めて、ユーザーは課題の問いかけや事例、導入の流れまで進んでいきます。逆に、FVが何となく良さそうでも、SVで何を言いたいのか分からないと、ボディに入る前にテンションが切れてしまいます。

さらに言えば、SVまでスクロールしたユーザーは、その後のボディも読む確率が格段に高くなります。SVを突破させることができれば、あとは王道構成の流れに乗せるだけで一定の成果が見込めるということです。

FVとSVは「関所」:多くのLPが「ボディの情報は十分なのにCVRが上がらない」という壁に当たるのは、実はFVとSVの設計が甘いことが原因です。この関所を通過させる設計ができているかどうかで、LP全体の成果が決まります。

03 ファーストビューの役割——「自分に関係ある」と一瞬で伝える

ファーストビューの役割をひとことで言うなら、「一瞬で、自分に関係あるページだと理解させること」です。

ここで重要なのは、"全部を説明しようとしないこと"です。FVは情報を詰め込む場所ではなく、ユーザーの頭の中にある「これって私向け?」「何が得られるの?」という問いに、一撃で答える場所です。

FVで最低限伝えるべき4つの要素

  • 誰向けなのか——ターゲットが瞬時に「自分のことだ」と感じられるか
  • 何を提供しているのか——サービスや商品の主語が明確か
  • どんな価値があるのか——ユーザーにとってのメリットが伝わるか
  • 次に何をすればよいのか——CTAが見えているか

この4つが瞬時に伝わるだけで、FVの完成度はかなり上がります。

FVの本質は「名刺の一行目」

FVが強いLPに共通しているのは、「見た瞬間に主語が分かる」ことです。名刺を渡した瞬間に相手が「ああ、そういうことをやっている人なんですね」と理解できるかどうか——その精度を、LPの最初の一画面で実現する。それがFVの本質的な役割です。

例:リフォーム会社のFV

「住まいの悩みを相談できます」のような抽象的な表現では、何のリフォームか分かりません。それよりも「キッチン・浴室・洗面所・トイレの水回りリフォームならまとめて相談可能」のように、サービス内容が具体的に見える方がはるかに強いです。ユーザーは"自分の悩みがこのページで解決できるか"を見に来ているからです。

04 FVでやりがちな2つの失敗パターン

FVの設計でよくある失敗は、大きく2つに分類できます。どちらも根っこは同じで、「FVの役割を誤解している」ことが原因です。

失敗パターン1:抽象的すぎる

きれいに見せようとしすぎて、具体性が消えてしまうパターンです。

ありがちなFVコピーの例

「暮らしをもっと快適に」「理想の住まいを実現」「安心のリフォーム」「あなたらしい生活へ」——これらは一見きれいですが、競合とも差別化しづらく、何のサービスかも伝わりません。ブランド訴求としては悪くなくても、CVを取りにいくLPのFVとしては弱いことが多いです。

ユーザーが知りたいのは詩的なコピーではなく、「これは何のページで、自分にどう関係あるのか」です。特に広告流入では、抽象度の高いFVは危険です。広告で興味喚起されたユーザーは遷移先でその答え合わせをしたいのに、FVがふんわりしていると一気に温度が下がります。

失敗パターン2:詰め込みすぎ

もうひとつ多いのが、情報を詰め込みすぎるパターンです。実績・対応範囲・価格・エリア・保証・口コミ・事例・無料相談・キャンペーン……これらを全部FVに押し込もうとすると、結果的に何も伝わらなくなります。

FVは情報の倉庫ではなく、判断の入口です。重要なのは量ではなく「判断しやすさ」。FVでは最も重要な1メッセージに絞り、残りはSV以降で展開するのが基本です。

見落としがちな失敗:ビジュアル偏重

写真やイラストにこだわりすぎて、テキストの訴求力がおろそかになるケースもあります。特にB2Bサービスや専門性の高いサービスでは、テキストの訴求力がFVの生命線です。

バランスを取るコツは、「写真を外してテキストだけにしても、サービス内容が伝わるか」を基準にすることです。テキストだけで成立するFVに、さらにビジュアルを加える——この順番で考えれば、FVの訴求力は安定します。

05 セカンドビューの役割——関心を確信に変える

SVの役割は、「FVで生まれた関心を、確信に変えること」です。FVが興味喚起の場所だとすると、SVは納得形成の場所です。

ユーザーはFVを見て「なんとなく関係ありそう」と思ったあと、次の一画面で「本当に自分向けか」を確認しています。このタイミングで有効なのが、以下のような要素です。

  • 具体的な悩みの言語化——ユーザーの頭の中にある課題を代弁する
  • 提供価値の補足——FVで伝えきれなかった具体的なメリットを追加する
  • 他社との違い——なぜこのサービスを選ぶべきかの根拠を示す
  • 対応できる対象の明示——どんなケースに対応できるかを具体化する
  • 安心材料の提示——実績数・資格・メディア掲載などで信頼を裏付ける

SVは「営業の一言目」

FVが看板だとすると、SVは営業の一言目にあたります。名刺交換をした直後の「実は弊社は〇〇に特化しておりまして…」という一言目が的確だと、相手は「ちゃんと話を聞こう」と思います。SVも同じです。だからこそ、何となく下に続けるのではなく、明確な役割を持たせる必要があります

SVで特に効果的な要素

SVの要素 内容 効果
悩みの言語化 「こんなお悩みはありませんか?」形式で3〜5個列挙 「まさにそれ」と思った瞬間、LPへの信頼度が一気に上がる
提供価値の補足 FVの主語に対して「だから何が嬉しいのか」を具体化 サービスの実際のメリットが明確になる
安心材料 実績数・対応エリア・メディア掲載などを短く添える 「ちゃんとした会社だ」という印象を与える

SVの設計で最も重要な視点:SVは「FVの繰り返し」ではいけません。FVが「結論」だとすれば、SVは「その結論が自分に当てはまる理由」です。FVとは異なる角度から、ユーザーの関心を深める情報を出す——この角度の違いが、LP全体の訴求力を決めます。

06 SVが弱いLPが多い3つの理由

多くのLPはFVの作り込みに比べて、SVが意外と弱いです。よくあるのは、FVのすぐ下に曖昧な導入文があり、そのまま課題提起に入ってしまうパターンです。構成としては成立していますが、心理のつながりとしては弱くなりがちです。

SVが弱くなる理由は主に3つあります。

1
FVに注力しすぎて
SVまでエネルギーが
回らない
2
SVの「役割」が
明確に定義
されていない
3
構成テンプレートに
「SV」の概念が
ない

LP制作ではFVのデザインやコピーに最も時間をかけることが多く、SVは「なんとなく繋ぎの文章を入れておこう」となりがちです。また、「ファーストビュー」は誰もが知っている概念ですが、「セカンドビュー」を意識的に設計している制作者は意外と少なく、多くの場合FVの下は単に「課題提起セクション」として処理されてしまいます。

さらに、よくあるLP構成テンプレートでは「FV → 課題 → ソリューション → 事例 → CTA」のように並んでおり、そこに「SV」という独立した設計指示はありません。結果として、SVは「最も改善インパクトが大きいのに、最も手が回っていないセクション」になっています。

だからこそ効く:すでに王道構成で作られているLPであれば、FVとSVの訴求精度を上げるだけで、ボディの構成を一切変えずにCVRが改善するケースも珍しくありません。SVを「設計すべきセクション」として認識するかどうか——この意識の差が、LP全体の成果に直結します。

07 FVとSVの使い分け——「結論」と「理由」の関係

ここまでの内容を整理すると、FVとSVは「同じことを二回言う」関係ではなく、「結論」と「その理由」の関係です。

項目 ファーストビュー(FV) セカンドビュー(SV)
主な役割 目を止める・自分事化 関心を深める・納得させる
伝えること 何のサービスか・誰向けか どんな悩みに効くか・なぜここか
心理的な役割 興味喚起 納得形成
営業に例えると 名刺の肩書き 最初の一言
コピーの特徴 短く、端的に やや具体的に、深く
情報の種類 結論・主語・CTA 悩みの言語化・価値の補足・差別化
失敗パターン 抽象的すぎる / 詰め込みすぎ FVの焼き直し / 存在感がない

よくある失敗:同じことの繰り返し

FVで「水回りリフォームのことなら当社へ」と言い、SVでも「当社は水回りリフォームに対応しています」と同じことを繰り返す——これではユーザーにとって新しい情報がないため、スクロールする意味が感じられません。

FVで「水回りリフォームのことなら当社へ」と言ったなら、SVでは「たとえばこんなお悩みはありませんか?」と具体的な課題を提示する。こうすることで、FVの結論に対する「理由」が補強され、読み進めるモチベーションが生まれます

日常会話でも同じ構造

「この店おすすめだよ」(結論=FV)→「なんでかって言うと、このエリアで唯一、朝から深夜まで営業してるんだよね」(理由=SV)。この流れが自然であるように、LPのFVとSVも同じ構造にすると、ユーザーの理解がスムーズになります。

08 具体例で考えるFV・SV設計

ここでは具体例として、リフォーム会社のLPを題材にFVとSVの設計を考えてみます。どの業種でも応用できる考え方なので、自社のサービスに置き換えながら読んでみてください。

なぜ「リフォーム」だけでは弱いのか

「リフォーム」という言葉は範囲が広すぎます。ユーザーが求めているのはキッチンなのか、浴室なのか、外壁なのか、屋根なのかで全く違います。FVがただ「リフォームのご相談なら」だと、自分事化が弱くなるのです。

弱い例 強い例
FVコピー 「理想のリフォーム、はじめませんか」 「キッチン・浴室・洗面台・トイレ。水回りの不便を、まとめて解決。」
問題点 / 優れている点 何のリフォームか不明。自分事化が弱い 対応範囲が明確。水回り専門だと一瞬で分かる
SVコピー 「私たちは水回りリフォームの会社です。お気軽にご相談ください。」 「こんなお悩みはありませんか? キッチンのシンクが古い / 浴室のカビが取れない / 洗面台の収納不足 / トイレの老朽化」
問題点 / 優れている点 FVの繰り返し。新しい情報がない ユーザーの悩みを言語化。「分かってくれている」と感じさせる

業種を問わず使える原則:FVとSVは「何を言うか」だけでなく「何の角度から言うか」が重要です。FVはサービスの主語(提供者側の視点)、SVはユーザーの悩み(受け手側の視点)。この角度の違いが、LP全体の訴求力を決めます。

09 ボディとFV・SVの関係——改善の因果を理解する

ここで誤解のないように補足すると、ボディが不要という話ではありません。事例・ソリューション・流れ・FAQ・CTAなど、ボディの設計はもちろん大切です。

ただし、ボディの改善効果を正しく理解するには、FV・SVとボディの因果関係を押さえておく必要があります。

FV・SVとボディの役割の違い

セクション ユーザーの判断 影響する指標
FV・SV 「読むかどうか」を決める 直帰率・スクロール率
ボディ 「問い合わせるかどうか」を決める CVR・CTA到達率

つまり、こういう因果関係になります。

  • FVとSVが弱い → そもそもボディまで到達しない → CVRが低い
  • FVとSVが強い → ボディまで到達する → ボディの質で最終CVRが決まる

ボディの改善は、FVとSVが機能していることが前提です。FVとSVが弱いままボディだけ改善しても、そもそもボディを読むユーザーが少なければ改善効果は限定的です。

改善の順番を間違えると:「ボディを作り込んだのにCVRが変わらない」という結果になりがちです。その原因のほとんどは、「そもそもボディまで読まれていない」ことにあります。王道構成で「大きく外していない」のであれば、まずFVとSVの改善に集中する方が投資対効果は高いです。

10 ペルソナごとにFVとSVを差し替える運用

LPをさらに強くするうえで重要なのが、FVとSVをペルソナ別に最適化することです。同じサービスでも、刺さる切り口はユーザーによって異なります。

ここで重要なのは、ペルソナごとにLP全体を作り替える必要はないということです。変えるべきなのはFVとSVだけです。ボディ以降の構成(事例・流れ・FAQ・CTA)は、ペルソナが変わっても大きくは変わらないからです。

FV・SV差し替え型のLP展開

広告グループごとに異なるFV・SVを用意し、ボディは共通にする運用方法です。制作コストを抑えながらペルソナ別の訴求精度を上げることができます。

リフォーム会社の場合の展開例

広告A(劣化訴求)→ LP-A:FV「古くなったキッチン・浴室・トイレを、使いやすく清潔な水回りへ」+共通ボディ

広告B(家事負担軽減訴求)→ LP-B:FV「掃除しやすく、動きやすい。毎日の家事がラクになる水回りリフォーム」+共通ボディ

広告C(まとめ相談訴求)→ LP-C:FV「キッチン・浴室・洗面所・トイレまで、水回りをまとめて見直し」+共通ボディ

こうすることで、広告の訴求とLPの訴求が一貫し、ユーザーの期待値とLPの内容がズレなくなります。

広告とLPの整合性がCVRに直結する:広告で「劣化した設備を新しく」と訴求しているのに、LPのFVが「理想の暮らしを」だと温度差が生まれて離脱率が上がります。ペルソナごとのFV・SV差し替えは、この温度差を解消する最もコスパの良い方法です。

11 改善時に見るべき6つの指標

FVとSVを改善するとき、感覚だけで判断しないことも大事です。以下の指標を見ながら、FVとSVのどこに問題があるかを特定してから改善に着手しましょう。

指標 何が分かるか 注意すべきライン
直帰率 FVを見ただけで離脱した割合 広告LPで70%超はFVの見直しが急務
スクロール率(25%到達) FVを超えてSVまで進んだ割合 SVの改善効果が最も表れる指標
ヒートマップの熟読ゾーン どの部分が長く読まれているか FV・SV境界で熟読が止まっていればSVが弱い
CTA到達率 CTAが画面に表示された割合 FV内CTAのクリック率が低い場合はFV全体を見直す
FV滞在時間 FVにどれくらい滞在したか 1秒以下=興味を持たれていない、10秒超=情報が多すぎて迷っている
ファーストCTAのクリック率 FV内のCTAがクリックされた割合 クリック率は出ているがCVRが低い場合、ボディ以降の問題

広告とLPの温度差もチェックする

よくあるのは、広告でかなり強めの訴求をしているのに、FVが一般論すぎて温度差が出るケースです。この場合、広告は悪くなくてもLPが受け止めきれていません。

広告文のトーンとFVのトーンを並べて見比べてみてください。広告が具体的でFVが抽象的、あるいはその逆の場合、ユーザーの期待値とLPの内容にギャップが生じ、離脱の原因になります。

重要:FVとSVはLP単体ではなく、広告との接続も含めて見るべきです。感覚ではなくデータで判断すること——これがFV・SV改善の基本です。

12 FVとSVのコピー設計のコツ

FVとSVのコピーを考えるときは、以下の順番で整理すると作りやすいです。

1誰に向けたページか

ターゲットを明確にする。「すべての人に」は実質「誰にも刺さらない」と同義。

2その人の一番強い悩みは何か

ターゲットが最も切実に感じている課題を特定する。

3その悩みに対して何を提供できるか

サービスの具体的な価値を整理する。

4競合ではなく自社である理由は何か

差別化ポイントを明確にする。

5今行動する理由は何か

問い合わせ・申し込みへのきっかけを作る。

この順番で考えると、FVは主に1〜3を担い、SVは2〜4を補強する形になります。

FVコピーの3要素

要素 役割 文字数の目安
メインキャッチ 「誰の」「何の」問題を解決するかを端的に伝える 15〜25文字
サブキャッチ 対応範囲・専門性・差別化ポイントを補足 30〜50文字
CTA ユーザーに取ってほしいアクションを明示 「無料で見積もりを依頼する」のように具体的に

SVコピーの3パターン

パターン 内容 向いているケース
悩み列挙型 「こんなお悩みはありませんか?」形式で3〜5個列挙 ターゲットが「自分の悩みを解決してくれるか不安」な段階
価値提示型 「〇〇が選ばれる3つの理由」形式で強みを提示 ターゲットが「複数社を比較検討中」の段階
実績・権威型 「〇〇件の実績」「〇〇に掲載」など信頼を前面に出す ターゲットが「この会社に頼んで大丈夫か」と不安な段階

コピーのバランス:FVコピーは短く瞬発力重視、SVコピーは少し具体的に深さを出す。FVはキャッチと要点、SVは悩みと価値の橋渡し——この感覚で設計するとバランスがよくなります。

13 デザイン面でのFV・SV使い分け

文章だけでなく、デザイン面でもFVとSVは明確に差をつけるべきです。よくある失敗は、FVとSVが同じテンションで並んでしまい、ユーザーから見ると情報の山が平坦に見えてしまうことです。

デザイン要素 FVでの扱い SVでの扱い
テンション 最も強い・インパクト重視 勢いを保ちつつ、理解へつなぐ
背景 写真・グラデーションなどで視覚的インパクト FVと異なる背景色でセクション切り替わりを明示
テキストサイズ メインキャッチは画面内最大サイズ 読みやすさ重視・適度なフォントサイズ
余白 凝縮感——必要最小限の余白 落ち着き——やや多めの余白で読みやすく
CTA 必ず1つ配置。高コントラストで目立たせる 必須ではないが、信頼要素を小さく添える
余計な要素 ナビ以外のリンク・バナーは排除 アイコンや短い見出しで視覚リズムを作る

FVとSVの境界デザインが重要

FVとSVの境界は、ユーザーにとって「スクロールしたくなるかどうか」の分岐点です。

  • やってはいけない:FVの下に何もない空白が広がるパターン。「もうこのページは終わりだ」と誤認されるリスク
  • 効果的:FVの下端にSVの冒頭部分が「チラ見え」するデザイン。次の情報があるという期待感でスクロール率が上がる

スマホでは特に重要:スマホはFVの画面が小さいため、SVの冒頭がFVの下にチラッと見えるかどうかで、スクロール率に大きな差が出ます。スマホでのFV・SV境界のデザインは必ず実機で確認してください。

14 LP改善で優先すべき5つのステップ

LPを改善するとき、全部を一気に直そうとすると収拾がつかなくなります。成果に効きやすい順番で、一つずつ確認していくのが基本です。

1FVで何のサービスか明確か

FVを見て3秒以内に「何のサービスか」が分かるかを確認します。サービスを知らない第三者に見せて「これ何のページ?」と聞いてみてください。正確に答えられなければ、FVのコピーかビジュアルに問題があります。

2FVで誰向けか明確か

「すべての人に」は実質「誰にも刺さらない」と同義です。メインターゲットだけを明示し、サブターゲットはSVで拾うという設計にすると効果的です。

3SVで悩みや価値を補強できているか

SVがFVの焼き直しになっていないか、明確な役割を持っているかを確認します。SVを読んだ後に「なるほど、もう少し知りたい」と思えるかどうかが基準です。SVが存在しない(FVの直後にすぐボディが始まる)場合は、SVの追加を検討してください。

4CTAが自然に見えるか

CTAが「押し売り」に見えないかを確認します。CTAのコピーは「お問い合わせ」よりも「無料で相談する」「まずは見積もりを見る」のようにハードルの低い表現の方が効果的です。

5ボディの説得要素が不足していないか

ステップ1〜4が完了した段階で、初めてボディの改善に着手します。事例は十分か、ソリューションは分かりやすいか、流れは明確か、FAQは必要な質問をカバーしているかを確認し、不足があれば補強します。

もともと王道構成で大きな問題がない場合:いきなりボディの構成をいじる必要はありません。まずFVとSVの訴求力を上げる方が、改善効率は高いことが多いです。この順番を守ることで、「何を改善すればいいか分からない」という状態を回避できます。

15 まとめ——FVで目を止め、SVで読む理由を作る

LPのFVとSVは似ているようで、役割がまったく違います。

FV
「このページは
自分に関係ある」
と思わせる場所
SV
「なるほど、だから
読む価値がある」
と納得させる場所

この二つが整理されるだけで、LPはかなり強くなります。特に、構成自体は王道で問題なく、ボディも一定の情報はあるのにCVRが伸びきらない——というLPでは、かなりの確率でFVとSVの訴求が甘いです。

この記事のポイント:

  • LPの成果を左右するのは、ボディの構成よりもFVとSVの使い分け
  • FVの役割は「一瞬で自分に関係あるページだと理解させること」
  • SVの役割は「FVで生まれた関心を確信に変えること」
  • FVは結論、SVはその理由——同じことの繰り返しではなく角度を変えて訴求する
  • ペルソナごとにFVとSVを差し替えれば、ボディ共通のままターゲット別対応が可能
  • 改善はFV → SV → CTA → ボディの順番で。入口から直すのが最も投資対効果が高い
  • 感覚ではなくデータで判断する。直帰率・スクロール率・ヒートマップを活用
  • FVとSVは一度作って終わりではなく、広告やターゲットの変化に合わせて継続的に改善する

LPを作るときは、ぜひ「このFVで自分事化できるか」「このSVで読む理由が生まれるか」という視点で見直してみてください。その二つが噛み合ったとき、LPはただ情報を並べたページではなく、ちゃんと売れるページに変わっていきます。

LPのFV・SVの設計でお困りですか?

FVとSVの訴求設計から、広告との整合性チェック、A/Bテストの設計まで。
CVRを上げるLP改善をサポートします。

✉️ 無料相談を申し込む