LP構成の作り方|成果につながる基本パターンと失敗しない組み立て方

LP(ランディングページ)を作ることになったものの、何をどの順番で並べればコンバージョンにつながるのかわからない。そんな壁にぶつかっている担当者は少なくありません。

LPの構成には、成果を出すための型があります。

ファーストビュー・ボディ・クロージングの3パート構造を軸に、各パートに必要な要素を正しく配置すれば、訪問者を迷わせず行動まで導けます。

この記事では、LP構成の基本パターンから構成案の組み立て方、BtoBとBtoCの違い、よくある失敗と対策、公開後の改善方法まで、実務で使える知識をまとめました。

この記事でわかること

  • LPを構成する基本の3パートと、各パートに配置する要素
  • 成果につながるLP構成案の具体的な組み立て方
  • LP構成でやりがちな失敗パターンとその対策

LPの構成とは?成果を左右する基本の3パート

LPの構成 成果を左右する基本の3パート

LP(ランディングページ)は、広告やSNSなどから流入した訪問者に特定のアクションを起こしてもらうための、1枚完結型のWebページです。

問い合わせ・資料請求・商品購入など、設定されるゴールはさまざまですが、1ページの中で興味を持つところから行動するところまで完結させる点が、通常のWebサイトとの大きな違いです。

LPの構成は、3つのパートで成り立っています。

ファーストビュー

ページを開いた瞬間に目に入る領域です。訪問者がLPを読み進めるかどうかは、ここで決まります。

キャッチコピー・メインビジュアル・問題提起を配置し、3秒以内に「自分に関係がある」と思わせるのが役割です。

ボディ

ファーストビューで興味を持った訪問者に、商品やサービスの具体的な価値を伝える領域です。

特徴とベネフィット、導入実績、お客様の声などを並べ、「なぜこの商品が自分に合っているのか」を納得してもらいます。

クロージング

訪問者を実際のアクションに導くパートです。

CTAボタン・エントリーフォーム・FAQなどを使い、「やっぱり不安だな……」というためらいを解消して行動のハードルを下げます。

この3パートは、訪問者の心理の変化の順にそのまま対応しています。興味を持つ、理解を深める、行動に移す。この順番が崩れると、デザインにどれだけ力を入れても成果は出にくくなります。

構成を考えるにあたっては、まず3パートの大枠で「どこに何を置くか」を決めましょう。そのうえで各パート内の要素を詰めていくと、全体の流れが破綻しにくくなります。

ファーストビューで離脱させないLP構成の要素

ファーストビューに含まれる3つの要素

LPにアクセスした訪問者の平均70%以上は、ファーストビューだけで離脱するといわれています。

裏を返せば、ここで「自分に関係がある」と感じさせることさえできれば、残りのコンテンツを読んでもらえる確率が大きく上がります。

キャッチコピーとメインビジュアル

ファーストビューの中心にあるのが、キャッチコピーとメインビジュアルの2つです。

この組み合わせで「誰に」「何で」「どんなメリットを」もたらすかを瞬時に伝えます。

キャッチコピーで避けたいのは、抽象的なスローガンです。「未来を切り拓く」「あなたのビジネスを加速する」といった言葉は、どの商材にも当てはまるため訪問者の心には引っかかりません。

効果が出やすいのは、ベネフィットを具体的に言い切るコピーです。

「問い合わせ数が3倍になったLP設計」「導入初月で応募が2.5倍に」のように、成果を数字で盛り込むと訪問者の目が止まりやすくなります。

メインビジュアルは、商品やサービスの利用シーンが伝わる画像を選びましょう。フリー素材をそのまま配置するのではなく、「このサービスを導入したあとの状態」を想像できるビジュアルが望ましいです。

共感・問題提起

キャッチコピーの直後に置くのが、共感・問題提起のパートです。

訪問者が今抱えている悩みを具体的に言語化し、「この会社は自分の状況をわかっている」と感じさせます。

やりがちな失敗は、「こんなお悩みはありませんか?」という定型文で済ませること。これではほかのLPとまったく差がつきません。

訪問者の状況を具体的に描くほうが刺さります。

  • リスティング広告を出しているのに、問い合わせフォームまでたどり着く人が少ない
  • LP制作を外注したのに、公開後3か月経ってもCVRが1%を切っている

訪問者が「まさに今の自分の悩みだ」と感じるレベルまで踏み込めると、そのあとのコンテンツを読む動機が一気に強まります。

LeadProの実績:
顧客継続率 92%

ホームページ制作のお悩み、プロに相談しませんか?

無料相談を予約する →

