ランディングページの制作方法は、自社制作、制作会社への依頼、フリーランスへの依頼、工程の一部を外注する方法に分けて考えられます。選ぶ基準は、社内で目的・原稿・デザイン・実装・公開確認をどこまで担当できるかです。
まず「誰に何を申し込んでもらうページか」を決め、そのために必要な作業と担当者を並べてください。依頼先の種類や見た目の好みを先に決めるより、見積もりの条件や準備する素材をそろえやすくなります。
この記事では、初めてLPを作る事業責任者やWeb担当者に向けて、制作方法の比較、公開までの手順、外注前に渡す情報を整理します。
最初に、ページの目的と訪問者を決める
LPはランディングページの略です。アクセス解析では、訪問者がセッションで最初に見たページを指します。一方、制作の相談では、商品・サービスの申込みへつなげる販促用のページをLPと呼ぶことがあります。本記事は後者の制作方法を扱います。
会社全体を紹介するサイトと比べ、LPでは一つの提案を理解してもらい、購入、予約、資料請求などの行動へ進める構成を考えます。縦に長くすることや、リンクを減らすこと自体が目的ではありません。料金、対象条件、提供元など、判断に必要な情報を読み取れることが大切です。
例えば、花の体験教室への申込みを案内する架空のLPなら、次のように整理できます。実在の教室や制作実績を示す例ではありません。
- 読者：花を習いたいが、初めてでも参加できるか迷っている人。
- 入口：教室の写真と日程を紹介する広告やSNS。
- 提案：初心者向けの体験レッスン。参加費、持ち物、会場は確認済みの条件を掲載。
- 主な行動：参加できる日程を選び、申込フォームへ進む。
- 公開後の確認：正常な申込みの受付件数と、実際の参加につながった件数。
広告で「初心者向けの体験」を案内するなら、着地先でもその対象と内容をすぐ説明します。Google広告の公式案内も、広告とLPの内容・行動を一致させることを勧めています。広告の約束とページの条件が食い違わないよう、両方の原稿を一緒に確認しましょう。
自作・制作会社・フリーランス・一部外注を比較する
制作方法は、社内の担当者が使える時間、準備済みの素材、公開後の更新方法に照らして選びます。外注先の肩書だけで品質や費用を判断せず、実際に担当する人と作業範囲を確認してください。
| 制作方法 | 選びやすい状況 | 先に確認すること |
|---|---|---|
| 自社制作 | 原稿と素材を用意でき、ツールやCMSの操作を担当できる | フォーム、スマホ表示、公開設定、更新に対応できるか |
| 制作会社へ依頼 | 企画から原稿、デザイン、実装まで複数の工程をまとめたい | 各工程の担当、確認回数、公開後の支援範囲 |
| フリーランスへ依頼 | 必要な工程と求める専門性が明確になっている | 本人の担当範囲、他の協力者、連絡と保守の体制 |
| 一部外注 | 社内に担当できる工程があり、不足分を補いたい | 社内と外部の受け渡し方法、修正と公開の責任者 |
自社制作では、ページ作成ツールのテンプレートを使う方法や、既存のWordPressなどでページを追加する方法があります。テンプレートで表示を作れても、商品説明、写真の権利、申込みの受付、計測の確認は別に必要です。独自ドメイン、外部フォーム、データの取得・移行が使えるかも、契約するプランで確認します。
一部外注なら、原稿と写真を自社で準備し、デザインと実装を依頼する分担が考えられます。社内にデザイン担当がいて実装担当がいない場合は、実装を外注する分担です。足りない工程を具体的に挙げると、依頼範囲の取り違えを防げます。
ランディングページ制作を進める6つの工程
図は企画から依頼する場合の分担例です。原稿や撮影を自社で行う場合は、担当を入れ替えます。外注しても、商品の仕様や料金などの事実を決定・確認する担当は自社に残ります。
1．目的、対象者、入口、申込みを一枚にまとめる
商品資料、既存ページ、よく受ける質問を集め、誰のどの判断を助けたいかを一文にします。「売上を増やしたい」だけで終わらせず、体験予約、見積もり相談、資料請求など、ページで受け付ける行動へ落とし込みます。
訪問者の入口も記録します。広告で初めてサービスを知った人と、営業から案内された比較中の人では、必要な説明が異なります。既存ページでその目的を満たせるなら、改善で対応できるかを先に検討します。
2．読者が判断する順番で構成を作る
最初の画面で対象者と提供内容を示し、その後に特徴、利用の流れ、料金・条件、確認できる根拠、申込み方法を配置します。順番は商材と訪問者に合わせます。知名度のないサービスなら提供元の説明、比較中の人なら対応範囲や違いを早めに示す判断もあります。
花の教室の例では、完成する作品の写真、初心者への説明、日程・会場・参加費、レッスンの流れ、申込先が必要です。会社紹介や別の商品の説明を同じ強さで並べると、このページの提案が伝わりにくくなります。
上部へ載せる情報の絞り方は、LPのファーストビューで対象・提供内容・次の行動を整理する方法で詳しく扱っています。
3．原稿、写真、根拠をそろえる
見出しの下に何を説明するかを書き、使う写真と確認者を対応させます。商品の使用場面、提供工程、担当者など、本文を理解できる素材を選びます。利用者の声や数値を掲載する場合は、出典、対象期間、掲載許可を確認します。
根拠がそろっていない実績は、仮の数値で埋めません。実績が少ない段階なら、実際に提供する内容や成果物、対応できる条件を具体的に説明できます。教室の例でも、未開催の体験会に参加者の感想を付けず、講師が用意した作品や当日の進め方を示す形です。
4．デザインとフォームを実装する
文章の優先順位が読める見出し、本文と区別できる申込ボタン、内容に合う写真を配置します。最初にスマートフォンで読む順番を確認すると、大きな画像によって料金や対象条件が見つからなくなる問題に気付きやすくなります。
ボタンには「日程を選ぶ」「見積もり相談の入力へ進む」など、押した先の行動を示します。フォームは受付に必要な項目を決め、項目名、必須表示、入力例、エラーの直し方を用意します。W3Cのフォーム設計案内も、ラベル、入力支援、エラーと完了の通知を扱っています。
個人情報を入力してもらう場合は、利用目的を入力前に確認できるよう準備します。個人情報保護委員会の通則編3-3-4では、本人から入力画面などを通して直接取得する場合、利用目的を事前に明示する原則が示されています。受付後に誰が情報を扱うかも、運用担当へ確認してください。
5．表示、申込み、計測を確認して公開する
確認者を決め、PCとスマートフォンで本文、画像、ボタン、入力欄を確かめます。公開日は、デザイン完成日とは分けて、原稿確認・実装・修正・テストに使える日を含めて調整します。
| 確認範囲 | 公開前に確かめること |
|---|---|
| 内容 | 料金、日程、条件、連絡先、実績の根拠が正しい |
| 表示 | 文字と画像が読め、横はみ出しやボタンの重なりがない |
| 操作 | 主要リンク、入力エラー、修正、完了表示が使える |
| 受付 | 合意したテスト用データで送信し、受付側の記録と照合できる |
| 計測 | クリック、正常完了、営業上の成果を分けて記録できる |
申込ボタンのクリックと、正常な受付完了は別に扱います。完了画面の表示や成功応答など、受付と一致する条件を実装担当と決め、重複して数えないかを確認してください。具体的なイベント条件とテストは、フォームの「送信完了」の計測設計をご覧ください。
6．更新担当と確認日を決める
公開後に日程や料金を直す人、受付を確認する人、数値を見る人を決めます。花の教室なら、満席になった日程を更新する作業まで必要です。制作会社への契約に、更新、広告運用、分析、改善案の実装が含まれるかは個別に確認します。
GA4を使う場合、LP別のセッションと重要な行動を、同じ期間・流入元・端末の条件で見ます。事業上重要なアクションはキーイベントとして設定できますが、記録された件数と、実際の予約成立や受注の件数は区別します。
「申込みが増えたが対象外の問い合わせも増えた」「広告の流入自体が減った」など、件数だけでは分からない変化もあります。受付内容や営業側の結果と照合し、次に見直す箇所を決めましょう。
制作費用は、同じ依頼範囲で見積もりを比べる
LPの費用は、原稿の準備状況、撮影、デザイン、フォーム、計測、公開後の対応によって変わります。価格帯だけを比べると、原稿を自社で作る提案と、企画・取材から含む提案を同じ条件で評価してしまいます。
見積もりでは、次の項目について「含む・別料金・自社対応」を確認してください。
- 企画・構成：ヒアリング、掲載順、原稿作成と事実確認の範囲。
- 素材：撮影、イラスト、購入素材、使用権と再利用の条件。
- 制作：デザイン、スマホ対応、CMS設定、フォームの実装。
- 公開確認：テスト、計測設定、修正回数、公開作業。
- 運用：月額ツール、ドメイン・サーバー、更新、分析、改善の実装。
- 引き継ぎ：編集権限、データ、操作資料、契約終了後の保守。
社内担当の作業時間も予算に含めます。外注費が低くても、素材集めや原稿の修正に時間を割けず、公開が止まることがあります。予算の上限と希望日を伝え、優先する内容と後から追加できる内容を分けると、対応可能な範囲を相談しやすくなります。
外注先には、担当範囲と公開後の体制を質問する
制作例を見るときは、同じ業種かだけでなく、その依頼先がどの工程を担当したかを聞きます。原稿や広告の提案まで関わったのか、デザインと実装を担当したのかによって、参考にできる経験が違います。
契約前には「構成の理由を説明してもらえるか」「原稿の確認者は誰か」「不足する素材はどう用意するか」「公開後の不具合や内容変更を誰へ頼むか」「自社へ何の権限とデータが渡るか」を確認してください。会社とフリーランスのどちらでも、実際の体制と合意内容で比較します。
相談を始めるときは、目的、読者、入口、申込み方法、商品資料、使える写真、予算、希望日を一枚にまとめるところからで十分です。未決定の欄を明示すれば、企画の支援が必要か、制作工程だけを依頼できるかを整理できます。
みやあじよのランディングページ制作では、企画・原稿・デザイン・計測・改善などの対応範囲を案内しています。自社で用意できる素材と、任せたい工程を整理して進めたい場合は、お問い合わせページから現在の資料やお困りの点をお知らせください。
参考資料
2026年10月2日に公式資料を確認しました。制作方法の比較と教室の例は、本記事で整理した判断材料・架空の説明例です。特定の費用、公開期間、集客成果を保証するものではありません。
