LPとは？初心者向け基本構成と作り方｜コーポレートサイトとの違いも解説

「LPを作ってほしい」と依頼されたとき、何をどう作ればいいのか戸惑う方は多いのではないでしょうか。しかし、LP(ランディングページ)は、普通のホームページとは考え方が違います。むしろ、デザインの上手さより、「誰に、何を、どんな順番で伝えるか」の設計で、成果が大きく変わるページです。

この記事では、LPとは何か、コーポレートサイトとの違い、構成の考え方、基本の構成、作り方の手順、作成に使えるサービスを、初心者向けに整理します。あわせて、私自身がLPを作ってきた中での経験談も紹介します。

LP(ランディングページ)とは

LPは「ランディングページ(Landing Page)」の略です。まず広い意味では、検索結果や広告などから、最初にアクセスされるページを指します。

一方、Webマーケティングでは、もう少し狭い意味で使われることが多く、商品の購入・申し込み・問い合わせなど、1つの行動(ゴール)に読者を導くための、縦に長い1ページ完結のページを指します。そのため、この記事でも、こちらの意味で説明します。

LPが使われる主な場面

• 広告(リスティング広告・SNS広告)の遷移先
• 商品・サービスの販売ページ
• セミナー・イベントの申し込みページ
• 資料請求・無料相談の受付ページ

つまり、共通するのは、「このページを読んだ人に、1つの行動を取ってもらう」という目的です。

LPとコーポレートサイトの違い

そもそも、LPと、会社や店舗のホームページ(コーポレートサイト)は、目的も作り方も異なります。

項目	LP	コーポレートサイト
目的	1つの行動(購入・申し込みなど)を取ってもらう	会社や事業の情報を広く伝え、信頼を得る
ページ数	基本は1ページ	複数ページ(会社概要・事業内容・お知らせなど)
情報量	1つの商品・サービスに絞る	会社全体の情報を網羅する
導線	上から下へ読ませて、最後のボタンへ誘導する	読者が見たいページを自由に選ぶ
メニュー	置かない、または最小限にすることが多い	グローバルメニューを置く
訪問者の状態	広告などから来た、特定の悩みを持つ人	会社名を検索した人、情報を探している人

LPでメニューを少なくするのは、他のページに移動されることで、ゴールから離れてしまうのを防ぐためです。つまり、コーポレートサイトは「選べる」、LPは「流れで読ませる」と考えると分かりやすいです。

「シングルページ」と「LP」は同じ？

1ページで完結するサイトは、「シングルページ(ワンページ)サイト」と呼ばれます。また、LPも1ページ完結が基本なので、この2つは重なりますが、完全に同じではありません。そして、違いは、ページの目的です。

	LP	シングルページサイト
特徴	1つの行動(申し込み・予約・問い合わせなど)に導くことが目的	1ページに情報をまとめたサイト
目的	ゴールは基本的に1つ	会社や活動の紹介など、目的が複数あることもある
想定する読者	広告などから来た、特定の悩みを持つ人	名前を検索した人など、幅広い

実際には、1ページ構成でも、最後の申し込みや予約に導くことを目的に作っていればLPですし、情報の紹介が中心ならシングルページサイト寄りです。ただし、境界は曖昧で、はっきり分けられないことも多いです。そこで、依頼者と話すときは、ページ数ではなく、「このページで、読んだ人に何をしてほしいか」を確認すると、認識のズレが減ります。

私の経験から

私自身、これまで「LPは1ページで作るもの」として進めてきました。しかし、この記事を書くために整理してみて、ページ数と目的は別の話だと、改めて分かりました。

また、見積もりについては、1ページ構成は、複数ページのサイトより安くなるイメージを持たれやすいです。私の場合は、5〜15万円程度で出すことが多く、金額は、構成の内容や、撮影・加工する素材によって変わります。

さらに、進め方で気をつけているのは、ページを増やしたくなる場面です。たとえば、1ページ構成で進めていても、テストページを見てもらうと、「やっぱり別のページも欲しい」となることがあります。最初に「なくていい」と言われていたものが、必要になる場合もあります。そのたびにUI・UXを組み直すことになるので、ヒアリングの段階で、「ある場合」と「ない場合」で、どう変わるのかまで説明しておくことが大切だと感じています。

