LP(ランディングページ)の構成と作り方|8ブロックの型

発注ガイド|LP(ランディングページ)の構成と作り方|8ブロックの型

ここで扱うLP(ランディングページ)は、特定の商品・サービスを説明し、申し込みや問い合わせへ案内するページです。

申し込みフォームや会社情報を別ページに置くこともあります。すべての手続きを1ページ内で完結させる必要はありません。

読者が判断するための情報を1ページにまとめ、必要な会社情報や利用条件への導線も確保します。

この記事では、構成の型と、各ブロックに何を書くかを具体的に解説します。

この記事で分かること

  • 通常のサイトとの違いと、LPを使うべき場面
  • 8ブロックの構成の型
  • ファーストビューとCTAの作り方
  • よくある失敗
目次

通常のホームページとの違い

スクロールできます
比較項目通常のホームページLP
目的会社を知ってもらう1つの行動をしてもらう
ページ数複数1ページ
メニューあり(回遊させる)なし、または最小限
外部リンクあり目的に必要なリンクは残す
主な流入検索広告・SNS・チラシのQRコード
成果の測り方複数の指標申込率・問い合わせ数など、目的に合わせて確認

主な行動への導線を分かりやすくすることが大切です。

メニューを減らす場合も、会社情報・問い合わせ先・プライバシーポリシー・申込条件など、判断や手続きに必要な情報を見つけられるようにしてください。

LPを使うべき場面・使わないほうがいい場面

LPを検討しやすい複数ページのサイトも検討する
広告を出す(費用をかけて集客する)複数の検索意図に答える記事を継続的に増やしたい
単一の商品・サービスを売る複数のサービスを紹介したい
期間限定のキャンペーン会社の全体像を伝えたい
セミナー・イベントの申込複数職種の募集・社員紹介を詳しく載せたい
資料請求を集める継続的に記事を増やしたい

LPも検索結果に表示される可能性があります。

1ページか複数ページかだけで決めず、読者の検索意図に答える情報を掲載できるかで判断してください。

幅広い疑問への回答や継続的な記事更新が必要なら、通常のサイトと役割を分ける方法もあります。

広告を使う場合は、広告で伝えた商品・条件とLPの内容を一致させてください。

LPを用意するだけで成果が上がるとは限らず、流入元・掲載内容・申込導線を確認して改善します。

構成の型|8ブロック

スクロールできます
順ブロック書く内容・用意する材料
1ファーストビュー対象者・提供内容・主な行動を短く示す
2共感相談や質問から、対象者が困る場面を具体化する
3解決策の提示提供範囲・進め方・納品物を示す
4証拠掲載許可のある事例・実績と、数値の期間や条件を示す
5選ばれる理由対応範囲・体制・手順など、確認できる違いを示す
6料金・プラン料金・含まれる作業・追加費用・見積条件を示す
7よくある質問納期・対象外・申込後の流れなど、判断に必要な疑問に答える
8CTA(行動の誘導)申込先と、送信後に何が起きるかを示す

この8ブロックは原稿を整理するための型で、必ずこの順番にする必要はありません。

料金や対象条件を先に知りたい読者なら、その情報を前へ移します。

CTAは、ファーストビュー・料金や条件を確認した後・ページ末尾など、読者が判断できる位置に配置します。

回数を固定せず、同じ主な行動に進めるか、本文の読みやすさを妨げないかを確認してください。

ファーストビューで伝えること

ファーストビューは、ページを開いてスクロールせずに見える範囲です。

対象者と提供内容がすぐに分かるようにし、料金・条件・事例など続きの判断材料につなげます。

入れる4要素

要素内容
誰向けか「◯◯でお困りの方へ」と明示する
何が得られるか具体的に。抽象的なキャッチコピーにしない
根拠実績数、導入社数、受賞歴など(あれば)
CTAボタンここにも置く

避けたい書き方

抽象的な表現対象・内容を具体化した例
心を、つなぐ。採用担当者向けに、募集要項と社員紹介を整理する採用サイト制作
高品質なサービスを提供します戸建て住宅の断熱改修について、工事範囲と費用を相談できる工務店
あなたのビジネスを加速する問い合わせ導線とフォームの使いにくさを点検するサイト改善

右側は表現の例です。

実際に提供する対象・内容に合わせ、実績数や改善率を載せる場合は裏づけとなる記録と集計条件を確認してください。

PCとスマートフォンの両方で、文字・画像・ボタンの見え方を確認してください。

端末別の流入割合は実際のデータで確認し、小さい画面でも対象者と提供内容を読み取れるようにします。

CTAの設計

文言を具体的にする

行動が曖昧な例行動を具体化した例
送信する見積もりを依頼する
お問い合わせ相談を予約する
詳しくはこちら資料をダウンロードする

押した後に何が起きるかが分かる文言を使い、ボタン名と移動先の内容をそろえてください。

無料・所要時間・対応期限などを付ける場合は、実際の条件に合わせます。

リンクの目的が伝わる書き方は、W3Cのリンク目的の解説も参考になります。

心理的なハードルを下げる

ボタンの近くに、申し込み前に知りたい条件を添えます。

  • 入力に必要な項目と、任意・必須の区別
  • 送信後の連絡方法と相談の流れ
  • 実際に対応できる返信の目安と受付時間
  • 個人情報の利用目的とプライバシーポリシーへのリンク

一律の約束文を使うのではなく、実際の対応体制や個人情報の取り扱いに合わせて記載してください。

スマートフォンの固定表示を使う場合