コンバージョンにつなげるLP構成の要素

LP構成要素
ボディとクロージング

ファーストビューで「もっと知りたい」と思わせたあとは、訪問者を問い合わせや購入といった行動まで導きます。

ボディとクロージングに配置する要素の質が、コンバージョン率を左右します。

商品・サービスの特徴とベネフィット

商品やサービスの強みを伝える際に意識したいのが、「特徴」と「ベネフィット」の使い分けです。

特徴とは、商品そのものの機能やスペックのことです。一方のベネフィットとは、その特徴によって訪問者の生活や業務がどう変わるかという「自分ごとの価値」を指します。

例えばWeb制作サービスの場合、「レスポンシブデザイン対応」が特徴にあたります。これに対し、「スマホからのアクセスでもストレスなく閲覧でき、問い合わせにつながりやすくなる」がベネフィットです。

訪問者が知りたいのはスペックそのものではなく、「それで自分の課題がどう解決するか」という答えです。

特徴を並べただけのLPは、訪問者に「それで?」と思わせてしまいます。すべての特徴をベネフィットに変換する意識を持ちましょう。

導入実績・お客様の声

自社の言葉だけでは、訪問者の信頼を勝ち取るのは難しいものです。

第三者の声や実績データで裏付けを行うことが、コンバージョンへの後押しになります。

導入実績を載せるなら、数字を添えてください。「導入企業500社以上」「顧客満足度92%」「CVR平均2.5倍」のように、成果が見える形にします。

お客様の声は、「導入前の悩み」と「導入後の変化」をセットで見せるストーリー形式が強力です。

「良かったです」「満足しています」という一言コメントよりも、ビフォーアフターが見える声のほうが訪問者の共感を得やすくなります。

CTAボタンとエントリーフォーム

CTAの設計は、コンバージョン率に直結します。押さえるべきは、配置・コピー・フォーム設計の3点です。

配置は最低でもファーストビュー直下・ボディの中間・クロージングの3か所が必須です。

どのタイミングで行動したくなるかは訪問者によって異なるため、1か所だけでは取りこぼしが発生します。

ボタンのコピーは、行動の内容とハードルの低さが伝わる文言にしましょう。

「送信」だけのボタンと「無料で相談する」「3分で見積もりを依頼」と書かれたボタンでは、クリック率がまったく違います。

ランディングページプラットフォームのUnbounceが5,700万件のコンバージョンデータを分析した調査でも、平易でわかりやすい言葉を使ったLPは、専門的な文体のLPに比べてCVRが約2倍高いという結果が出ています。

フォームはLP内に埋め込み、別ページに遷移させないようにしましょう。入力項目は最小限に絞ります。項目が1つ増えるだけでも離脱率は上がります。

LP構成案を作る前に決めること

LP構成案作成前の3つの準備ステップ

LP構成の要素がわかると、すぐにでも構成案を作りたくなります。しかし、いきなり要素を並べ始めると迷走しがちです。先に準備すべき点を押さえておきましょう。

目的とゴール(KPI)を決める

LPのゴールは何か。問い合わせの獲得なのか、資料ダウンロードなのか、商品の購入なのか。ゴールが定まっていないまま構成を作ると、「あれもこれも載せたい」と情報が膨らみ、焦点がぼやけてしまいます。

原則として、1つのLPにつき1つのゴールです。

問い合わせも増やしたい、資料も請求してほしい、メルマガにも登録してほしい……と欲張ると、訪問者はどの行動を取ればよいのか迷い、結局何もせずに離脱してしまいます。

ターゲット・ペルソナを設定する

誰の・どんな悩みを・どう解決するのか。この3点を言語化してからLP構成に取りかかりましょう。

ペルソナの解像度が低いと、誰にも刺さらないLPが出来上がります。

例えば「30代の会社員」では粗すぎます。「社員30名のIT企業で、マーケティング担当を兼任している入社3年目。広告費は月50万円だが、LPからの問い合わせが月に2件しかない」。

ここまで絞ると、ファーストビューのキャッチコピーとCTAの文言も自然と決まりやすくなります。

競合LPを分析する

同業種・同ターゲットの競合LPを3つから5つ確認しましょう。

見るべきポイントは、構成の流れ・キャッチコピーの切り口・使っているビジュアル・CTAの配置と文言です。

ただし、競合LPをそのまま真似するのは避けてください。商材・ターゲット・価格帯が違う場合、同じ構成で同じ結果が出る保証はありません。

「何が刺さっているか」だけでなく「自社ではどう変えるべきか」を判断材料とする姿勢が大切です。

