メインコンテンツへスキップ

COLUMN

LPの作り方を初心者向けに、構成の基本と作る手順、外注の目安

LPの作り方として、縦長の紙に付箋を上から順に貼って構成を組み立てる制作担当者のイラスト

この記事でわかること

  • LP制作とは何か、ホームページとの役割の違い
  • LPの作り方の全体像と、最初に決める3つのこと
  • LPの構成の基本と、各ブロックで書くこと
  • 原稿をそろえる手順と、無料で作るときの限界
  • 公開後に見る数字と、自分で作るか外注するかの目安

LPの作り方は、まず「誰に、何を、どうしてほしいか」を1つに決め、その行動まで迷わず読み進められる順番に情報を並べることから始まります。見た目やツール選びはその後です。LPは、広告やSNS、メールから来た人に、1ページで申し込みや問い合わせをしてもらうためのページで、会社やお店の全体を案内するホームページとは役割が違います。この記事では、LPの役割、作り方の全体像、構成の型、原稿のそろえ方、無料で作る方法の限界、公開後の見直し、外注の目安を順に説明します。

LP制作とは?ホームページとの違いと役割

LPはランディングページの略で、広告やSNSの投稿、メールのリンクなどから来た人が最初に着地するページを指します。小さな事業者が「LPを作りたい」と言うときは、多くの場合、1つの商品やサービスについて縦に長い1ページで説明し、申し込み、予約、問い合わせ、購入といった1つの行動につなげるページのことです。LP制作とは、このページの構成と原稿を考え、形にし、公開した後に数字を見て直していく一連の仕事です。

広告からLPに着地し、スマホで縦長のページを読み進める女性のイラスト
LPを見る人の多くは、広告やSNSから来て、スマホで上から順に読み進めます。途中で迷わせない順番が大切です。
LPとホームページの違い
比べる点LPホームページ
目的1つの行動(申し込み、予約、購入など)をしてもらう事業の全体を知ってもらい、信頼してもらう
ページの数縦に長い1ページが基本トップ、サービス、会社案内など複数ページ
来る人の入口広告、SNS、メール、チラシのQRコードなど検索、名刺、紹介など入口がさまざま
ほかのページへのリンク行動以外の出口をできるだけ減らすメニューから自由に行き来できる
直し方数字を見ながら、見出しや順番を入れ替えて試す情報が変わったときに更新する

LPとホームページは、どちらかがあればよいというものではありません。ホームページで事業の全体と信頼を伝え、期間限定の講座や新しいサービスなど、申し込みを集めたいものだけをLPにする、という使い分けがよく見られます。

LPが向いている場面と向いていない場面

  • 向いている: 広告を出して、講座や体験、商品の申し込みを集めたい
  • 向いている: イベントやキャンペーンなど、期間と内容が決まった1つの告知をしたい
  • 向いている: 新しいサービスを始める前に、反応を見てみたい
  • 向いていない: 事業の全体や、複数のサービスをまとめて紹介したい
  • 向いていない: お知らせや実績を、これから増やし続けたい

向いていない場面でLPを作ると、1ページに情報を詰め込みすぎて、何を申し込めばよいのか分からないページになりがちです。複数のサービスがあるなら、ホームページを土台にし、申し込みを集めたいサービスだけをLPにする方が、見る人にも作る人にも負担が少なくなります。

してほしい行動で変わるLPの種類

してほしい行動ごとのLPの種類
種類してほしい行動厚くするブロック
申し込み型講座、体験、相談の申し込み悩みへの共感、流れ、よくある質問
資料請求型資料のダウンロードや送付の依頼資料で分かることの説明、入力項目の少なさ
購入型商品をその場で買う商品の写真、料金と送料、返品の条件
告知型イベントやキャンペーンへの参加日時と場所、定員、参加の方法

同じLPでも、してほしい行動によって厚くするところが変わります。購入型ならその場で買ってもらうために料金と条件を分かりやすく、申し込み型なら申し込んだ後の不安を減らすために流れとよくある質問を丁寧に書きます。自分のLPがどの種類に近いかを先に決めておくと、構成を組むときに迷いにくくなります。

LPの作り方の全体像