LPの構成を考えるときの基本

LPのデザインに入る前に、構成の考え方を押さえておきます。なぜなら、ここが固まっていないと、きれいなデザインでも成果につながらないからです。

まず決めること

1. ゴール:購入・予約・問い合わせ・資料請求など、取ってほしい行動は何か
2. ターゲット:誰に向けたページか。年齢や職業だけでなく、「どんな悩みを持ち、今どんな状態で来るか」まで考える
3. 提供価値:読者の悩みを、どう解決できるのか

並べる順番は「読者の状態」で決める

また、LPは、同じ要素でも、並べる順番で読まれ方が変わります。そして、順番を決める基準は、ページに来た時点で、読者が商品やサービスをどのくらい知っているかです。大きく次の3つの型があります。

型	向いているケース	最初に見せるもの
悩み先行型	商品やサービスを、まだ知らない人に向ける	読者の悩みへの共感
オファー先行型	すでに他社と比較している人に向ける	価格・特典・条件
権威先行型	BtoBなど、信頼や実績が重視される場合	実績・資格・受賞歴

初心者がまず作るLPは、商品を知らない人に向けた「悩み先行型」が多くなります。

構成のポイント

• ファーストビューで、誰向けのページかを伝える:ページを開いて最初に見える部分で、「自分に関係がある」と思ってもらえないと、読まれずに閉じられます。
• ボタン(CTA)は、最後だけでなく途中にも置く:すでに申し込む気になった読者が、ページの最後までスクロールしなくても行動できるようにします。
• 最後は情報を足さず、迷いを消す:ページの終盤に新しい情報を入れると、読者が検討モードに戻ってしまいます。
• 広告の言葉と、LPの入口の言葉を揃える:広告で「無料相談」と書いてあるのに、LPの最初に「資料請求」と出てくると、別のページに来たと感じさせてしまいます。

私が構成で一番大事にしていること

特に、私がいちばん大切にしているのは、「見る人にストレスがないか」です。どこに何が載っているのか、どの順番で見てもらうと購入や申し込みにつながるのか、という設計に、いちばん重きを置いています。

型は、悩み先行型が多いです。なぜなら、これまでホームページを持っていなかった方や、新しいサービスのページを依頼されることが多く、まだ商品やサービスを知らない人に向けて作る場面が多いからです。

LPの基本構成

LPの構成は、大きく「ファーストビュー」「ボディ」「クロージング」の3ブロックに分けられます。具体的には、ボディが全体の約7割、クロージングが約2割という配分が、一つの目安とされています。

ブロック	役割	主な要素
ファーストビュー	「自分に関係がある」と短時間で判断させる	キャッチコピー・メイン画像・CTAボタン
ボディ	悩みに共感させ、解決できる理由を示して信じてもらう	悩みの提示・解決策・特徴とメリット・実績やお客様の声
クロージング	迷いを消して、行動してもらう	料金やプラン・流れ・よくある質問(Q&A)・申し込みフォーム・最終CTA

各要素の役割

1. ファーストビュー(キャッチコピー・メイン画像・CTA)
ページを開いて最初の1画面です。つまり、誰に向けて、何を提供するのかを、一目で伝えます。逆に、ここが弱いと、その先を読んでもらえません。

2. 悩みの提示(共感)
「こんなお悩みはありませんか?」の部分です。読者が感じている課題を、読者自身の言葉で書くことで、「自分のことだ」と思ってもらいます。

3. 解決策の提示
その悩みを、あなたの商品・サービスがどう解決するのかを示します。

4. 特徴・メリット(ベネフィット)
商品の機能(スペック)ではなく、「それを使うと、読者にどんな良いことがあるのか」を書きます。

5. 実績・お客様の声
信頼の根拠です。特に、数字・事例・利用者の声・写真など、具体的なものほど信頼されます。