LeadProの実績:
顧客継続率 92%

ホームページ制作のお悩み、プロに相談しませんか?

無料相談を予約する →

LP構成案の組み立て方

目的・ペルソナ・競合分析が整ったら、いよいよ構成案を形にするフェーズです。

構成の流れをフレームワークで組み立てる

新PASONAの法則

LP構成のフレームワークとして代表的なのが、新PASONAの法則です。6つの要素で訪問者の心理を動かします。

  • Problemで訪問者の悩みを具体的に提示する
  • Affinityで「その気持ち、わかります」と共感する
  • Solutionで悩みを解決する方法を示す
  • Offerで具体的な商品やサービスを提案する
  • Narrowingで「今動くべき理由」を伝える
  • Actionで背中を押してCTAへ導く

新PASONAは悩み解決型の商材と相性が良いフレームワークです。

一方、すでに認知されているブランドや商品であれば、BEAFの法則(Benefit:理想の未来、Evidence:根拠、Advantage:優位性、Feature:特徴)のほうが使いやすいでしょう。

また、消費者の購買決定プロセスに沿って自然に誘導したい場合は、AIDMAの法則(Attention:注意、Interest:関心、Desire:欲求、Memory:記憶、Action:行動)も有効です。

フレームワーク選びで迷った場合の判断基準はシンプルです。

読者がまだ悩みの段階にいるなら新PASONA、商品カテゴリをすでに知っているならBEAFやAIDMAが合います。

フレームワークの知識そのものよりも、「自社の訪問者がどの心理段階にいるか」を見極めることのほうが、構成案の質を左右します。

ワイヤーフレームに落とし込む

構成の順番が決まったら、ワイヤーフレーム(ページの骨組み)に落とし込みます。この段階では、デザインに凝る必要はありません。

テキストと要素の配置、ボリュームのバランスを視覚化するのが目的です。

ワイヤーフレームで確認したいのは、情報の優先順位が訪問者の視線の流れに合っているかどうかです。

訪問者が最初に目にする場所に最も伝えたいメッセージが配置されているか、訪問者が「行動したい」と思うタイミングでCTAが現れるかといった視点でチェックします。

ここでのミスは、デザインやコーディングに進んでから修正しようとするとコストが大きくなります。

構成の段階で関係者全員の合意を取っておくことが、手戻りを防ぐカギです。

BtoCとBtoBで変わるLP構成のポイント

BtoCとBtoBで変わるLP構成アプローチの違い

LPの構成に関する情報の多くは、BtoCを前提に書かれています。一方で、BtoBのLPは訪問者の心理も意思決定のプロセスもまったく異なります。

この違いを押さえずに構成を組むと、「型は合っているのに成果が出ない」という状態に陥りかねません。

BtoCのLP構成の特徴

BtoCのLPは、感情に訴えかけるのが基本です。購入者本人が意思決定するため、「今すぐ欲しい」と感じさせる設計が有効です。

  • 期間限定、数量限定のオファーで即決を促す
  • 写真やビジュアルのインパクトで感覚に訴える
  • 口コミやSNSのシェア数で「みんなが使っている」という安心感を演出する

閲覧するデバイスはスマートフォンが中心です。モバイルでの操作性を最優先にした構成を考えましょう。

BtoBのLP構成の特徴

BtoBの場合、LP閲覧者と最終決裁者が異なるケースが多くあります。

現場担当者がLPを見つけて情報を集め、上司や経営層に稟議を通す。この構造を理解しないと、「現場は興味を持ったのに稟議で止まる」という事態が起きます。

BtoBのLPで押さえるべきポイントは4つです。

  • 論理的な根拠と数値データで説得する(導入社数・コスト削減率など)
  • 導入事例を複数掲載し、「訪問者と同じ業種・規模の企業が使っている」と示す
  • CTAのハードルを下げる。「今すぐ購入」ではなく「無料で資料をダウンロード」「まずは相談する」
  • PCでの閲覧が多いため、デスクトップファーストで設計し、情報をしっかり盛り込む

BtoB企業が陥りがちなLP構成の落とし穴

BtoB企業のLPで目立つのが、社内で当たり前に使っている専門用語をそのままキャッチコピーやボディに並べてしまうケースです。

これでは、自社のエンジニアや営業担当には伝わっても、見込み客にはまったく響きません。

先ほど紹介したUnbounceの調査でも、専門用語が多いLPほどCVRが下がる傾向がはっきり出ていました。

BtoB企業がこのケースに当てはまりやすいのは、社内や業界の専門用語をそのままLPに持ち込んでしまうためです。