LPを作る作業は、考える、作る、育てる、の3つの段階に分かれます。初めて作る方ほど、真ん中の「作る」から始めたくなりますが、成果を左右するのは前の「考える」段階です。全体の流れは次のとおりです。

図解・流れLPの作り方の全体の流れ
  1. 1してほしい行動を1つ決める申し込み、予約、問い合わせ、購入のどれか
  2. 2誰に向けるかを決めるどんな悩みや望みを持った人か
  3. 3伝える約束を1つに絞る申し込むと何が得られるか
  4. 4構成を組む読む人の疑問に答える順番に並べる
  5. 5原稿と写真をそろえる見出し、本文、よくある質問、写真
  6. 6見た目を作って組み立てるスマホで読みやすい形にする
  7. 7計測を設定する訪問と申し込みの数が分かるようにする
  8. 8公開して、数字を見て直す1か所ずつ直して比べる

見た目を作るのは6つ目からです。その前の5つで、誰に何をどう伝えるかと、原稿と写真を固めておくと、組み立ては早く進みます。

考える段階に時間をかける

制作の相談でも、「見た目をおしゃれにしたい」という要望から話が始まることはよくあります。ただ、誰に何を約束するページなのかが決まらないまま見た目を作ると、後から文章を差し替えるたびに見た目も崩れ、作り直しが増えます。最初の3つが決まっていれば、構成も原稿も自然に方向が定まります。

広告とページの中身をそろえる

広告から来る人は、広告に書かれていたことを確かめにLPを開きます。広告の言葉と、LPの最初の画面に書かれていることが違うと、すぐに閉じられてしまいます。Google も広告のヘルプで、広告で示した特典や呼びかけた行動を、ランディングページでもすぐに確かめられるようにすることや、重要な情報をページの上部に置くことを勧めています(出典: Google 広告 ヘルプ「ランディング ページを最適化してコンバージョンを促進」)。

作り始める前に手元にそろえるもの

  • 商品やサービスの説明(普段お客さんに話している内容のメモでよい)
  • 料金、期間、定員、支払い方法などの事実の情報
  • お客様からいただいた声や、実績を示せる資料(載せてよいか了解を得たもの)
  • 人物、場所、商品、サービスの様子の写真
  • 事業者名、住所、電話番号など、表示が必要な事業者の情報

LPは公開してからが本番

LPは、作った時点で完成ではありません。公開して実際の数字を見て、見出しや順番を直していくことで、少しずつ申し込みにつながるページになります。作る段階で完璧を目指すより、直しやすい形で早く公開する方が進めやすくなります。

LPの構成の基本と各ブロックの役割

LPの構成は、読む人の頭に浮かぶ疑問に、浮かぶ順番で答えていく形が基本です。「これは自分に関係あるか」「本当に解決するのか」「いくらで、どうすれば申し込めるのか」という順に答えを置きます。よく使われる並びは次のとおりです。

LPの構成の基本の並びと、各ブロックで書くこと
ブロック役割書く内容の例
最初の画面(ファーストビュー)自分に関係があると思ってもらう誰のための何か、得られること、申し込みボタン
悩みや望み読む人の状況を言葉にして、続きを読んでもらうよくある悩みや、こうなりたいという望み
解決の方法と特徴なぜこれで解決するのかを伝えるサービスの中身、ほかとの違い、進め方
根拠信じてよい理由を示す実績、資格、お客様の声、写真
料金と申し込みの条件いくらで、何が含まれるかを示す料金、期間、定員、支払い方法
申し込みの流れ申し込んだ後を想像してもらう申し込みから利用までの手順
よくある質問最後の不安を取り除くキャンセル、準備するもの、対象外の人
申し込み行動してもらうフォームやボタン、電話番号
事業者の情報誰が売っているのかを示す事業者名、住所、連絡先、必要な表示

この並びは型の一つで、扱うものによって入れ替えてかまいません。値段が安く、すぐ申し込める商品なら、根拠より先に料金を見せる方が親切なこともあります。高額で検討に時間がかかるサービスなら、根拠と流れを厚くします。大切なのは、読む人の疑問の順番に沿っているかどうかです。

