成果の出るLP（ランディングページ）の作り方｜構成・デザイン・改善の全手順

ランディングページ（LP）は、広告やSNSからの流入を「問い合わせ」「購入」「申し込み」に変換するための専用ページです。通常のWebサイトとは異なり、1つの目的（コンバージョン）に特化した設計が求められます。

LPと通常のWebサイトの違い

通常のWebサイト

• ◆複数ページ構成
• ◆ナビゲーションメニューあり
• ◆さまざまな情報を網羅
• ◆回遊を促す設計

ランディングページ

• ◆基本は1ページ完結
• ◆ナビゲーションなし（離脱を防ぐ）
• ◆1つのアクションに集中
• ◆上から下へ読ませるストーリー構成

LPの目的は「読んで、納得して、行動してもらう」こと。この一点に全ての設計を集中させます。

LPの作り方：公開までの6ステップ

構成テンプレートを使う前に、次の順番で準備すると、作り直しが少なくなります。

作り方は「ツールで自作」と「外注」の2通り

ツールごとの特徴と料金は、LP作成ツールの選び方のレッスンで比較しています。

---

成果が出るLPの構成テンプレート

LP構成テンプレート

実績のあるLPは、ほぼ例外なく以下の構成に沿っています。

1. ファーストビュー（キャッチコピー + ビジュアル）

ユーザーが最初に見る画面です。ここで離脱するか読み進めるかが決まります。3秒以内に「自分に関係がある」と思わせることが目標です。

必須要素:

• ◆キャッチコピー: ターゲットの悩みに刺さるメッセージ
• ◆サブコピー: 具体的なベネフィット
• ◆メインビジュアル: 商品・サービスの利用イメージ
• ◆CTAボタン: 「無料で相談する」「今すぐ申し込む」

2. 悩み・課題の提示

「こんなお悩みありませんか？」のセクション。読者に「まさに自分のことだ」と共感させることで、続きを読む動機を作ります。

3〜5個の具体的な悩みを箇条書きで提示するのが定番です。

3. 解決策の提示（サービス紹介）

悩みに対する解決策として、商品・サービスを紹介します。「何をするか」ではなく「何が得られるか」（ベネフィット）を中心に書きましょう。

4. 選ばれる理由（強み・差別化）

競合との違いを3〜5つのポイントで示します。数字を使って具体的に伝えることが重要です。

• ◆悪い例: 「丁寧なサポート」
• ◆良い例: 「専任担当者が月2回の定例MTGで伴走。継続率98%」

5. 実績・お客様の声

信頼性を担保するセクションです。

• ◆導入実績の数字（「累計500社導入」）
• ◆お客様の声（写真+実名が理想）
• ◆Before/After の具体的な数値
• ◆メディア掲載実績

6. 料金・プラン

料金を明示します。隠すと不信感を生みます。複数プランがある場合は、最も売りたいプランを中央に配置し、目立たせる手法が効果的です。

7. よくある質問（FAQ）

「申し込み前の不安」を解消するセクション。5〜8個程度の質問と回答を用意しましょう。

8. CTA（行動喚起）

最終的な行動を促すセクション。ファーストビューのCTAに加え、ページ中間と末尾にもCTAを配置します。

CTAボタンの鉄則:

• ◆目立つ色にする（ページ内で浮く色）
• ◆動詞で始める（「申し込む」「相談する」「ダウンロードする」）
• ◆ハードルを下げる（「無料」「30秒で完了」「まずは相談だけ」）

LPデザインの5原則

原則1: 1カラムレイアウト

サイドバーは不要。上から下へ一直線に読ませるデザインにします。

原則2: 余白を十分に取る

詰め込みすぎは読みにくさの原因。セクション間の余白を広めに取り、情報を消化しやすくしましょう。

原則3: 視線の流れを意識する

F型パターン（左上→右→下）を意識し、重要な情報を左上に配置。CTAは目線の終点に置きます。

原則4: 色は3色まで

メインカラー、サブカラー、アクセントカラーの3色に絞ります。CTAボタンにはアクセントカラーを使い、ページ内で最も目立たせます。

原則5: モバイルファースト

広告やSNSから来る人の多くはスマホでLPを見ます（割合は業種や集客方法で変わるので、GA4で自分のLPの数字を確認しましょう）。スマホでの表示を最優先にデザインしてください。テキストサイズ、ボタンの大きさ、タップ領域に特に注意が必要です。

公開後の改善（LPO）

LPは公開がゴールではなく、スタートです。データに基づいた継続的な改善が成果を大きく左右します。

見るべき指標

• ◆CVR（コンバージョン率）: 業種・価格・集客方法で大きく変わるため、他社平均より自分のLPの推移で判断する
• ◆直帰率: ファーストビューの改善指標
• ◆スクロール率: どこまで読まれているかの把握
• ◆CTAクリック率: ボタンの配置やデザインの評価

A/Bテストの進め方

一度に変更するのは1箇所だけ。複数を同時に変えると、何が効果をもたらしたかわかりません。

テストすべき優先順位:

1. ◆ファーストビューのキャッチコピー
2. ◆CTAボタンの文言・色・位置
3. ◆お客様の声のレイアウト
4. ◆フォームの項目数

まとめ

成果の出るLPには「型」があります。構成テンプレートに沿って設計し、デザインの5原則を守り、公開後はデータに基づいて改善する。この流れを実践すれば、コンバージョン率は着実に向上します。

まずは構成テンプレートを元にワイヤーフレームを作成し、ファーストビューのキャッチコピーを練り上げるところから始めてみてください。

---

よくある質問

LPとホームページは何が違いますか？

ホームページは会社やお店の情報を幅広く載せ、いろいろなページを見てもらうためのサイトです。LPは「資料請求」「購入」など1つの行動をしてもらうことに特化した1ページで、ナビゲーションを減らし、上から順に読んで行動するように作ります。

LPは自分で作れますか？

作れます。LP作成ツールを使えば、コードを書かずにテンプレートから作成できます。大切なのはデザインよりも、ターゲットの悩みと解決策を伝える原稿です。まずは構成テンプレートに沿って原稿を書くところから始めましょう。

LPのコンバージョン率はどのくらいが目安ですか？

業種・商品の価格・集客の方法（広告・SNS・検索）によって大きく変わるため、一律の目安はありません。他社の平均と比べるより、自分のLPの数字を基準にして、A/Bテストで少しずつ改善していくことが大切です。

LPは公開したあと何をすればいいですか？

コンバージョン数とヒートマップを見て、離脱の多い場所から改善します。一度に変えるのは1か所だけにして、変更前後の数字を比べましょう。改善の進め方はLPのPDCAとCVR改善のレッスンで解説しています。