Columnコラム

TOPColumnLP構成の基本｜ファーストビューから申込みまでの要素と並べ方、作り方の手順

2026.10.29

LP構成の基本｜ファーストビューから申込みまでの要素と並べ方、作り方の手順

わたしたちのアウトプット

LP（ランディングページ）を作ろうとしたとき、最初に悩むのが「何を、どの順番で載せればいいのか」という構成の部分です。デザインや文章を整えても、構成が読者の考える順番とずれていると、途中で読むのをやめられてしまい、問い合わせや購入につながりにくくなります。

この記事では、LPの基本構成であるファーストビュー・ボディ・クロージングの役割から、入れておきたい要素、読者に合わせた並べ方、構成案を作る手順、公開後の改善までを順に説明します。要素をそろえることより、読者の疑問に答える順番を決めることを意識して読み進めてください。

LPの構成づくりや、広告とLPの組み合わせ方に迷ったら、koujitsuに相談してみませんか。目的と読者に合わせた進め方を一緒に整理します。
お問い合わせはこちら

確認したいポイント	結論	詳細
LPの基本構成は？	ファーストビュー・ボディ・クロージング	最初の画面で興味を引き、本文で納得してもらい、最後に申込みを後押しする。3つの役割を分けて考える。
要素の並べ方の決め方は？	読者の検討段階に合わせて決める	課題に気づいていない読者には悩みから、比較中の読者には結論や条件から入るなど、知っていることに合わせる。
LP構成の作り方は？	目的と読者を決めてから要素を並べる	ゴール、ターゲット、訴求軸、流入元を整理し、ワイヤーフレームで順番を固めてから原稿とデザインに進む。

Contact

お問い合わせ

マーケティングの課題、一度ご相談ください

事業戦略の設計から集客・制作・改善まで。累計1,800社以上の支援実績をもとに、貴社の状況に合わせた進め方をご提案します。

無料で相談する

LPの基本構成はファーストビュー・ボディ・クロージングの3つ

LPの構成は、大きくファーストビュー・ボディ・クロージングの3つのブロックに分けて考えるのが基本です。検索上位の解説記事の多くも、この3つの区分を出発点にしています。それぞれのブロックには、読者に起こしてほしい気持ちの変化があり、その変化を順番に積み重ねることでページ全体が組み立てられます。

ファーストビューで「自分に関係がありそうだ」と感じてもらい、ボディで「これなら悩みを解決できそうだ」と納得してもらい、クロージングで「今申し込んでみよう」と行動してもらう流れです。どのブロックが欠けても申込みまでたどり着きにくくなるため、まずは3つの役割を分けて理解しておきましょう。

LPとホームページの構成の違い

LPは、1つのページで1つの行動を促すことに特化したページです。広告や検索結果、SNSなどから訪れた人に、購入、問い合わせ、資料請求といった1つのゴールを目指してもらうため、縦に長い1枚のページで説明を完結させるのが一般的です。

一方、会社のホームページは、会社概要や事業内容、採用情報など多くの情報を複数のページに分けて載せ、訪問者が自分で知りたい情報を探す作りになっています。LPでは他のページへのリンクをできるだけ減らし、上から順に読めば判断に必要な情報がそろうように構成します。この違いを押さえておくと、載せる情報を絞り込みやすくなります。

ファーストビューの役割

ファーストビューは、ページを開いたときに最初の画面に表示される範囲のことです。読者はここを見て、このまま読み進めるかどうかを判断します。そのため、誰のための、どんな価値のある商品やサービスなのかを一目で伝えることが最も大切な役割になります。

ファーストビューには、キャッチコピー、メインビジュアル、価格や特典などの申込み条件、実績の要約、CTAボタンなどを置くのが一般的です。すべてを詰め込むと伝えたいことがぼやけるため、読者が最初に知りたい情報を1つか2つに絞り、残りはボディで説明するようにしましょう。

ボディの役割

