ランディングページ（LP）の作り方｜構成・費用・ツールと公開後の運用まで【2026年版】

ランディングページ（LP）は、訪問者に1つの行動を促すために設計された1ページのWebページです。広告のクリック先や新サービスのお披露目に使われることが多く、コンバージョン率（CVR）の差が広告ROIを大きく左右します。

ただし、LPは「作って公開した瞬間がゴール」ではありません。公開後にデータを見ながら改善を重ねられる体制を持っているかが、成果を分ける本質的な分かれ目になります。

ここでは、LPの基本構成・作成手順・費用相場・ツール選定・内製と外注の判断軸・公開後の運用までを一通り整理します。読み終えたあと、自社が「どの体制で、どこからLP制作に着手するか」を判断できる状態になることを目指しています。

ランディングページ（LP）とは

ランディングページは、広告やSNS、メールなどから流入したユーザーが最初に到達するページであり、資料請求・申し込み・購入など、1つのコンバージョンを獲得するために設計された1ページ完結のWebページです。

コーポレートサイトやサービスサイトとの違いは、目的の絞り方にあります。

• コーポレートサイト：会社のあらゆる情報を網羅し、複数のターゲットに対応する

• サービスサイト：1つのサービスについて多角的に説明する

• ランディングページ：1つの広告施策・1つの行動に対して、必要十分な情報を1ページにまとめる

メニューやリンクを最小限にして、上から下へ読み進めるだけでコンバージョンに至る導線を作るのが、LPの基本設計です。

ランディングページの基本構成

LPは大きく3つのブロックで構成されます。ファーストビュー、ボディ、クロージングです。それぞれの役割を理解しておくと、自社で構成案を作るときも外注先と要件をすり合わせるときも判断がぶれません。

ファーストビュー：3秒で「自分ごと」と感じてもらう

ファーストビューは、ページを開いた瞬間にスクロールせず見える領域です。スマートフォンの画面幅はおおむね360〜430px程度で、最初に映るのは縦長の1画面分のみと考えるのが現実的です。

ここで盛り込みたい要素は以下になります。

• キャッチコピー：誰のどんな課題に応えるサービスかが一目でわかる文章

• サブコピー：キャッチを補足し、提供価値を具体的に示す

• メインビジュアル：ターゲットがイメージしやすい画像や動画

• CTA（行動喚起ボタン）：申し込み・資料請求などの主要ボタン

• 信頼の根拠：導入実績、受賞歴、メディア掲載など短いラベル

ファーストビューだけでも離脱率が大きく動くため、ターゲットや訴求軸を変えてA/Bテストを回す対象として最初に着手する企業が多い領域です。

ボディ：根拠と共感を積み重ねる

ボディはファーストビュー以下の本文部分で、訪問者の関心を行動につなぐ役割を担います。読み手の心理の流れに沿って、次のような順で並べる構成が定番です。

1. 共感：ターゲットが抱える課題を言語化する

2. 解決策の提示：そのサービスがなぜ課題を解決できるかを説明する

3. ベネフィット：導入後にどう変わるかを具体的に示す

4. エビデンス：実績データ、導入企業ロゴ、利用者の声、第三者評価など

5. 不安の解消：価格、納期、サポート、解約条件など踏み切るときに気になる要素

業種や商材によって順番や比重は変わりますが、「課題提起→解決策→根拠→不安解消」の流れは多くのLPに共通する型です。

クロージング：行動への背中を押す

ページ末尾では、もう一度CTAを置き、申し込みフォームに到達する直前のためらいを取り除きます。よくある質問（FAQ）、保証や返金ポリシー、最後の一押しコピーを配置するのが一般的です。

フォーム自体の入力ハードルも、ここで設計を見直しておきたい部分です。入力項目数を必要最小限まで絞る、スマホで入力しやすいUIにする、エラーメッセージをわかりやすくする、といった細部がCVRに直結します。

LPの構成要素やワイヤーフレームの作り方は、別記事のLP（ランディングページ）の基本的な構成や要素を図解付きで解説でも詳しく扱っています。

LP制作の3つの選択肢

LPをどう作るかは、大きく3つに分かれます。それぞれメリット・デメリットがあり、自社の状況に合うものを選ぶことが重要です。

1. 自作（ノーコードツール・CMS）

社内のマーケターやデザイナーが、ノーコードツールやCMSを使って自分たちで作る方法です。エンジニアの工数を確保せずに公開でき、修正もすぐ反映できます。月に複数件のLPを作る場合や、公開後に頻繁に改善を回したい場合に向いています。