もう一つ多いのが、機能・スペックの羅列です。高性能であることをアピールしたい気持ちは理解できますが、訪問者が求めているのは「それで自社の課題がどう解決するのか」という答えです。

スペックをベネフィットに変換する作業は、構成案の段階で済ませておきましょう。

加えて、現場担当者と決裁者でニーズが違う点も見落としがちです。

現場は「使いやすさ」「導入のしやすさ」を見ていますが、決裁者は「費用対効果」「リスクの低さ」で判断します。

両者に刺さるコンテンツをバランスよく配置することが、BtoBで効果的なLP構成とするポイントです。

LP構成でやりがちな失敗パターンと対策

成功パターンを知るだけでは、成果は安定しません。LP構成には「やりがちな失敗」があり、これらを事前に知っておくだけでリスクを避けられる場合も多いです。

情報を詰め込みすぎて離脱される

よくあるのが、社内レビューで情報が膨らむパターンです。

営業部から「この機能も入れてほしい」、技術部から「受賞歴を載せたい」、経営層から「IR情報も……」と要望が重なり、気づけばスクロール量が倍になっていることがあります。

情報が増えるほど、訪問者のスクロール到達率は落ちます。

対策は、構成案の段階で「このLPで伝えるのはこの1点だけ」とステークホルダー全員で合意しておくことです。載せきれない情報は、コーポレートサイトの下層ページや別のLPに分けましょう。

広告とファーストビューのメッセージがズレている

見落としがちなのが、広告文とLPのファーストビューの不一致です。

リスティング広告で「月額5万円から始めるLP制作」と訴求しているのに、遷移先のLPでは「私たちのクリエイティブ哲学」がファーストビューに表示される。こうなると、訪問者は「思っていたページと違う」と感じ、即座に離脱します。

広告をクリックした時点で訪問者には明確な期待があります。ファーストビューはその期待に対する直接の回答でなければなりません。

広告文とキャッチコピーのメッセージを並べて確認し、流れが自然につながっているかどうかをチェックしましょう。

CTAがデザインに埋もれている

CTAの配置やコピーが適切でも、デザイン上目立たなければクリックされません。

ページ全体の配色とCTAボタンの色が同系色で、溶け込んでしまっているケースは意外と多いです。CTAボタンは、ページ内で最もコントラストが高い色にしてください。

もう一つ多いのが、フォームの項目数です。「部署名」「役職」「従業員数」などと入力欄を増やすほどに離脱率が上がります。

初回の接点ではメールアドレスと名前だけに絞り、詳細は商談時にヒアリングするほうがコンバージョンを取りやすくなります。

競合LPの「見た目」だけ真似して戦略を読み違える

競合LPを参考にすること自体は前述のとおり有効です。ただし、失敗するケースの多くでは、デザインやレイアウトなどの表面だけをコピーして、その裏にある戦略を読めていません。

例えば、競合が長文LPで成果を出しているのを見て、同じボリュームで作ったとします。

しかしその競合は、リスティング広告で「課題を自覚済みの訪問者」を集めていたため、長文でも読まれていました。

一方、自社がSNS広告で「まだ課題を自覚していない訪問者」を集めている場合、同じ長文構成では序盤で離脱されます。

競合分析で見るべきは、構成そのものよりも「誰を・どこから・どんな期待値で集めているか」という集客導線です。導線が違えば、最適な構成も変わります。

LP公開後の構成改善で成果を伸ばす方法

LPは公開して終わりではありません。公開後のデータを基に構成を改善し続けることで、コンバージョン率は着実に伸びていきます。

ABテストで構成の効果を検証する

ABテストとは、仕様の異なる2パターンのLPを用意し、どちらがより多くのコンバージョンを獲得するかを検証する手法です。

テストすべき箇所には優先順位があります。

最も効果が出やすいのはファーストビュー(キャッチコピーとメインビジュアル)。次にCTA(配置・コピー・色)、そしてボディの構成順序です。

1回のテストで変更するのは1要素のみに絞りましょう。

キャッチコピーとCTAのコピーを同時に変えてしまうと、どちらが結果に影響したのか判別できなくなります。

1回のテストで劇的に変わるものではありませんが、繰り返すことで成果は確実に積み上がります。

ヒートマップで訪問者の行動を可視化する

ヒートマップとは、ページ上の訪問者の行動(スクロール・熟読・クリックなど)を色の濃淡で可視化する分析ツールです。