最初の画面で伝える3つのこと

LPを開いた人の多くは、最初の画面だけを見て、読み進めるかどうかを決めます。ここで伝えるのは、誰のためのものか、何が得られるか、どうすれば申し込めるか、の3つです。写真だけで文字がない最初の画面は、スマホでは何のページか伝わりにくくなります。見た目の考え方はLPのデザインの考え方で詳しく説明しています。

申し込みボタンの置き場所と言葉

申し込みボタンは最後に1つだけではなく、最初の画面、料金の後、ページの最後など、読む人が「申し込もう」と思いそうな場所に置きます。ボタンの言葉は「送信」より、「無料体験を予約する」「資料を受け取る」のように、押すと何が起きるかが分かる言葉にします。押した後のフォームの入力項目も、本当に必要なものだけに絞ってください。

料金とよくある質問の書き方

料金は、読む人が最後まで探す情報です。金額だけでなく、何が含まれていて、ほかに何がかかるのかまで書きます。分かりにくい料金表は、それだけで申し込みをためらわせます。よくある質問は、実際に聞かれたことを中心に、キャンセルや返金、準備するもの、対象にならない人など、申し込む直前に気になることを並べます。答えは短く、言い切れる事実で書いてください。

お客様の声や実績を載せるときの注意

お客様の声は根拠として大切ですが、作った声や、頼んで書いてもらったことを隠した感想を載せてはいけません。広告であることを隠す表示は、景品表示法の規制の対象になっています(出典: 消費者庁「ステルスマーケティングは景品表示法違反となります」)。実際にいただいた声を、本人の了解を得て載せてください。実績の数字も、根拠を示せるものだけにします。

LPの作り方で最初に決める、誰に何をしてほしいか

構成を組む前に、次の3つを1つずつに決めます。どれかが2つ以上あると、LPはとたんに読みにくくなります。迷ったら、いちばん申し込んでほしい人と、いちばん申し込んでほしいものを選んでください。

  1. してほしい行動を1つ: 申し込み、予約、問い合わせ、資料請求、購入のどれか。複数あると、読む人はどれを選べばよいか迷う
  2. 向ける人を1人: 年齢や立場より、どんな悩みや望みを持ってこのページに来るかで決める
  3. 伝える約束を1つ: 申し込むと何が得られるか、何が変わるかを1文で言えるようにする

例えば料理教室なら、「平日の夜に、仕事帰りに通える少人数の教室を探している人に、体験レッスンを予約してもらう。約束は、包丁の使い方から1回で1品作れるようになること」のように1文にします。この1文が書ければ、最初の画面の見出しも、ボタンの言葉も、ほぼ決まります。

読む人の不安と質問を書き出す

向ける人が決まったら、その人が申し込む前に抱きそうな不安と質問を、思いつくだけ書き出します。普段お客さんから聞かれること、問い合わせで多いこと、自分が逆の立場なら気になることを並べると、LPに書くべきことの材料がそろいます。

書き出しておきたい不安と質問の例

  • 自分に合うか、初めてでも大丈夫か
  • 本当に効果や変化があるのか、何を根拠に言えるのか
  • 料金はいくらで、ほかに費用はかかるか
  • 申し込んだ後、何をすればよいか
  • 合わなかったとき、やめられるか、返金はあるか
  • 誰がやっているのか、信頼できるか

書き出した質問は、そのまま構成の材料になります。答えを短い文にし、似たものをまとめると、悩み、解決の方法、根拠、料金、流れ、よくある質問の各ブロックに振り分けられます。入口が広告なら、広告で使う言葉もこの段階で決めておくと、広告とページの中身がそろいます。

入口が違えば、最初の画面も変える

同じサービスでも、広告から来る人、SNSのフォロワー、チラシのQRコードから来る人では、知っていることが違います。入口ごとに読む人の状況が大きく違う場合は、最初の画面の見出しだけを変えたLPを入口ごとに用意する方法もあります。

初心者のためのランディングページの作り方、原稿をそろえる手順

初心者がランディングページを作るとき、いちばん時間がかかるのは原稿です。見た目のテンプレートはいくらでもありますが、中に入れる言葉は自分で用意するしかありません。原稿を先に固めておけば、どのツールを使っても、流し込むだけで形になります。