ボディは、ファーストビューで興味を持った読者に、商品やサービスの内容を理解し、納得してもらうためのブロックです。読者の悩みに共感し、その原因と解決方法を示し、実績や利用者の声などの根拠で裏づける、という流れで構成するのが基本です。読者が抱く疑問に、出てくる順番で答えていくことを意識すると、自然な流れを作れます。

ボディはLPの中で最も分量が多くなる部分ですが、長ければよいわけではありません。同じことを何度も言い換えたり、読者に関係の薄い機能の説明を続けたりすると、途中で離脱される原因になります。1つのまとまりで1つの疑問に答え、次のまとまりへ自然につながるように並べることが大切です。

クロージングの役割

クロージングは、ここまで読んだ読者の最後の迷いを解消し、申込みや問い合わせへ進んでもらうためのブロックです。料金やプランのおさらい、申込みから利用開始までの流れ、よく寄せられる疑問への回答、申込みフォームやCTAボタンなどを置きます。行動を決める直前の不安を取り除くことがこのブロックの役割です。

読者は申込みの直前になると、「本当に自分に合うのか」「手続きは面倒ではないか」「解約はできるのか」といった現実的な点を気にし始めます。こうした疑問に先回りして答えておくと、問い合わせのハードルが下がります。内容をまとめ直す一文を添えてから申込みを促すと、読者が判断しやすくなります。

LP構成に入れる主な要素と役割

LPに入れる要素は商材によって変わりますが、多くのLPで共通して使われる要素があります。ここでは、多くのLPで必要になる7つの要素と、それぞれがどんな役割を持つのかを紹介します。要素の名前だけを並べるのではなく、その要素が読者のどの疑問に答えるのかを考えながら配置することが大切です。

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

キャッチコピーは、読者がLPを開いて最初に読む言葉です。商品の名前や機能を並べるよりも、読者が得られる結果や変化を短く伝えるほうが、自分ごととして受け止めてもらいやすくなります。対象となる読者を明確にする言葉を入れると、「自分向けのページだ」と感じてもらいやすくなります。

メインビジュアルは、キャッチコピーの内容を視覚で補う役割を持ちます。商品の写真、利用している場面、サービスを使った後の状態など、言葉だけでは伝わりにくい情報を一目で伝えられるものを選びましょう。雰囲気だけの画像よりも、商品や利用シーンが具体的にわかる画像のほうが、内容を理解してもらいやすくなります。

CTAボタン

CTAボタンは、購入、問い合わせ、資料請求などの行動を促すボタンです。クロージングだけでなく、ファーストビューやボディの区切りにも置いておくと、読んでいる途中で申込みを決めた読者がすぐに行動できます。ただし、数を増やしすぎると押し付けがましい印象になるため、内容の区切りに合わせて配置しましょう。

ボタンの文言は、「送信」や「申込み」だけにするより、「資料をダウンロードする」「料金表を見てみる」のように、押した後に何が起きるのかがわかる言葉にすると、押すときの不安を減らせます。ボタンの近くに、入力にかかる手間や、申込み後の連絡方法を短く添えておくのも効果的です。

悩みへの共感と問題提起

ファーストビューの次には、読者が抱えている悩みや困りごとを言葉にして示すパートを置くのが一般的です。読者が「まさに自分のことだ」と感じる具体的な場面を書くことで、続きを読む理由が生まれます。悩みを書くときは、商品を売りたい側の視点ではなく、読者が普段使っている言葉で表現しましょう。

悩みを示した後は、その悩みがなぜ起きているのか、原因を整理して伝えます。原因がわかると、読者は解決方法を知りたくなり、次に紹介する商品やサービスの説明を受け入れやすくなります。不安をあおりすぎる表現は信頼を損なうため、事実に基づいて落ち着いた言葉で書くことが大切です。

商品・サービスの説明とベネフィット

