ランディングページの作り方を7ステップで解説｜成果を出す構成と設計の全手順

LP制作は目的設定・構成設計・改善サイクルの3軸が成否を左右し、ファーストビューでの離脱率は平均70%以上に上ります。

ツールが充実した今、LPを公開すること自体のハードルは下がりました。それでも成果につながらないLPが多いのは、構成設計と公開後の改善が後回しにされやすいからです。7ステップの手順と落とし穴を順に確認していきます。

参考：Kaizen Platform, 2025年6月時点

＼ 月額10万円から高品質でまるっとサポート ／

月額10万円から始められるマキトルくんで、Webマーケティングを丸投げしませんか？

▶ マキトルくんの詳細はこちら

成果の出るランディングページが今、求められる背景

広告費を投下しても問い合わせが増えないとき、その原因はLPの設計に潜んでいることが多いです。

なぜ今ランディングページが重視されるのか

Web広告への出稿が広がるなか、多くの企業がリスティング広告やSNS広告からの流入に予算を投じています。

ただし、広告費をかけても受け皿のLPが機能しなければ、CPAは改善しません。LPは広告の費用対効果を決める着地点であり、集客施策全体の成否を左右する位置づけです。

LPが通常のWebサイトと根本的に違うのは「1ページで1つのゴール（コンバージョン）を達成する」という設計思想です。

問い合わせフォームへの誘導、資料請求、商品購入など、ゴールを単一に絞ることで、ユーザーを迷わせずに行動へ導けます。ナビゲーションメニューを省略したシンプルな1カラム構成が標準的なのも、この思想からきています。

ランディングページが機能しないとどうなるか

Kaizen Platformの調査では、LPのファーストビューでの平均離脱率が70%以上に達することが示されています。1,000社・50,000回以上の施策支援から得た数値です。つまり、広告から流入した10人のうち7人以上がスクロールすらせずに離脱しているということです。

この状況でLPへの広告出稿額を増やすと、赤字のまま規模だけが拡大します。反対に、LPのファーストビューで訪問者を引き留められれば、同じ広告費でCVを数倍に引き上げる余地が生まれます。LP改善を後回しにするほど、機会損失が積み上がっていきます。

ランディングページとは何か｜基本知識と核心原則

LPとは購入・問い合わせ・資料請求など特定の行動に誘導するコンバージョン専用ページで、通常のサイトと構成思想が根本的に異なります。

ランディングページとホームページの違い

ホームページ（企業サイト）とLPは、目的も構成も別物です。ホームページが「会社概要・サービス紹介・採用情報・ブログなど多様な情報を網羅するカタログ」だとすれば、LPは「訪問者に1つのアクションを取らせることに特化した営業担当者」に相当します。

データ出所: ferret-one LP解説（2026年5月更新）を基に当社作成

この違いを理解せずに企業サイトのデザインを流用してLP化すると、ナビゲーションや外部リンクが残り、訪問者が迷って離脱する原因になります。LPは「1回の訪問で1つのゴール達成」に振り切った設計が必要です。

LPの構成要素5パーツ

成果の出るLPは、どの業界・商品でも共通する5つのブロックで構成されます。各ブロックの役割を理解したうえで設計すると、訪問者の購買心理に沿った流れを作れます。

①ファーストビュー

（スクロールせずに見える最初の画面） キャッチコピー・メインビジュアル・CTA（ボタン）・実績数値の4要素が揃います。3秒で「自分に関係ある」と思わせることが目的です。

②問題提起・共感

訪問者が抱える悩みや課題を言語化します。自分の状況が的確に表現されていると感じたとき、続きを読む動機が生まれます。

③ベネフィット・解決策

商品・サービスがどのように問題を解決するかを具体的に伝えます。機能の説明ではなく、「導入後にどう変わるか」という変化（ベネフィット）を中心に置きます。

④信頼・実績

顧客の声・導入実績数・受賞歴・メディア掲載など、第三者の評価を示します。比較検討段階の訪問者の不安を解消するパートです。

⑤クロージング・CTA

「今すぐ申し込む理由」を提示し、最終的な行動を促します。期間限定の特典・無料トライアル・返金保証など、背中を押す要素を入れます。

コピーライティングとCVRの関係を示すデータ

「分かりやすい言葉で書く」という原則は多くの記事が触れますが、その裏付けとなる定量データを示す記事はほとんどありません。Unbounceが2025年10月に公表したConversion Benchmark Report 2024（41,000以上のLP・5,700万件のコンバージョンデータを分析）は、この問いにデータで答えています。