固定CTAを使う場合は、本文・フォーム・同意欄を隠さないか確認してください。

入力中のキーボードやサイト共通の固定要素と重ならず、読者が必要な情報を読んで操作できることを優先します。

作る前に決める3つ

決めることなぜ
ゴールを1つに絞る主な成果を決め、補助的な行動の役割も整理する
誰に見せるか読者の疑問に合わせて、説明と証拠を選ぶ
どこから流入させるか広告/検索/SNS/チラシのQRコードで、事前に見た情報が異なる

広告から来る読者が、広告で見た内容・料金・申込条件をLPでも確認できるようにします。

Google広告の公式ガイドも、広告との一致、重要な情報の配置、操作しやすさを説明しています。

流入元が決まっていなければ、ホームページの集客方法と選ぶ順番で、自社の体制に合う方法を整理してください。

構成案に落とし込む手順

最初に「対象者」「困っている場面」「提供内容」「主な行動」「流入元」を1枚のメモにまとめます。

次に、8ブロックの表に沿って、使える説明・写真・事例・料金条件を割り当ててください。

不足する材料を確認してから見出しと本文を作ると、デザイン後の大きな手戻りを減らしやすくなります。

公開前のチェック

  • 広告・案内文と、対象者・料金・申込条件が一致しているか
  • 事例や数値の出典・集計条件・掲載許可を確認したか
  • PCとスマートフォンで、文字・表・画像・ボタンが読めて操作できるか
  • CTAが意図したフォームや申込先に移動するか
  • フォームの必須項目・確認画面・完了案内・通知先が想定どおりか
  • 主な成果を何で数えるか、公開後に誰が確認するかを決めたか

よくある失敗

失敗なぜ問題か
LPを作れば売れると思っている流入元と運用方法を決めず、公開だけで成果を期待している
主な行動への導線が分かりにくい必要な情報と申込先を見つけにくくなる
ファーストビューが抽象的誰向けで何を提供するページか伝わりにくい
料金を書かない費用や見積条件を判断できない
説明が重複している必要な条件や根拠は残し、同じ説明の繰り返しを整理する
画像が重い内容が表示されるまで待ちにくくなる
作って放置する数字を見て改善するのが前提のページ

制作と集客をセットで計画してください。

広告を使う場合は広告予算と運用費を、検索・SNS・紹介などを使う場合は情報整備や継続運用の時間を見積もります。

表示速度は実際に測定し、画像などの原因を確認してから改善します。

測定と対策の手順は表示速度の改善をご覧ください。

公開後にやること

LPは作って終わりではなく、数字を見て直すページです。

  • 申込率の定義を決める。例えば「LPを訪問したセッションのうち、申込完了があったセッションの割合」とし、同じ対象期間・集計条件で比べる
  • スクロールなどの補助指標を、計測できる範囲と条件を確認して見る
  • 流入元・端末別の申込率とフォームの使いにくさを確認する
  • 文言や配置を変える前に、比較する指標と期間を決める

CTAのクリックと申込完了は区別し、申込完了が二重に数えられていないかを確認します。

送信件数を集計する場合は、セッション単位の申込率と混同しないようにします。テスト送信・重複・迷惑投稿を区別し、受付記録と照合してください。計測漏れがある場合は、実際の申込数と解析ツールの値が一致するとは限りません。

問い合わせ件数だけでなく、対象条件に合う相談だったか、対応につながったかも別に記録します。件数が増えても対象外の相談ばかりなら、料金・対象・対応できない範囲の説明を見直す材料になります。

文言を変更した前後では、広告や流入元の変化も記録し、件数が少ない段階で効果を断定しないでください。

測り方はGA4・Search Consoleの初期設定を、フォームの改善は問い合わせフォームの改善をご覧ください。

よくある質問

Q. 費用はどのくらいですか?

原稿・写真・デザイン・フォーム実装・公開後の運用など、依頼する範囲で変わります。

費用を比べる際の項目はLP制作費用の相場で確認し、見積もりでは含まれる作業と追加費用を照合してください。

広告を使う場合は、制作費とは別に広告予算と運用費も計画します。

Q. どのくらいの長さにすべきですか?

長さより、判断に必要な情報がそろっているかで考えてください。

料金・条件・事例・申込後の流れを読者が理解できるか確認し、重複や関係のない説明を減らします。

Q. 既存サイトの1ページとして作れますか?

作れます。

主な行動への導線を整理し、メニューを減らす場合も必要な会社情報や利用条件を確認できるようにしてください。

ページ単位の表示変更が必要なら、テーマの対応範囲を確認します。

Q. 検索からも人を集められますか?

可能性はありますが、順位や流入は保証されません。

GoogleのSEOスターターガイドを参考に、検索エンジンがページを見つけられる状態と、読者に役立つ内容を整えてください。

広いテーマを扱う記事群が必要な場合は、通常のサイトとLPの役割を分けます。

まとめ

  • LPは主な行動を決めるページ。判断に必要な情報と導線は残す
  • 流入元と運用方法を決め、制作と集客をセットで計画する
  • 構成は8ブロックを出発点に、読者の疑問と手元の材料で組み立てる
  • ファーストビューで対象者と提供内容を伝える
  • CTAの文言は押した後に何が起きるかが分かるように
  • 広告の文言とLPの内容を一致させる
  • 公開後に数字を見て直すことが前提

通常のサイトの設計はコーポレートサイトに必要なページをご覧ください。

CONTACT

お問い合わせ

成果を出すホームページ制作は私たちにおまかせください。
まずはお気軽にご相談を!

目次