一方で、デザインや構成の知識は必要です。ツールに慣れるまでの学習コストもかかります。最初の数ページは外部パートナーに伴走してもらうケースも珍しくありません。

2. Web制作会社に依頼

要件定義から戦略設計、デザイン、コーディング、運用までを一括で任せられます。社内に制作リソースがない場合や、戦略設計から伴走してもらいたい場合に適しています。

ただし、軽微な修正でも見積もり・依頼・確認のフローが発生し、改善のリードタイムが長くなりがちです。費用も他の選択肢に比べて高く、月数件以上の量産には向きません。

3. フリーランスに依頼

個人のデザイナーやエンジニアに発注する方法で、制作会社よりコストを抑えやすく、柔軟な依頼がしやすいのが特徴です。スポットでLPを1本作りたいときや、社内に発注の経験が一定ある場合に選ばれます。

一方で、品質や納期はパートナーのスキルに大きく依存します。継続的な運用を見据える場合は、複数人体制の制作会社か内製のほうが安定しやすい場面が多くなります。

どれが向くかの目安は、後半の「内製と外注の判断軸」のセクションで整理します。

LP制作の費用相場

LP制作の費用は、依頼先・要件・運用範囲によって大きく変わります。市場の傾向としては、平均発注金額が55万円前後、中央値が40万円前後という調査もあります。価格帯別の目安を整理すると次のようになります。

注意したいのは、LPの本当のコストは「初期制作費」だけでは測れないことです。公開後に改善する場合、修正のたびに発注先へ依頼するか、社内ですぐ書き換えるかで、年間コストは大きく変わります。

実際の事例として、丸井グループではエポスカード関連のLP制作を内製化したことで、1件あたりの制作期間が平均44日から約20日（52%短縮）になり、外注比で約80%のコスト削減を実現しています（丸井グループの導入事例）。月平均5~10件のLP制作が発生する規模では、外注体制のままでは制作負荷もコストもスケールしにくくなるという好例です。

費用の内訳や見積もりの読み方は、ランディングページの制作費はどのくらい？内訳や費用を抑えるポイントでも詳しく触れています。

LP作成の7ステップ

ここからは、実際にLPを作る手順を順番に整理します。外注する場合と内製する場合で着手の濃淡が変わる部分があるため、それぞれの観点も併記します。

ステップ1：目的とKPIを決める

最初にやるべきは、このLPで何を達成したいかを言語化することです。目的によって構成も訴求軸も変わります。

• 資料請求の獲得

• 無料トライアル登録の獲得

• 商品購入

• イベント・セミナー申し込み

• 採用エントリー

目的が決まったら、KPIに落とし込みます。月間のコンバージョン数、CVR、CPA（獲得単価）といった指標です。広告経由のLPなら、広告費とCPAをセットで設計しておくと、公開後の判断がしやすくなります。

ステップ2：ターゲット（ペルソナ）を整理する

誰に向けたLPかを具体化します。年齢・職種・課題・利用シーンといった属性に加えて、「どんな状態でこのLPに辿り着くか」を想像することが重要です。

たとえば「中堅企業のWebマーケ担当者が、上司から新規広告施策を任され、まずLPの制作方法を調べている」のように、状況まで描けると訴求軸が決めやすくなります。

ターゲットを広げすぎないことも大切です。「あらゆる人に響くLP」は、結局誰にも刺さらない構成になりがちです。

ステップ3：構成・ワイヤーフレームを設計する

ファーストビューからクロージングまでの情報の流れを設計します。手書きでも、紙でも、デザインツールでも構いません。早い段階で「上から下まで読んだら申し込みたくなる」流れになっているかを確認します。

ワイヤーフレームの段階でステークホルダー（営業・経営層・法務など）に共有しておくと、後工程での大幅な手戻りを減らせます。

ステップ4：コンテンツを作成する

コピー（文章）と素材（画像・動画・図解）を準備します。

• キャッチコピー：5秒以内に提供価値が伝わるか

• 本文コピー：読みやすさ、根拠の具体性、ベネフィットの明確さ

• 画像・写真：ターゲットがイメージしやすいビジュアル、サービス画面

• 数値データ：実績、導入企業数、第三者調査結果

ここで時間をかけるほどデザイン以降の工程が安定します。コピーは複数案を用意して比較すると、訴求軸の妥当性を検証しやすくなります。

ステップ5：デザインを作成する

ワイヤーフレームとコンテンツをもとに、ビジュアルを起こします。デザインで意識したいのは、装飾より「読みやすさ」と「行動しやすさ」です。