レポートでは、3音節以上の「難しい単語」の使用数とCVRの間に-24.3%の負の相関が確認されており、2020年の調査時（-15%）から強まっています。最もCVRが高かったのは「小学5年〜中学1年程度の読解レベル」で書かれたLPで、CVRは11.1%。一方、専門家レベルの文体で書いたLPのCVRは5.3%と半分以下でした（2025年10月時点）。

当社のマキトルくんでは、3,000名以上のフリーランスマーケターのなかからコピーライティングを得意とする人材を必要に応じてアサインしています。専門用語よりも読者の言葉で刺さるコピーを作るために、ターゲットの語彙レベルに合わせた文章設計を基本方針にしています。

要点: コピーの難易度はCVRに直結します。専門家向けサービスであっても、LPのコピーは「ターゲットが日常で使う言葉」に近づけるほど成果が上がります。

ランディングページ制作で陥りやすい3つの落とし穴

LP制作の最大の落とし穴は、公開後の改善サイクルを回せず制作コストが埋没してしまうことです。

独自分類: LP制作フェーズ別・陥りやすい失敗パターン

LP制作を5つのフェーズに分け、各フェーズで起こりやすい失敗パターンと取るべき対策を整理しました。

落とし穴①「作って終わり」になっている

LP公開後の改善（LPO: Landing Page Optimization）を計画しないまま制作に入るのが、最もよくある失敗です。LPは公開初日から最適なCVRを出せることはまずありません。ターゲットのニーズ・コピーの刺さり方・CTAの配置は、実際の訪問者データを見ながら仮説検証を繰り返すことで改善されます。

具体的には、GA4でのページ回遊データ分析、ヒートマップによるスクロール深度・クリックヒートの把握、A/Bテストによる要素別検証の3つを組み合わせて改善サイクルを回します。

これを「公開後にいつでもできる」と後回しにすると、改善に必要なデータが積み上がらず、制作費が埋没コストになります。

落とし穴②「モバイルユーザーがCVしない」という逆説

Unbounce 2024レポートによると、LP訪問者の83%がモバイルからのアクセスにもかかわらず、CVR（コンバージョン率）はデスクトップが平均8%高いという結果が出ています（SEMリサーチ, 2025年10月時点）。モバイルが主要な流入経路であっても、モバイルでのCVが取れていない企業が多いということです。

この逆説が生まれる主な原因は3つです。ページの読み込み速度が遅い（モバイル回線で重い画像が圧迫する）、CTAボタンの配置が画面に合っておらずタップしにくい、フォームの入力欄が小さくモバイルで記入しづらい、という点が挙げられます。レスポンシブデザインに「なっている」だけでは不十分で、モバイルで実際に操作してCVまでのステップを確認することが必要です。

要点: LP訪問者の8割はモバイルからですが、CVはデスクトップ優位という逆説があります。モバイルのUI最適化を「スマホ対応済み」で終わらせず、実際の操作フローを検証してください。

落とし穴③ 外注管理の「隠れた工数コスト」

LP制作を「デザイン会社」「コーディング会社」「広告運用会社」にそれぞれ別々に発注すると、各社との打ち合わせ・確認・フィードバックが担当者に積み上がります。

制作会社外注の費用相場は20万〜100万円以上ですが、LP公開後に修正・改善を外注するたびにかかる追加費用と承認待ちの時間は、相場の金額には含まれません。

当社のマキトルくんでは、LP制作・広告運用・SNS運用・SEO対策・アクセス解析をひとつのチームで一括対応します。担当者が複数の外注先をとりまとめる工数をなくし、改善の指示から実装までのリードタイムを短縮できます。

成果が出るランディングページの作り方【7ステップ】

成果が出るLPは、目的とペルソナを起点に設計し、公開後のA/Bテストと改善を前提としたアクセス計測環境を最初から整えることが欠かせません。

独自図解: 外注方法別の工数配分マップ

LP制作にかかる工数を「依頼主側」と「外注先側」に分けて整理しました。選ぶ方法によって、担当者の実質的な負担が大きく変わります。

データ出所: 当社の対応業務範囲は公式LP・商材情報、制作会社・フリーランス費用はferret-one調査（2026年5月時点）を基に当社作成