6. 料金・プラン
いくらかかるのかが分からないと、申し込みをためらわれます。分かりやすく示します。

7. 申し込みの流れ
申し込み後、どうなるのかを示して、不安を減らします。

8. よくある質問(Q&A)
申し込み前の不安・疑問を、先回りして解消します。

9. 最終CTA・申し込みフォーム
最後に、もう一度ボタンを置きます。フォームの入力項目は、必要最小限にします。なぜなら、項目が多いと、離脱の原因になるからです。

実績や効果を書くときは、誇張しないことが重要です。たとえば、「No.1」「効果が出る」などの表現は、根拠が必要になる場合があります。商品によっては、法律上のルールもあるため、迷ったら、依頼者や専門家に確認してください。

私のファーストビューと、料金の見せ方

ファーストビューは、依頼者の強みが伝わる写真で見せるようにしています。そのため、イメージが湧く写真を、撮影の段階から意識して、いちばん最初に置きます。

また、サービスや料金は、イラストで表したり、表にしたりして、視覚的に分かりやすくなるよう工夫しています。

素材は、最初に確認する

写真・実績・文章などの素材は、依頼の最初に、何をいただけるのかを確認します。そのうえで、足りない部分は、こちらで撮影や文章作成を代行し、その分を見積もりに反映します。

LPの作り方｜7つの手順

LPは、いきなりデザインを始めず、次の順番で進めます。

1. 目的を決める:購入・予約・問い合わせなど、ゴールを1つに絞る
2. ターゲット(ペルソナ)を設定する:誰に向けるのか、具体的に描く
3. 構成案を作る:上から下への流れを、見出しレベルで書き出す
4. ワイヤーフレームを作る:文字と画像の配置を、色なしの枠で作る
5. 原稿と素材を用意する:キャッチコピー・本文・写真・実績の素材をそろえる
6. デザインして、実装する:ツールやコーディングで形にする
7. 公開後に計測して、改善する:アクセス数・クリック数・申し込み数を見て、直す

ワイヤーフレームを先に作る理由

ワイヤーフレームは、デザインの前に「どこに何を置くか」だけを決める設計図です。そのため、色や写真を入れる前に作ることで、「情報の順番」と「デザイン」を分けて考えられ、手戻りが減ります。さらに、依頼者に確認してもらう際にも、色のない状態のほうが、構成に集中して見てもらえます。

文字や色の基本は、他のデザインと共通

LPでも、文字サイズ・配色・余白の考え方は、バナーやチラシと共通です。参考として、デザインが垢抜けない人へ｜余白とレイアウトの基本ルールと、デザイン初心者が知っておきたい配色の基本も参考にしてください。CTAボタンの文言や配置の考え方は、バナーデザインの作り方｜キャッチコピー・配置・CTAの型とほぼ同じです。

私の進め方

私は、次の流れで進めています。

順番	内容
1	ヒアリング
2	コンテンツの洗い出し
3	ワイヤーフレーム作成
4	ラフイメージ作成
5	テストページ作成
6	本番反映
7	公開後1か月間の微調整期間

ワイヤーフレームとラフイメージの段階で、依頼者に確認してもらい、テストページで実際の見え方を確認してもらいます。また、公開後も、1か月は微調整の期間を設けています。

LPを作れるおすすめサービス・ツール

LPは、プログラミングをしなくても、ノーコードのサービスで作れます。そのため、目的に合わせて、選んでください。

サービス	特徴	向いている人
STUDIO	デザインの自由度が高いエディタ。無料プランあり(独自ドメインは有料プラン)	デザイン重視で作りたい人
ペライチ	業種別のテンプレートが豊富。スマホでも編集できる	手早く、簡単に作りたい人
Wix	テンプレートが多く、予約・ネットショップ機能も使える	予約や決済も一緒に使いたい人
ジンドゥー	ドラッグ&ドロップで操作できる。日本語のサポートがある	初めてで、手軽に始めたい人
Canva	デザインツールからLPとして公開できる	画像ツールに慣れている人
WordPress	自由度が高い。テーマ・設定の知識が必要	自分のサイトと一緒に運用したい人