ランディングページの作り方として、付箋を縦に並べて原稿の順番を決める料理教室の先生のイラスト
質問と答えを付箋に書き、読む人の疑問の順番に並べ替えると、原稿の骨組みができます。
  1. 前の見出しで書き出した不安と質問に、それぞれ2〜3文で答える
  2. 答えの中から、いちばん伝えたい一文を選び、各ブロックの見出しにする
  3. 見出しを、読む人の疑問の順番に並べ替える
  4. 各ブロックに合う写真や図を決める(足りない写真は撮影の一覧にする)
  5. 料金、期間、申し込み条件、事業者の情報など、事実の情報をそろえる
  6. 全体を声に出して読み、分かりにくいところや言いすぎを直す

6つ目の読み上げは、手間に見えて大切な作業です。自分では当たり前の専門用語が、初めての人には伝わらないことに気づけます。家族や知人に読んでもらい、「何を申し込むページか」「いくらか」をすぐ答えられるか確かめるのも、よい確認の方法です。

見出しだけで流れが分かるように書く

LPを読む人の多くは、本文をすべて読まずに、見出しを拾いながら下へ進みます。見出しだけを上から順に読んでも、何のサービスで、なぜ良くて、いくらで、どう申し込むのかが分かるように書いてください。「特徴」「料金」のような名札のような見出しより、「仕事帰りでも通える少人数のレッスン」のように、そのブロックで伝えたい一文を見出しにする方が、読み飛ばす人にも中身が伝わります。

表現で気をつけたい法律の決まり

LPは申し込みを集めるページなので、つい言葉が強くなりがちです。品質や効果を実際より大きく見せる表示や、料金や条件を実際より有利に見せる表示は、景品表示法で禁止されています(出典: 消費者庁「表示規制の概要」)。「必ず」「誰でも」のような言い切りや、根拠のない比較は避けてください。

LPから直接、商品の購入やサービスの申し込みを受ける場合は、特定商取引法の通信販売の広告に当たることがあり、事業者の名前、住所、電話番号、料金、支払いの時期と方法、引き渡しの時期、返品の条件などを表示する必要があります(出典: 消費者庁 特定商取引法ガイド「通信販売広告について」)。医療や士業など、業種ごとに広告の決まりがある場合は、そちらも確かめてください。

迷ったら言いすぎより、具体的な事実を

「最高の」「圧倒的な」と書くより、「1回のレッスンで1品作る」「定員は1回につき数名まで」のように、確かめられる事実を書く方が、読む人の信頼につながり、表示の決まりにも触れにくくなります。

写真と図をそろえる

LPは縦に長いため、文字だけが続くと途中で読むのをやめられてしまいます。サービスを受けている様子、作る人や教える人の顔、使う場所、手順の図などを、原稿の段落ごとに置けるようにそろえます。素材写真だけで作ると、どこにでもあるページに見えやすいので、少なくとも最初の画面と、人物の写真は自分のものを用意するのが理想です。

無料で作るランディングページの作り方とツールの限界

ランディングページは、ホームページの作成サービスの無料プランやテンプレートを使って、費用をかけずに作ることもできます。試しに作って反応を見る、身近な人だけに案内する、という使い方なら、無料でも十分に役立ちます。ただ、広告を出して申し込みを集めるとなると、無料のままでは足りないことが出てきます。

ランディングページを作る方法ごとの、できることと限界
作る方法できること気をつけたい限界
作成サービスの無料プランテンプレートで1ページを作り、サービスのURLで公開する広告やバナーが出る、URLにサービス名が入る、計測の機能が限られることがある
作成サービスの有料プラン独自ドメイン、広告の非表示、計測ツールとの連携など毎月や毎年の利用料がかかる。仕様はサービスの決まりしだい
WordPressのテーマLP向けのテーマやブロックで組み立てるサーバーとドメインの準備、更新の手間がかかる
HTMLとCSSで一から思いどおりの構成と動きにできるコードの知識が要る。直すたびに書き換える