このマップを見ると、ノーコードツール内製は費用が安い反面、戦略から改善まで依頼主側に工数が集中します。制作会社やフリーランスへの外注は高品質ですが、GA4設定や改善は追加費用になるケースが多くなります。

STEP1 目的とKPIを明確にする

最初に決めるのは「このLPで誰に何をさせるか」という単一のゴールです。問い合わせ獲得・資料請求・商品購入・無料会員登録など、LPごとにCV定義を1つに絞ります。ゴールを複数設定すると訴求が分散し、どれも中途半端になります。

KPIとして設定する指標は「月間CV数」「CVR（コンバージョン率）」「CPA（1件あたりの獲得コスト）」の3つです。目標値を先に決めておかないと、公開後の改善が感覚に頼ることになります。

STEP2 ペルソナと訴求軸を設計する

ペルソナとは「このLPを最も買いたい可能性が高い典型的な人物像」です。年齢・役職・抱えている課題・情報収集の手段・決裁権の有無など、具体的に描くほどコピーが刺さります。

訴求軸には「機能訴求」と「ベネフィット訴求」の2種があります。

機能訴求（「〇〇の機能があります」）より、ベネフィット訴求（「〇〇を使うと、△△という状態になれます」）のほうが行動を促しやすいです。Unbounce 2024レポートが示した「難語使用とCVRの負の相関」も、専門用語で機能を説明するより、読者の言葉でベネフィットを伝えることの大切さを裏付けています。

STEP3 構成（ワイヤーフレーム）を作る

ワイヤーフレームとは、LPの設計図です。Figma・Miro・スプレッドシートなど使いやすいツールで、先述した5つのブロックをどの順序・比重で配置するかを決めます。

設計時のポイントは3つです。ファーストビューに「誰のためのLPか」「何が得られるか」「次に何をするか」の3要素を必ず含めること。スクロールの途中に離脱防止のためのCTAを複数配置すること。モバイルで読んだ場合の表示を先に確認してから情報量を決めることです。

STEP4 コンテンツ（コピー・画像）を制作する

コピーはワイヤーフレームの構成に従って書きます。キャッチコピーは「誰のどんな課題が解決するか」を一言で伝えるものが理想です。前述のUnbounce 2024データが示すように、平易な言葉で書くほどCVRが上がります。

画像・動画は「サービスの使用前後の変化」や「実際の利用シーン」を使うと効果的です。ストック画像（誰でも購入できる汎用写真）は信頼度を下げる場合があるため、実際のサービス現場や導入事例の写真を優先します。

STEP5 デザインとコーディングを行う

デザインでは、視線誘導（F型やZ型の視線パターンに沿ったレイアウト）、余白の確保（情報の詰め込みすぎを防ぐ）、CTAボタンの目立つカラー設計が重要です。モバイルではボタンのタップ領域が最低44×44pxになるようにします。

コーディングはHTMLとCSSの知識があれば内製できますが、LP専用ノーコードツールを使えばコード不要で公開できます。スピードを優先する場合はツールを選びます。

STEP6 公開・アクセス解析環境を整える

LP公開と同時に、GA4のコンバージョン計測とヒートマップの設定を必ず完了させます。設定なしで公開すると、改善に使うデータが最初から欠損します。

GA4ではCVイベント（フォーム送信・ボタンクリック等）をトリガーとして設定し、コンバージョン計測を有効化します。ヒートマップツールはスクロール深度と離脱ポイントを可視化し、「どこで訪問者が離れているか」を掴むために使います。

STEP7 公開後の改善（LPO）サイクルを回す

公開後のPDCA（仮説→実装→計測→改善）を継続することが、LPの最終的なCVRを決めます。具体的には「ファーストビューのキャッチコピーを2パターン用意してA/Bテストを実施する」「CTAボタンの文言を変えてCTRを比較する」など、1回の変数変更につき1つの仮説を検証します。

Web施策は領域ごとに外注先が分かれ、ディレクション工数が発注側に積み上がりがちです。当社のマキトルくんでは、こうした分散こそが中小企業のWebマーケティングを滞らせると考え、LP制作・GA4設定・広告運用・SNS運用・SEO対策・レポート作成を1チームで受ける体制を標準にしています。担当者は複数の外注先を取りまとめる工数から解放され、改善の意思決定に集中できます。

＼ 月額10万円から高品質でまるっとサポート ／

マキトルくんなら、広告運用・SNS運用・SEO対策などを月額10万円から丸ごとお任せいただけます。