商品やサービスの説明では、機能や仕様だけを並べるのではなく、その機能によって読者の生活や仕事がどう変わるのかというベネフィットを伝えることが重要です。たとえば「入力項目が少ない」という機能は、「忙しい時間でも数分で手続きが終わる」というベネフィットに言い換えると、読者にとっての価値が伝わりやすくなります。

競合する商品やサービスとの違いも、このパートで示します。他社を否定するのではなく、自社ならではの特徴や、どんな人に特に向いているのかを具体的に説明しましょう。特徴が多い場合は、読者にとって重要な順に3つ程度に絞ると、記憶に残りやすくなります。

実績・お客様の声などの根拠

商品やサービスの説明を読んだ読者は、「本当にそうなのか」という疑問を持ちます。この疑問に答えるのが、導入実績、利用者の声、事例、受賞歴、専門家の監修などの根拠です。第三者の声や具体的な事実があると、説明の説得力が大きく変わります。

根拠を載せるときは、事実と異なる内容や、裏づけのない数字を使わないよう注意が必要です。利用者の声は実際に寄せられたものを、本人の了承を得たうえで掲載しましょう。事例を紹介する場合は、どんな課題を持つ人が、どのように使い、どう変わったのかという流れで書くと、読者が自分の状況に重ねて読みやすくなります。

申込み前の不安を解消する情報

申込みの直前に読者が気にする点に答える情報も、LPの大切な要素です。料金の内訳、支払い方法、契約期間、解約の条件、申込みから利用開始までの流れなどを、読者が確認したい順番でわかりやすく示すことで、問い合わせ前の迷いを減らせます。

申込みの流れは、手順の数と、それぞれにかかる時間の目安を示すと安心感につながります。疑問と回答をまとめて載せる場合は、営業担当者やサポート窓口に実際に寄せられている質問を集めて使うと、読者の本当の疑問に近い内容になります。

申込みフォーム

申込みフォームは、読者が最後に行動する場所です。入力項目が多いと、途中で面倒になって離脱されやすくなるため、必要な項目だけに絞ることが基本です。商談の前に聞きたいことがある場合も、必須項目と任意項目を分けたり、申込み後のヒアリングで確認したりして、入力の負担を減らしましょう。

入力例を表示する、エラーをその場で知らせる、スマートフォンで入力しやすい形式にする、といった工夫も離脱を防ぐのに役立ちます。フォームを別ページに分けるか、LPの中に埋め込むかは、商材や計測の方法によって判断します。どちらの場合も、送信後に何が起きるのかを明記しておくと、読者は安心して送信できます。

自社の商材に必要な要素がわからない、今のLPに何が足りないのか知りたいという方は、koujitsuにご相談ください。LPの構成から改善の進め方まで一緒に考えます。
お問い合わせはこちら

LPの並び順は読者の検討段階で決める

同じ要素を使っていても、並べる順番によってLPの読まれ方は変わります。順番を決める基準になるのは、LPを訪れた時点で、読者が商品や自分の課題についてどこまで知っているかです。課題に気づいていない人と、すでに複数の商品を比較している人とでは、最初に知りたい情報が違うためです。

ここでは、読者の検討段階に合わせた3つの並べ方を紹介します。流入元の広告や検索キーワードから、訪れる読者がどの段階にいるのかを想定して、使う型を選びましょう。1つのLPで複数の段階の読者に対応しようとすると内容がぼやけるため、段階ごとにLPを分ける方法もあります。

悩みから入る構成

悩みから入る構成は、自分の課題をまだはっきり自覚していない読者に向いています。ファーストビューの後に、読者が日頃感じている困りごとを示して共感を得てから、その原因と解決方法を説明し、最後に商品やサービスを紹介する流れです。

SNS広告やディスプレイ広告など、読者が積極的に探していないときに目にする広告からの流入では、この構成が合いやすいとされています。商品名を知らない読者にいきなり価格や機能を見せても、関係のない話だと思われやすいためです。悩みへの共感から入ることで、読者が自分の課題に気づき、続きを読む理由を作れます。SNS広告の運用と合わせて設計したい場合は、SNS広告運用代行サービスの内容も参考にしてください。