例えばStudioの料金プランのページでは、GoogleアナリティクスやGoogleタグマネージャーとの連携が有料のプランの機能として書かれています(Studio 料金プラン)。また、1ページの作成でよく名前の挙がるペライチは、フリープランで公開できるページ数を0にし、公開には有料プランが必要になると案内しています(ペライチ お知らせ)。無料で作るつもりでも、公開と計測に何が要るかを先に確かめてください。

各サービスの無料プランの違いはホームページを無料で作成できるサービスで比べています。ペライチを使う場合の特徴と向いている人はペライチの特徴と向いている人にまとめています。

すでにホームページがある場合は、その中に申し込み用のページを1枚作り、LPとして使う方法もあります。新しいサービスを契約する必要がなく、独自ドメインもそのまま使えます。ただし、ホームページのメニューやほかのページへのリンクが並んでいると、読む人の気が散りやすいため、そのページだけはメニューを減らすなどの工夫をします。

広告を出すなら確かめておきたいこと

広告の受け皿にする前に確かめること

  • 申し込みの数を数えられるか(計測ツールを入れられるか)
  • フォームの回答の受け取りに、件数などの上限がないか
  • ページにサービスの広告やバナーが出ないか
  • スマホで開いたときに、表示が遅くないか
  • 広告とページの言葉がそろっているか

とくに1つ目の計測は大切です。何人が見て、何人が申し込んだかが分からないと、広告にかけたお金が役に立っているのか判断できません。無料で作る場合でも、ここだけは早めに整えておいてください。

公開した後に見る数字と、直す順番

LPは公開した後、数字を見て直すことで育っていきます。一度にたくさん変えると、何が良くて何が悪かったのか分からなくなるので、1か所ずつ直して比べるのが基本です。

図解・くり返し公開後に数字を見て直す流れ
  1. 01数字を見る訪問した数と申し込みの数
  2. 02原因の見当をつけるどこで読むのをやめているか
  3. 031か所だけ直す見出し、ボタン、順番など
  4. 04期間をおいて比べる直す前と後で数字を並べる

01 に戻って、くり返す

直すのは1回に1か所だけにし、一定の期間をおいて前と比べます。この流れをくり返すことで、申し込みにつながるページに近づいていきます。

公開後に見たい数字と、そこから分かること
見る数字分かること次にすること
訪問した数広告や投稿から何人が来たか少なければ、ページより入口(広告や投稿)を見直す
申し込みの数と、訪問に対する割合来た人のうち、どれだけが申し込んだか低ければ、最初の画面と申し込みボタンから直す
どこまで読まれたか途中のどこで読むのをやめているかやめられている場所の前のブロックを直す
入口ごとの違いどの広告や投稿から来た人が申し込みやすいか申し込みやすい入口に力を入れる

直す順番の目安

直すときは、多くの人の目に触れる場所から順に手を入れます。最初の画面の見出し、申し込みボタンの言葉と位置、読む人の不安への答え(よくある質問や流れ)、見た目の細部、の順です。見た目を大きく変えるのは、言葉と順番を直しても動かないときで十分です。数字の測り方と、反応がないときの直し方はLPの効果測定のやり方で詳しく説明しています。

数字が少ないうちに判断しない

公開してすぐは、訪問した数も申し込みの数も少なく、たまたまの偏りが大きく出ます。数人が見ただけで「このページはだめだ」と作り直すと、良いところまで消してしまいかねません。ある程度の人数が見るまで待ってから判断する、直す前と後で同じくらいの期間を比べる、といった落ち着いた見方をしてください。

LPを自分で作るか、外注するかの目安

LPは自分でも作れますが、構成と原稿に時間がかかり、公開後の見直しも続きます。自分で作る場合と外注する場合を、公平に並べると次のとおりです。

LPを自分で作る場合と外注する場合の違い
比べる点自分で作る外注する
出ていくお金小さい。ツールの利用料や素材の費用制作費がかかる。中身と範囲で変わる
構成と原稿自分で考える。商品に詳しい分、伝えたいことは分かっている聞き取りをもとに、読む人の目線で組み立ててもらえる
かかる時間原稿と組み立てに自分の時間を使う打ち合わせ、素材の用意、確認が中心
公開後の見直し思い立ったときにすぐ直せる直す範囲と料金を決めておく必要がある
表現の確認自分で法律や業界の決まりを調べる依頼先の知見を借りられることがある