※料金・プラン・機能は変更されることがあります。申し込む前に、必ず公式サイトで最新の情報を確認してください。

ツールを選ぶときの3つの基準

• デザインの自由度:テンプレートのままか、一から作り込むか
• 独自ドメインの使いやすさ・SEO設定:検索からの流入を狙うか、広告だけで使うか
• 公開後の管理のしやすさ:ページを直したり、複製したりしやすいか

私がノーコードツールを使う理由

私は、ノーコードツールのWix、STUDIO、ペライチを使って、1ページ構成のサイトを作ってきました。

なぜなら、ゼロから構築すると、私の場合はかなりの工数がかかるからです。そこまでの予算を用意できない依頼者も多いため、ノーコードツールで作ることで、デザインの部分に力を集中して対応できます。ただし、ツールの仕組みや、Webの基礎を知らないと、細かい調整はできません。つまり、ノーコードでも、基礎の知識は必要だと感じています。

初心者がやりがちなLPの失敗

• 誰向けか分からない:全員に向けると、誰にも刺さらない
• 情報を詰め込みすぎる:伝えたいことが多くて、長いだけのページになる
• ボタンが最後にしかない:途中で気持ちが固まった人が、行動できない
• スマホで確認していない:パソコンで作っても、閲覧の多くはスマホ。文字の大きさ・ボタンの押しやすさを確認する
• 根拠のない表現を使う:「業界No.1」などの根拠がない表現は、信頼を下げる
• フォームの項目が多い:入力が面倒で、離脱される
• 公開して終わりにする:アクセスや申し込みを見て、直すところまでが制作

私の失敗

最初の見積もりより、工数が増えたことがあります。STUDIOで制作したとき、Instagramの投稿を自動で埋め込むことができないなど、当初の想定と違うことが起きたためです。ツールでできることの確認が足りなかった、私の経験不足でした。

また、公開前に、いろいろなデバイスで表示を確認し、レスポンシブ対応もしていましたが、依頼者がお持ちのデバイスでは表示が違って見えて、対応に苦戦した経験があります。事前に確認できるデバイスには限りがあるため、依頼者がよく使う端末を、あらかじめ聞いておくことも大切だと感じています。

まとめ

• LPは、1つの行動に導くための、縦長1ページ完結のページ
• コーポレートサイトは「選ばせる」、LPは「流れで読ませる」
• 並べる順番は、「読者がどのくらい知っているか」で決める
• 基本構成は「ファーストビュー」「ボディ」「クロージング」の3ブロック
• 作る前に、目的・ターゲット・構成・ワイヤーフレームを決める
• ツールは、目的に合わせて選ぶ。料金は公式サイトで確認する

LPは、デザインの上手さ以上に、「誰に何をどの順番で伝えるか」の設計が成果を左右します。まずは、小さなLPを1つ作って、公開後の反応を見るところから始めてみてください。

LPをもっと学びたい方へ

LPの基礎を、一冊で学びたい方には、『みるみる成果が上がる！ランディングページ制作入門講座』が入門書として分かりやすいです。LPとは何かから、コピー、デザイン、広告運用まで、図解で一通り学べます。

みるみる成果が上がる！ランディングページ制作入門講座 価格：1,706円（税込、送料別) (2026/10/20時点) 楽天で購入

作ったあとの改善まで学びたい方は、『現役LPO会社社長から学ぶ コンバージョンを獲る ランディングページ』も参考になります。リサーチや構成、キャッチコピー、ABテストまで扱っています。

【送料無料】現役LPO会社社長から学ぶコンバージョンを獲るランディングページ ネットの売上と反響を劇的にアップさせる本／相原祐樹 価格：1,848円（税込、送料無料) (2026/10/20時点) 楽天で購入

ノーコードツールでのLP制作のご依頼について

ノーコードツールでのLP制作をご依頼の方は、お問い合わせフォームよりご連絡ください。

LPやサイトを自分で運用したい方は、WordPressで作る方法もあります。その場合に必要になるのが、レンタルサーバーです。