これを使うと、LP上で訪問者がどこに注目し、どこで離脱しているかが一目でわかります。主に確認できるのは3つの指標です。

  • スクロール到達率:訪問者がどこまでページを読んだか。離脱ポイントがわかる
  • アテンション(熟読箇所):どの部分をじっくり読んでいるか。関心の高い箇所を特定できる
  • クリック箇所:どこがクリックされ、どこがされていないか

例えば、ボディの途中でスクロールが止まっていれば、そのセクションの内容が訪問者のニーズに合っていない可能性があります。

また、熟読されている箇所の直後にCTAを追加すれば、コンバージョンの取りこぼしを減らせます。

改善を続けるには、データ分析と施策実行のサイクルを回す体制が欠かせません。社内にリソースが足りない場合は、LPの改善運用に対応できる外部パートナーとの連携も選択肢の一つです。

LP構成の成功はテキストの質で決まる

LP構成の基本パターンから組み立て方、BtoBとBtoCの違い、失敗パターン、公開後の改善までを見てきました。

構成の型を正しく押さえることは、成果を出すための大前提です。しかし、同じ構成でもコンバージョン率に差が出るケースは珍しくありません。

その差を生む最大の要因が、テキスト(コピー)の質です。構成が正しくても、訪問者に伝わる言葉で書かれていなければ、成果にはつながりません。

同じ商材でも、書き手が変わればコンバージョン率は変わります。訪問者の知識レベルに合わせて専門用語をかみ砕き、ベネフィットを訪問者に響く言葉で伝えられるかどうかが分かれ目です。

LPの構成が固まったら、次はそのLPにどう見込み客を集めるかが課題になります。

広告出稿だけに頼るのではなく、ホームページ全体のSEO対策やコンテンツマーケティングと組み合わせることで、LP単体では獲得できない流入を生み出せます。

編集プロダクションを母体とする「リードプロ」は、初めてWeb制作を任された担当者様の強力なパートナーです。「専門用語がわからない」「通常業務が忙しくて準備が進まない」といったお悩みも、私たちにお任せください。プロのマーケターやコピーライターが、集客・採用に特化したホームページ制作をサポートします。

単なる制作代行ではなく、企画から公開後の運用まで、二人三脚で「採用」や「集客」といったゴールを目指します。「社内に頼れる人がいない」と一人で抱え込まず、まずは私たちに相談してみませんか?

無料相談を予約する →

初期費用0円 ・ 月額19,800円〜 ・ プロチームが伴走します

FAQ|よくある質問と回答

LPの構成についてよく寄せられる質問と回答をまとめました。

Q. LPの構成に正解のテンプレートはありますか?

A. LPには、ファーストビュー・ボディ・クロージングの3パート構造という基本パターンがあります。
ただし、これはあくまでも型であり、正解のテンプレートではありません。商材・ターゲット・価格帯によって最適な構成は異なるため、基本パターンをベースに自社の状況に合わせたカスタマイズが欠かせません。

Q. LP構成案は誰が作るべきですか?

A. LP構成案は、マーケティング視点とユーザー視点の両方を持てる人が作るのが望ましいです。
社内にLPの制作経験がある人材がいれば自社で対応できます。経験が浅い場合や初めてLPを作る場合は、構成案の段階から外部の制作会社やコンサルタントに相談するとゴールまでの道筋が明確になりやすいでしょう。

Q. BtoB向けLPとBtoC向けLPで構成は変えるべきですか?

A. BtoB向けLPとBtoC向けLPでは、構成を変えるべきです。
BtoCには感情訴求と即決を促す設計、BtoBには論理的根拠とハードルの低いCTAが求められます。意思決定のプロセスが異なるため、同じ構成のまま成果を出すのは難しいといえます。

Q. LPの構成要素で最も重要なのはどこですか?

A. LPの構成要素の中で最もコンバージョン率に影響するのは、ファーストビューです。訪問者の平均70%以上がファーストビューだけで離脱するため、ここで「自分に関係がある」と思わせられるかどうかが勝負の分かれ目になります。
キャッチコピーとメインビジュアルの質を高めることに最も時間をかけましょう。

Q. LP公開後、構成はどのタイミングで見直すべきですか?

A. LP公開後の構成の見直しは、十分なアクセスデータが溜まった時点で始めます。
目安としては、1,000セッション以上を確保できた段階が、判断材料として信頼できるラインです。
それよりも早い段階ではデータが少なすぎて正確な傾向が読めません。十分なデータに基づいてABテストやヒートマップを使った改善サイクルを回し続けることが、長期的な成果につながります。

【出典】

無料相談を予約する

料金プランを見る

  • このエントリーをはてなブックマークに追加