外注した方がよい条件

  • 広告にまとまった費用をかける予定で、受け皿のページの出来が広告費の無駄に直結する
  • 商品やサービスの強みを、自分では言葉にしにくい
  • 本業が忙しく、原稿を書く時間が取れない
  • 訴求を変えた案を複数作って比べたい
  • 計測の設定や、フォームと外部サービスの連携に自信がない

反対に、まず少ない人数に案内して反応を見たい段階なら、自分で作って小さく始めるのも十分に成り立つ方法です。自分で作った原稿は、外注するときにもそのまま材料になります。外注の費用の決まり方はLP制作の費用相場に、外注するときの流れと準備はLP制作の流れにまとめています。ホームページも含めた制作費の考え方はホームページ制作の費用相場で説明しています。

外注するときに用意しておくと話が早いもの

外注の相談の前に用意しておきたいもの

  • してほしい行動、向ける人、伝える約束の3つを書いた1文
  • 書き出した不安と質問のメモ
  • 料金や条件などの事実の情報と、使える写真
  • 広告を出す予定があれば、その媒体とおおよその時期
  • 参考にしたいLPと、その理由

uparia でもLPの制作をお受けしています。LPは内容と範囲によって作業の量が大きく変わるため、料金はお見積りです。制作実績には、訴求を変えたA/B 2案を用意した広告LPなどのサンプルを、依頼主が特定されないよう架空の名前で載せています。進め方はLP制作のサービスで、作り込みの例は制作実績で確かめられます。

LPの作り方を詳しく知るための記事一覧

LPについての疑問を、テーマごとに別の記事で詳しく説明しています。気になるところから読んでみてください。

  • LPのデザインの考え方:申し込みにつながる見た目の考え方
  • LPの効果測定のやり方:数字の測り方と、反応がないときの直し方
  • LP制作の流れ:LPを外注するときの流れと準備
  • LP制作の費用相場:LPの費用の決まり方

LPではなく、事業の全体を案内するホームページから考えたい場合はホームページを無料で作成できるサービスも参考にしてください。

よくある質問

LPとホームページは、どちらを先に作ればよいですか?

目的によります。事業をまず知ってもらい、信頼してもらうことが先なら、ホームページから作ります。すでにホームページがあり、特定の講座や商品の申し込みを広告で集めたいなら、LPを作る意味が大きくなります。両方を持つ場合は、LPからホームページへのリンクは控えめにし、申し込みに集中してもらう作りにします。

LPの長さはどのくらいがよいですか?

決まった長さはありません。安くてすぐ申し込める商品なら短めでよく、高額で検討に時間がかかるサービスなら、根拠や流れ、よくある質問を厚くして長くなります。読む人の不安にすべて答えられているか、答えていない疑問が残っていないかで判断してください。

LPにほかのページへのリンクを置いてもよいですか?

置いてもかまいませんが、申し込み以外の出口が多いと、読む人がほかのページに移ったまま戻らないことがあります。特定商取引法の表示やプライバシーポリシーなど必要なリンクは置き、それ以外は最小限にするのが一般的です。

LPはスマホとパソコンのどちらに合わせて作ればよいですか?

両方で読みやすくする必要がありますが、広告やSNSから来る人はスマホで見ることが多いため、スマホの画面で原稿と順番を確かめながら作るのが進めやすい方法です。作った後は、パソコンの画面でも崩れていないかを確かめてください。

LPの原稿をAIに書いてもらってもよいですか?

下書きや言い回しの案を出してもらうのは役に立ちます。ただ、AIが出す文章は一般的な内容になりがちで、料金や実績、自分のサービスならではの強みは自分で書き直す必要があります。根拠のない効果の表現が混ざっていないかも、必ず自分で確かめてください。

CONTACT

まず資料で確かめるか、相談して決めるか。

料金プランと制作の流れは資料にまとめています。
自分の場合はどうなるかを知りたいときは、無料相談でお聞かせください。

contact@uparia.com