• ファーストビューにCTAを必ず配置する

• CTAボタンは色・サイズで他の要素と明確に区別する

• 本文のフォントサイズは16px以上が目安

• スマートフォン表示を必ず想定する

特にスマートフォン経由でLPを見るユーザーが多い場合、PCのデザインを先に作ってから縮小するのではなく、最初からスマートフォンを基準に設計するほうが破綻しにくくなります。

ステップ6：実装する（コーディング or ノーコード）

デザインを実際のWebページに落とし込む工程です。

• コーディング：HTML/CSS/JavaScriptを書いて実装する。柔軟性は高いが、修正のたびにエンジニアの稼働が必要

• ノーコードツール：エディタ上でデザインのまま公開できる。修正がすぐ反映できる

• CMSテンプレート：あらかじめ用意されたテンプレートに沿って制作する

どの方法を選ぶかは、公開後の改善頻度と社内体制で決めます。月1回以上修正が入る前提なら、コーディング+依頼の組み合わせは運用面でボトルネックになりやすくなります。

ステップ7：公開・効果測定・改善

公開して終わりではなく、ここから本番です。

• アクセス解析（Googleアナリティクス等）の設置

• ヒートマップでスクロール深度やクリック位置を確認

• A/Bテストでファーストビューやコピー、CTAを検証

• 広告との連携（流入経路ごとのCVR比較）

このサイクルを回し続けるためには、「修正に何日かかるか」が決定的に重要になります。修正リードタイムが長いと、仮説検証の回数が物理的に減り、改善の積み上げが起こりません。

実際に、FABRIC TOKYOではノーコード化によってLP立ち上げが仕様検討後1週間以内になり、広告運用チームとPDCAを週次で回せる体制に移行しています（FABRIC TOKYOの導入事例）。

LP作成ツールの選び方

LPを内製で作る場合、ツールの選定が成果に大きく影響します。判断軸を4つに整理しておくと、自社の状況に合うツールを選びやすくなります。

• デザインの自由度：テンプレベースで足りるか、独自デザインを再現したいか

• 操作性と学習コスト：マーケターや営業など、非デザイナーでも触れるか

• 公開後の改善（LPO）対応：A/Bテスト、フォーム編集、CMSによるパーツ管理ができるか

• セキュリティ・ガバナンス：監査ログ、IP制限、SLA保証など、規制業種や大企業で必要な要件を満たすか

たとえば、月に何件もLPを作る量産型の組織では「コンポーネント機能で共通パーツを管理できるか」が運用効率を決めます。金融・公共系の組織では「注釈や免責事項を一元管理できるか」がガバナンス上の必須条件になります。

主要な国内ノーコードLPツールにはペライチ、ジンドゥー、Studio、Wix、Canvaなどがあります。それぞれの得意領域は異なるため、操作性だけでなく公開後の運用までを見据えた比較を行うと選定を誤りにくくなります。詳しくはLP制作ツール比較14選｜運用まで見据えた選び方と導入事例で扱っています。

なお、ノーコードでLPを内製化する選択肢として、ノーコードWeb制作プラットフォーム「Studio」も使われています。

Studioの紹介はこちら

Studioは、コードを書かずにLPの制作・公開・運用ができ、コンポーネント機能で共通パーツを一元管理できるのが特徴です。ただし決済機能や会員ログイン機能はStudio単体では提供されておらず、ECサイトや会員制サイトを丸ごと作るのには向きません。LPやコーポレートサイトのような「1ページ完結・更新頻度の高い」サイトに向いた選択肢になります。

内製と外注の判断軸

LP制作を内製にするか外注のままにするかは、悩ましい判断です。次の3つの軸で考えると、自社の現在地が見えやすくなります。

軸1：年間のLP制作件数

• 年に1〜2件：外注のほうが学習コストを払わない分、合理的なケースが多い

• 月1〜2件、年12〜24件：内製と外注の境目。改善頻度次第で判断が変わる

• 月3件以上：内製化を検討する価値が大きくなる。外注のままだとリードタイムとコストがスケールしない

軸2：公開後の改善頻度

定期的にA/Bテストや訴求軸の差し替えを行う前提なら、修正リードタイムが短い体制（内製）のほうが施策スピードを保ちやすくなります。一方、季節商材で公開後ほとんど触らない場合は、外注で品質を担保するのも合理的です。

軸3：社内の制作スキル

• デザインの基礎知識を持つメンバーがいるか

• ノーコードツールに慣れるための時間を確保できるか

• 営業や法務との確認フローが整理されているか