結論や条件から入る構成

結論や条件から入る構成は、すでに商品のジャンルを知っていて、複数の候補を比較している読者に向いています。ファーストビューで価格、特典、他にはない特徴などを示し、その後に詳しい説明や根拠を続ける流れです。

比較中の読者は、悩みへの共感から読み始めるよりも、自分が知りたい条件を早く確認したいと考えています。商品名やサービス名を含むキーワードで検索して訪れる読者や、リスティング広告から訪れる読者に合いやすい型です。検索広告とLPを一緒に見直したい場合は、リスティング広告運用代行サービスのページもあわせてご覧ください。

実績や信頼から入る構成

実績や信頼から入る構成は、失敗したくない気持ちが強く、慎重に検討する読者に向いています。ファーストビューの近くに導入社数、取引先、事例などの実績を示し、その後にサービスの内容や進め方を説明する流れです。

法人向けのサービスや、高額で長く付き合う商材では、読者は「この会社に任せて大丈夫か」を最初に確かめようとします。最初の画面で信頼できる根拠が見つからないと、内容を読む前に離脱されることもあります。実績を示すときは、数字だけでなく、どんな業種や課題の企業を支援したのかがわかるようにすると、読者が自社に近いケースを探しやすくなります。

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

LPの構成は、個人向けのBtoCと法人向けのBtoBでも考え方が変わります。大きな違いは、申込みを決める人の数と、決めるまでにかかる時間です。個人が自分の判断で購入するBtoCと、複数の担当者や決裁者が関わるBtoBとでは、LPが果たす役割も異なります。

BtoCは申込みまでの迷いを減らす

BtoCのLPでは、読者がその場で購入や申込みを決めることが多いため、決めるまでの迷いをできるだけ減らす構成が大切です。ベネフィットを具体的に伝え、利用者の声や使用前後の変化を示し、価格や特典、返品・解約の条件をわかりやすく載せましょう。

スマートフォンで閲覧されることが多い商材では、縦に長いページを読み進めやすいよう、見出しや画像で区切りをつけることも重要です。申込みフォームまでの手順を短くし、支払い方法の選択肢を明示すると、読者は気軽に行動しやすくなります。

BtoBは社内検討の材料をそろえる

BtoBのLPでは、申込みや問い合わせがそのまま売上になるとは限りません。担当者が情報を集め、社内で比較し、決裁者の承認を得るという段階を経るためです。そのため、担当者が社内で説明するときに使える材料をそろえることがLPの重要な役割になります。

導入事例、費用の考え方、導入までの流れ、サポート体制などを具体的に示し、資料請求やセミナー申込みなど、問い合わせよりも気軽な行動の選択肢を用意しておくと、検討の初期段階の読者とも接点を作れます。資料請求の受け皿となる資料を作る場合は、ホワイトペーパー制作代行サービスのような支援を活用する方法もあります。

BtoBの資料請求LPや、商品ごとのLPの構成を見直したい方は、koujitsuにお問い合わせください。読者の検討段階に合わせた構成を一緒に組み立てます。
お問い合わせはこちら

LP構成の作り方6ステップ

LPの構成は、いきなりデザインを作り始めるのではなく、目的と読者を固めてから要素を並べる順番で進めると、手戻りを減らせます。ここでは、構成案を作るまでの流れを6つのステップに分けて説明します。

目的とコンバージョンを決める

最初に、LPで読者に取ってほしい行動を1つに決めます。購入、問い合わせ、資料請求、無料体験の申込みなど、ゴールを1つに絞ることで、載せる情報や並べ方の判断がしやすくなります。複数のゴールを並べると、読者がどれを選べばよいか迷う原因になります。

あわせて、どの数値で成果を判断するのかも決めておきましょう。申込み数だけを見るのか、その後の商談や購入につながった数まで追うのかによって、LPで伝えるべき内容も変わります。広告や施策全体の目標から逆算して決めたい場合は、マーケティング戦略策定支援の考え方も参考になります。