▶ マキトルくんの詳細はこちら

ランディングページ作り方の支援を格安で依頼したいならマキトルくんへ！

LP制作だけでなく、公開後の広告運用・改善・分析まで一気通貫で依頼できるWebマーケティング支援が、中小企業の現場には必要です。当社のマキトルくんは、月額10万円からの定額制でその体制を提供します。

3つの強み

• 圧倒的なコストパフォーマンス: 月額10万円から、定額制で予算が読める。1日あたり約3,333円で専属チームを確保できます
• スピーディーな実行力: 目的に合わせた専属Webチームを編成し、最短5営業日でサービスを開始できます
• ワンストップソリューション: LP制作・広告運用・SNS運用・SEO対策・Web制作・LINE運用・サイト解析を1チームで一元対応します

こんな企業に向いています

• LP制作を外注したいが、費用対効果や管理工数が不安な中小企業・スタートアップ
• 複数の外注先（制作・広告・SEO）が分かれてディレクション工数が肥大化している企業
• LP公開後の改善サイクルまで継続して任せたいが、社内に専任マーケターがいない企業

月額10万円から、3,000名以上のフリーランスマーケターのネットワークが貴社の専属Webチームとして稼働します。

▶ マキトルくんの詳細はこちら

ランディングページに関するよくある質問（FAQ）

ランディングページとホームページの違いは何ですか？

ランディングページは「1ページで1つのコンバージョン（購入・問い合わせ・資料請求等）を達成する」ことに特化したWebページです。

ホームページが多様な情報を網羅する「カタログ」であるのに対し、LPは訪問者に単一のアクションを取らせることを目的とした「営業担当者」にあたります。ナビゲーションを省略し、情報をCVに必要なものに絞った縦長1枚ページが基本形です。

ランディングページの制作費用はどのくらいかかりますか？

制作手段によって大きく異なります。ノーコードツールの自作なら月額1,000〜10,000円（ツール利用料のみ）、フリーランス外注は5万〜100万円程度、Web制作会社への外注は20万〜100万円以上が目安です。

なお、制作費用とは別に、公開後のLPO（改善）費用が発生するケースがほとんどです。当社のマキトルくんは月額10万円から制作・運用・改善を一括対応します。

LP制作は外注と内製、どちらがおすすめですか？

スピード・品質・継続改善を重視するなら外注が向いています。コスト最小を優先するならノーコードツールによる内製が選択肢です。「部分的に外注する（戦略設計は内製・デザインはフリーランス）」というハイブリッドも現実的です。

ただし複数の外注先を使う場合は、ディレクション工数が担当者に積み上がる点を考慮して選んでください。

ランディングページの成果が出ないとき、最初に改善すべきはどこですか？

最初に確認するのはファーストビューです。LPのファーストビューでの平均離脱率は70%以上で、スクロール前に大半のユーザーが離脱しています。ヒートマップでスクロール深度を確認し、ファーストビューのキャッチコピー・メインビジュアル・CTAを優先的に改善します。次にCTAボタンの文言・色・配置を見直します。

マキトルくんではランディングページ制作の支援は可能ですか？

可能です。当社のマキトルくんは、LP制作を含む広告運用・SNS運用・SEO対策・Web制作・サイト解析まで一括対応しています。

月額10万円から利用できる定額制のため、LP公開後の改善サイクルも追加費用なしで継続支援を受けられます。3,000名以上のフリーランスマーケターのネットワークから、貴社の課題に合った専門人材でチームを編成し、最短5営業日で稼働を開始します。

ランディングページの作り方 | まとめ

ランディングページの作り方は、目的・KPIの設定→ペルソナ・訴求軸の設計→ワイヤーフレーム作成→コンテンツ制作→デザイン・コーディング→アクセス計測環境の整備→公開後の改善（LPO）という7ステップで進めます。ファーストビューでの離脱率が70%以上という現実を踏まえると、公開してからが本番です。

コピーは平易な言葉を使うほどCVRが高まり、モバイル最適化と計測環境の整備は制作段階から計画しておく必要があります。外注管理の隠れた工数コストも含めてトータルで考えると、ワンストップで任せられる体制が中小企業には合っています。

＼ 月額10万円から高品質でまるっとサポート ／

今すぐマキトルくんで無料相談を始めませんか？月額10万円からWebマーケティングをプロに任せられます。

▶ マキトルくんの詳細はこちら