内製化の初期はパートナーに伴走してもらいながら、コンポーネント設計やマニュアル整備を先に固めるのが現実的です。運用フェーズになってから自走に切り替えるアプローチを取る企業が多く見られます。

実際の事例として、ベネッセでは約200種類のコンポーネントを事前作成し、パーツの選択・配置だけでページが完成するフローを構築しました。その結果、制作工数・コストを6割削減、制作スケジュールが8週間から3週間に短縮されています。CVRも進研ゼミ小学講座の特定期間で昨対比139%まで改善しました（ベネッセの導入事例）。

このように、内製化の本質は「制作を自社でやること」ではなく、「企画から改善までのサイクルを自社のスピードで回せること」にあります。「LPの内製化に興味がある」という方は、こちらの記事も合わせてご覧ください。
LP内製化の始め方｜外注との比較で見る切り替えのタイミングと段階的な進め方

公開後の運用・改善（LPO）

LPは公開してからが本番です。公開直後のCVRがそのまま長期にわたって続くことはほぼありません。改善を積み上げられるかどうかが、半年後・1年後の成果を左右します。

LPO（ランディングページ最適化）の基本サイクル

1. 計測：アクセス解析、ヒートマップ、フォーム離脱率などのデータを集める

2. 仮説：データから「なぜCVRが伸びていないか」の仮説を立てる

3. 改善：ファーストビューのコピー、CTAの位置、フォームの入力項目などを変更

4. 検証：A/Bテストや前後比較で効果を確認する

5. 再仮説：結果から次の仮説を組み立てる

このサイクルを月次・週次で回せる体制を整えておくのが、成果を出すLPの共通点です。

改善できる体制の作り方

改善頻度を上げるには、修正リードタイムを短く保つ仕組みが必要です。具体的には次のような工夫が有効になります。

• LP更新を担当できる人を社内で増やす

• コンポーネント化された共通パーツで、誰が触っても表現がブレない設計にする

• 修正の意思決定フローを短くする（営業・法務・経営の合意ラインを事前に決めておく）

• 月次でCVRと広告ROIをレビューする定例を持つ

カシオ計算機のように、新規事業のPoC用LPをデザイナー1名で約1週間で制作し、アプリの新規登録者数で目標の130%を達成した例もあります（カシオ計算機の導入事例）。短期間で立ち上げ、結果を見ながら次の施策に進めるスピード感が、新規事業や検証フェーズでは特に重要です。

LP作成でつまずきやすい注意点

最後に、LP制作で失敗しやすいパターンを整理しておきます。

ターゲットを広げすぎる

「誰にでも刺さるLP」を目指すと、結果として誰にも刺さりません。1つのLPは1つの状況・1つの行動に絞り込むほうが、CVRが安定します。複数のターゲットがあるなら、LPを複数本に分けるほうが現実的です。

競合と差別化されていない

似た業界の上位LPを見比べて、自社が「他とどう違うか」を一言で説明できないと、訪問者にとって選ぶ理由がない状態になります。価格・機能・サポート・実績のどこで戦うかを決めてからコピーを設計するのが順番として大事です。

公開後に放置される

最も多い失敗パターンです。広告と連動しているのに、LPだけ半年以上更新されていない、というケースが頻発します。広告クリエイティブとLPの訴求軸が噛み合わなくなると、CPAは目に見えて悪化します。公開時点で「次のレビューは1ヶ月後」と決めておくだけでも、放置のリスクは大きく下がります。

修正リードタイムが長く改善が止まる

「外注先のスケジュールが空いてから直す」「来月の制作会社の定例で相談する」といった運用は、改善サイクルを実質的に止めます。月3件以上の制作・改善が発生するなら、修正を社内で完結できる仕組みを持つことが、長期的な成果につながります。

まとめ：LPは「作って改善できる体制」がセット

LP制作のプロセスは、目的設定→ターゲット整理→構成設計→コンテンツ→デザイン→実装→公開・改善の7ステップに整理できます。費用相場や制作手段、ツールの選び方も整理してきましたが、最も大事な視点は1つです。

それは、LPを「単発の制作物」ではなく「広告施策と連動して走り続ける運用資産」として扱うことです。公開してからの改善頻度が成果を決め、改善頻度を支えるのは「修正リードタイムの短さ」と「社内で触れる体制」になります。

外注で品質を担保しつつ、内製で改善のスピードを高める。年間のLP制作件数、改善頻度、社内体制の3つを照らし合わせて、自社にとって持続可能な体制を選んでください。LP制作ツールの選定や費用感をさらに比較したい場合は、LP制作ツール比較14選も参考になります。