ターゲットと検討段階を整理する

次に、LPを読んでほしい人物像を具体的に描きます。年齢や職業だけでなく、どんな悩みを持ち、商品についてどこまで知っていて、何を不安に感じているのかまで整理しておくと、構成を決めるときの判断材料になります。

営業担当者やカスタマーサポートの担当者に、実際の顧客がよく口にする悩みや質問を聞くのも有効です。既存の顧客にアンケートやインタビューを行い、購入の決め手や、購入前に迷った点を確認すると、LPで答えるべき疑問がはっきりします。

訴求軸を決める

訴求軸とは、LPで最も伝えたい商品の価値のことです。価格の手ごろさ、品質の高さ、手間の少なさ、サポートの手厚さなど、伝えられる価値は複数ありますが、ターゲットに最も響く1つの価値を中心に据えることで、LP全体の一貫性が保たれます。

訴求軸を決めるときは、競合の商品やサービスがどんな価値を打ち出しているのかも確認しておきましょう。同じ価値を同じ言葉で伝えても、読者には違いが伝わりません。自社ならではの強みと、ターゲットが求めていることが重なる部分を探すのがポイントです。

流入元の広告や検索の言葉とそろえる

LPは、広告や検索結果などから訪れる人が最初に見るページです。そのため、流入元で見た言葉や約束と、LPのファーストビューの内容をそろえることが大切です。広告で「料金がわかりやすい」とうたっているのに、LPで料金がなかなか出てこないと、読者は期待と違うと感じて離脱しやすくなります。

複数の広告で異なる訴求をしている場合は、訴求ごとにファーストビューを変えたLPを用意する方法もあります。広告とLPの関係については、広告運用代行の費用と依頼できる業務を解説した記事でも、離脱が多いときの確認点として触れています。

ワイヤーフレームで要素を並べる

ここまでの整理をもとに、LPの設計図となるワイヤーフレームを作ります。ワイヤーフレームでは、色や画像の細部にこだわらず、どの要素をどの順番で、どれくらいの分量で載せるかを決めることに集中します。紙に書いても、スライドや表計算ソフトで作っても構いません。

各ブロックに「このブロックで読者のどの疑問に答えるのか」をメモしておくと、不要な要素や、足りない要素に気づきやすくなります。完成したら、ターゲットに近い社内の人に見てもらい、話の流れが自然か、途中で疑問が残らないかを確認しましょう。

原稿を書いてからデザインに進む

構成が固まったら、見出しや本文、ボタンの文言などの原稿を書きます。デザインを先に作ってから文章を当てはめると、伝えたいことが枠に収まらず、内容を削ることになりがちです。原稿を先に書き、その内容に合わせてデザインする順番にすると、伝える内容を優先した構成を保てます。

原稿を書いたら、声に出して読んだり、スマートフォンの画面幅で表示したりして、読みやすさを確認しましょう。1つの段落が長すぎないか、専門用語が説明なしに使われていないか、ボタンの文言が行動の内容と合っているかも見直しておくと、デザインの段階での修正を減らせます。

LP構成で注意したい表現と公開前の準備

構成が決まったら、公開前に表現と表示、計測の準備を確認します。特に、広告の表示に関する法律に触れる表現がないかは、構成の段階から意識しておく必要があります。ここでは、公開前に確認しておきたい3つの点を紹介します。

景品表示法に触れる表現を避ける

LPは広告の一種として扱われるため、景品表示法などの表示に関するルールを守る必要があります。千葉県の資料「景品表示法について」では、商品やサービスの内容を実際よりも著しく良く見せる表示を優良誤認表示、価格などの取引条件を著しく有利に見せかける表示を有利誤認表示として説明しています。

同じ資料では、合理的な根拠がない効果・性能の表示は優良誤認表示に当たるとされています。「必ず効果が出る」「業界最安」などの表現を使う場合は、裏づけとなる資料があるかを確認しましょう。商材によっては、健康増進法や医薬品医療機器等法など、別の法律による規制がかかることもあります。

