LP の作り方：初心者でもできる 7 つの手順とツール選び
LP を初めて作るとき、多くの人は、いきなりデザインから手をつけます。しかし、成果を左右するのは見た目より前の準備で、目的と読み手が曖昧なまま作ったページは、きれいでも行動につながりません。
この記事では、LP を作る手順を、目的とターゲットの整理、構成、原稿、デザイン、公開、計測、改善の 7 つに分けて説明します。後半では、ノーコードツールで作る方法と、外注するかどうかの判断基準も紹介します。LP の意味から知りたい方は ランディングページとは を先にご覧ください。
LP を作る前に決めること
手順の最初は、目的とターゲットの整理です。次の 4 つを、短い文章で書き出します。
| 項目 | 書き出す内容 | 例 |
|---|---|---|
| 目的 | 訪問者にしてほしい行動を 1 つ | 資料請求、購入、LINE 登録 |
| ターゲット | 誰の、どんな悩みを解決するか | 副業で SNS 運用を始めたい会社員 |
| 流入元 | どこから来るか | Instagram のプロフィール、広告 |
| 成果の基準 | 何件で成功とするか | 月 30 件の申込み |
目的を 2 つ以上並べると、ページの訴求が弱くなります。例えば、「購入」と「資料請求」の両方のボタンを同じ強さで置くと、訪問者はどちらにも進まなくなります。主な行動を 1 つ決め、それ以外は目立たなくします。
ターゲットは、年齢などの属性だけでなく、悩みと状況まで具体的に書きます。「いつ、どこで、何に困っているか」を想像できるほど、原稿の説得力が増します。
構成を組み立てる
目的とターゲットが決まったら、ページの流れ（構成）を考えます。LP には、多くのページで使われている基本の型があります。
大まかな流れは、冒頭で何のページかを伝え、読み手の悩みに共感し、解決策を示し、その根拠を見せ、行動を促すという順番です。この流れの詳細と、商材別の例は LP の構成 にまとめています。
構成を作るときは、いきなりデザインソフトを開かず、紙や文書に見出しだけを箇条書きにします。見出しを上から読むだけで、ページの主張が通じるかを確認してください。1 つの見出しには 1 つのメッセージだけを入れます。
原稿を書く
構成ができたら、各見出しの原稿を書きます。LP の文章で心がけることは 3 つです。
第 1 に、読み手の言葉で書きます。専門用語や社内の用語は避け、読み手が普段使う言い方を選びます。第 2 に、特徴ではなく、読み手が得られる結果を書きます。「容量 100GB」ではなく、「写真を何枚保存できるか」を書くイメージです。第 3 に、根拠を添えます。利用者の声、実績、保証、料金の内訳などです。
数字や実績は、事実を書いてください。根拠のない「No.1」「満足度 98%」といった表現は、景品表示法で問題になる場合があります。調査に基づく表現では、調査の対象と時期を明記します。効果をうたう商材では、薬機法などの規制も確認します。
ボタンの文言は、押した後に何が起こるかが分かる言葉にします。「資料を請求する」「予約画面へ進む」のように、動作と行き先が見える形です。詳しい書き方は 原稿の書き方 で説明しています。
デザインを整える
デザインの役割は、原稿を読みやすく伝えることです。装飾を増やすのではなく、次の点を整えます。
色は、主な色を 1 色、補助色を 1 色、文字色と背景色を決めて、全体で使い回します。ボタンの色は、ほかの要素と区別できる色にして、ページ内の主な行動のボタンを統一します。
文字は、スマホで読める大きさにします。本文は 16px 程度を目安にし、行間を広めに取ります。1 行が長すぎると読みにくいため、スマホの画面幅に合わせて改行を調整します。
画像は、内容を補う写真や図解を使います。雰囲気だけの素材は、読み込みを遅くするだけの場合があります。画像のファイルサイズは小さくし、必要に応じて形式を最適化します。
具体的な配色や余白の考え方は デザイン の記事で解説しています。
スマホで見やすくする
SNS から来る訪問者は、スマホで開く場合が多くなります。作成の途中から、スマホの画面で確認してください。確認する点は次のとおりです。
ボタンは指で押しやすい大きさにします。目安として、縦横とも 44 から 48px 程度の領域を確保します。ボタン同士が近すぎると、誤タップが増えます。ファーストビューにメインのメッセージとボタンが収まるかも確認します。
表示速度も重要です。Google は、ページの体験を測る指標として Core Web Vitals を公開しており、最大コンテンツの表示（LCP）は 2.5 秒以内が良好の目安とされています。画像の軽量化や、不要なスクリプトの削減が効果的です。詳しくは スマホで見やすく で説明しています。
公開して計測を始める
公開の前に、次の点を確認します。
- リンクとボタンが、すべて正しいページに移動するか
- フォームの送信が最後まで完了するか
- スマホ、PC、複数のブラウザで表示が崩れないか
- 誤字や、事実と異なる表現がないか
- 広告であることの表示が必要な場合に、冒頭に入っているか
公開後は、すぐに計測を始めます。最低限、次の 3 つの数字を記録します。訪問者数、目標の行動の数（コンバージョン数）、そのうちの割合（CVR）です。どこから来た訪問者が成果につながっているかを知るには、流入元ごとに URL を分けます。例えば、Instagram 用、X 用、広告用に別の短縮 URL を使うと、同じ LP への流入を区別して数えられます。
改善を続ける
LP は、公開してからが本番です。数字を見て、仮説を立て、変更し、また数字を見るという流れを繰り返します。
最初に直すのは、ページの上部です。訪問者の多くは、最初の画面で離脱するため、冒頭の見出しとボタンを改善すると、効果が出やすくなります。次に、離脱の多い箇所を探し、その前後の説明を見直します。
複数の案を同じ条件で試すには、A/B テストを使います。ただし、アクセスが少ないうちは、差が出ているように見えても偶然の場合があります。進め方は A/B テスト で説明しています。一度に変更するのは 1 か所に絞ると、どの変更が効いたかが分かります。
ノーコードツールで作る方法
プログラミングの知識がなくても、ノーコードツールを使えば LP を作れます。ツールには、LP 専用のビルダー、ホームページ作成サービス、デザインツール、短縮 URL サービスに付属する LP 機能などがあります。
選ぶときは、次の点を比べます。
| 観点 | 確認すること |
|---|---|
| 料金 | 月額、公開できるページ数、独自ドメインが使えるか |
| 編集のしやすさ | スマホ表示の調整、テンプレートの有無 |
| 計測 | アクセスや成果を数えられるか、外部の解析ツールと連携できるか |
| 運用 | 公開後にリンクを変更できるか、複数ページを管理できるか |
無料のツールもありますが、広告の表示や、機能の制限があることがあります。ツールの比較は ツール で整理しています。
デザインや原稿を自分で用意するのが難しい場合は、制作会社やフリーランスへの外注も選択肢です。費用や依頼の流れは 外注 の記事で解説しています。
Boostlink では、短縮 URL と同じ管理画面で LP を作れます。LP の作成数はスタンダードで 5 件、プロで 20 件までです。作った LP は短縮 URL からクリック数を計測でき、プロでは A/B テストも使えます。
まとめ
LP の作り方は、目的とターゲットの整理、構成、原稿、デザイン、公開と計測、改善の順に進めます。デザインより前の準備が成果を左右するため、目的を 1 つに絞り、読み手の悩みを具体的に書き出すことから始めます。スマホでの見やすさと表示速度を確認し、公開後は流入元別に数字を見て、1 か所ずつ改善します。ノーコードツールなら、専門知識がなくても公開までたどり着けます。
LP を作ってリンクの計測もまとめたい場合は、Boostlink が合っています。流入元ごとの短縮 URL を使って、同じ LP でも経路別に比較できます。LP に誘導するための発信用アカウントを探している方には、アカウントの購入や M&A を扱う Boostshop もあります。購入時は、各プラットフォームの利用規約を確認してください。