利用者の声や口コミを掲載する場合は、ステルスマーケティングの規制にも注意が必要です。東京都消費生活総合センターの資料「ステルスマーケティングの実態と身の守り方」によると、事業者の広告であることが一般消費者にわかりにくい表示は、2023年10月1日から景品表示法の不当表示として規制の対象になっています。依頼して書いてもらった感想を載せる場合は、その旨がわかるように表示しましょう。

スマートフォンでの見え方を前提にする

LPを訪れる読者の多くがスマートフォンを使う商材では、スマートフォンで表示したときに構成が伝わるかを必ず確認します。パソコンの画面では一度に見えていた情報も、スマートフォンでは縦に並び、ファーストビューに収まる量が大きく減ります。

ファーストビューでキャッチコピーとCTAボタンが見えるか、画像の中の文字が小さすぎないか、表が横にはみ出していないかなどを、実際の端末で確かめましょう。スマートフォンとパソコンで読者の層が違う場合は、それぞれで見せる情報の順番を変えることも検討します。

計測の準備をしてから公開する

LPは公開して終わりではなく、データを見ながら改善していくものです。そのため、公開前にアクセス解析や申込みの計測が正しく動くかを確認しておくことが欠かせません。計測の設定に漏れがあると、どこを直せばよいのか判断できなくなります。

申込み完了の計測、広告からの流入の区別、ページのどこまで読まれたかを確認できる仕組みなどを用意しておきましょう。公開前に、実際にフォームを送信して計測されるかを確かめておくと、公開後のトラブルを防げます。

公開前の準備や計測の設定まで含めてLPを整えたい方は、koujitsuにご相談ください。広告運用と合わせて、成果を確認できる状態を作ります。
お問い合わせはこちら

公開後はデータを見て構成を改善する

LPの構成は、最初から正解を出せるものではありません。公開後のデータから、読者がどこで迷い、どこで離脱しているのかを確かめ、構成や表現を見直していくことで、成果に近づけていきます。

どこで離脱しているかを確かめる

改善の第一歩は、読者がLPのどこまで読み、どこで離れているのかを把握することです。ヒートマップなどのツールを使うと、よく読まれている部分や、読まれずに飛ばされている部分を確認できます。離脱が集中している位置の直前にある要素が、改善の候補になります。

たとえば、ファーストビューの直後で多くの人が離れている場合は、流入元の広告とファーストビューの内容が合っていない可能性があります。フォームまで来ているのに送信されない場合は、入力項目の数や、入力のしやすさを見直すとよいでしょう。データと仮説をセットで考えることが大切です。

ABテストは1か所ずつ変える

改善案を試すときは、ABテストで元のLPと変更したLPの成果を比べる方法があります。ABテストでは、一度に変更する箇所を1つに絞ることが基本です。キャッチコピーとボタンの色を同時に変えると、どちらの変更が成果に影響したのかがわからなくなります。

テストの前に、何を変えると、どの数値がどう変わると考えているのかを書き出しておきましょう。十分なアクセスが集まる前に判断すると、偶然の差を成果と見誤ることがあります。期間やアクセス数の目安を決めてから比べると、判断がぶれにくくなります。

制作を外部に依頼するときの確認点

LPの構成から制作、改善までを社内だけで進めるのが難しい場合は、制作会社への依頼も選択肢になります。依頼するときは、デザインやコーディングだけでなく、構成やライティング、公開後の改善まで対応範囲に含まれているかを確認しましょう。

koujitsuのLP制作代行サービスでは、戦略立案から構成設計、ライティング、デザイン、コーディング、公開後の改善まで一貫して支援しています。制作期間は、ページの規模にもよりますが一般的に3〜6週間程度としています。制作会社の比べ方や見積もりの見方については、Web制作会社の選び方と費用の比較方法の記事も参考にしてください。