Skip to content
Back to Blog landing-page-structure
LP

初めてでも分かるランディングページの構成

ランディングページとは、Webの縦長の1枚の「チラシ」のようなページのことです。本記事では、効果的なランディングページの構成と作り方をわかりやすく解説します。

「ランディングページ」という言葉には2つの意味があります。
一つはホームページのなかでユーザーが最初にアクセスして着地したページのこともう一つは、1枚のチラシのような縦長レイアウトのページ」のことです。本記事では後者の意味で扱っています。

ネット集客・販売においては、このランディングページが入り口になっていることが多く、今日では必須とも言えるのではないでしょうか。

ランディングページを作る目的には「販売」「顧客リストを集める」の2つが挙げられます。これらを満たす効果的なランディングページの構成とはどのようなものなのか。ぜひ最後までお読みください。

<目次>

ランディングページの構成

LPの構成としては、「起承転結」「結」という結論を最初に置き、それから「起承転」と順序立ててイメージすると分かり易いでしょう。

基本的な構成は以下のようになります。

  ファーストビュー ボディ クロージング
ユーザーの状態 商品を買ったという[結]のイメージを目にする 悩みがあり[起]、解決策を探す[承] 問い合わせ・購入の行動を起こす[転]
概要 ユーザーが最初に見る画面
この部分の良し悪しでスクロールしてもらえるか決まる

LPの本体

商品・サービスの価値をアピールする

実際に問い合わせや購入といったアクションに繋げる場所
迷っているユーザーの背中を優しく一押しする
要素 ・キャッチコピー
・アイキャッチ画像
・CTAの設置
・悩みの共感
・商品・サービスの説明
・お客様の声、導入実績
・よくある質問
・期間限定の特典
・問い合わせ・申込みフォーム

 

ファーストビューが最も重要

「ファーストビュー」とはユーザーがWebページを開いたときにページをスクロールしない状態で最初に目に入る部分のことです。

ユーザーはファーストビューで入手した情報だけで、スクロールするかページを閉じるかを判断しますLPのファーストビューでの離脱率は60%とも70%とも言われています

ファーストビューの出来栄え次第でLPのコンバージョン率や離脱率が大きく変動しますので、しっかりと作り込みましょう。LPでのファーストビューの位置づけとしては、以下の3つが挙げられます。

キャッチコピー

ユーザーが商品に興味をもつきっかけは、キャッチコピーのインパクトではないでしょうか。 しかし、ただインパクトがあるだけではいけません。いかにユーザー目線で自分ごと化』できているかが重要です。

自己人は、自分に関係のある事にしか興味を持ちません。ユーザーにとって「この商品は自分に関係のあるものだ(=自分ごと化)」と理解してもらう必要があるのです

そこで、後述する「ペルソナ」の設定が活かされてきます。ペルソナに抱いて欲しい「イメージ」を決め、伝えたいメッセージを絞り込み、端的に表現します。決して事実と異なる表現を使ってはいけません。

アイキャッチ(メイン)画像

人間の五感のうち視覚からの情報収集は8割を超えており、視覚から得た情報の記憶時間は、聴覚のそれよりも長いと言われています

視覚2ですので、アイキャッチ画像を見るだけで商品を購入したあとの明るいイメージが湧くように設定する必要があります

画像以外ではアニメーションやスライドショーなども有効です。

アイキャッチ画像を設定することで記事が目立つようになりますので、クリック率が上がります。また、滞在時間を伸ばすことにも繋がるでしょう

CTAの設置

CTA(Call to Action)は、コンバージョンボタンとも呼ばれます。クリックしてください

簡単に言えば、ユーザーが問い合わせや購入といったアクションを取る際に必要となるクリックボタンを設置しましょう、ということです。

ランディングページ全体の調和を乱さないように、且つハッキリと存在のわかるボタンがおすすめです。

ファーストビューの段階ですでに問い合わせ・購入をしようと考えているユーザーもいますので、CTAの設置は必須です。

 

ボディはLPの本体

ボディはまさしくランディングページの本体です。

ユーザーが抱えている悩みを的確に掘り起こし、自社の商品・サービスが解決策になることをあらゆる角度から説明していきます。
ファーストビューの文言の解説、裏付けとなるデータを提供する場所でもあります。

悩みの共感(問題提起)

まず、ユーザーと商品の距離を縮めます。具体的には、ペルソナの悩みや課題を言語化するのです。

ファーストビューでは「商品購入後の明るいイメージ」を提供していますが、では現状どのような悩みを抱えているのか?「購入後の明るいイメージ」とのギャップがあるはずです。

ユーザーの悩みを代弁し共感の姿勢を示すことで、「自分の課題を分かってくれている」「自分がこの商品のターゲットだ」と理解してくれます。ユーザー目線であり、実体験に基づいた表現が適しています。見当違いな悩みを挙げないように、事前のリサーチはしっかり行いましょう。

また、言語はペルソナが一番理解できるワードを使用することがポイント。彼らがふだん使用している言葉に合わせましょう。BtoBかBtoCかでも変わってきます。

商品・サービスの説明(解決方法の提示)

悩みを共有したあとは、その解決方法がこの商品にある という説明をしていきます。

統計的根拠、科学的根拠、医学的根拠、さまざまなデータを活用しましょう。
身体に使用する商品であれば、成分の詳細と安全性を示すデータが必要です。目には見えないサービスを販売しているのであれば、開発にどのような専門家が携わっているかや導入後のサポート体制まで数値化できると良いでしょう。

また、ベネフィット(benefit)を伝えることも非常に大切です。機能面のメリットだけでなく、商品・サービスを導入することで付属的に得られる「恩恵」が実はユーザー心理の核心をついているのではないでしょうか。悩みの解決もそこにあるはずです。

お客さまの声・導入実績

ここでは実際に商品・サービスを購入・導入している既存客の声の紹介をします。

それは、『本当に自分がこの商品を購入してもよいのかどうか』を決める根拠ともなるものです。企業側の声ではなく、支払いをして導入している実際のお客様の声ですから信憑性が非常に高いことが特徴です。

また、BtoBで導入実績を入れることは、顧客が名のある企業様であれば商品・サービスの権威付けにもつながります。

関連記事:効果を高める導入事例のデザインとは?参考例や検索サイトも紹介
関連記事:【BtoB】導入事例インタビュー 成功の流れとコツ/事前準備から当日まで

クロージングはお客様の迷いや不安を払拭する場所

ボディの部分で商品の購入意欲を高めたら、次はクロージングです。実際にアクションを起こしてもらいましょう。

よくある質問

「よくある質問」とは、ユーザーから頻繁に寄せられるであろう質問を、回答と対にしてまとめたものです。

よくある質問ユーザーにとっては企業に問い合わせる手間が省け、ランディングページ内の申込みフォームからすぐに注文できます。これにより受注数の拡大が望めます

さらに、企業にとってはユーザーからの問い合わせが減り業務が効率化します。

もしも購入後のアフターフォローがしっかりとしていないと分かると、購入には結びつきません。「よくある質問」ではその辺りの情報もしっかりと組み込みましょう。

期間限定の特典

不安がなくなると「買いたい」といった気持ちが芽生えてくるはずです。しかし緊急性がない場合、「時期を待って買おう・いったん頭を冷やそう・他社製品ともっと比べよう」など購入を引き延ばす理由が湧いてきます。

そんなユーザーの背中を優しく押すのが「期間限定の特典」です。 今月末まで、割引キャンペーン・お試し価格・送料無料など、「今が買い時」と思える特典がついていれば心のロックが外れ、申し込みフォームへと進んでもらえます。

申し込みフォーム

申込みフォームは、情報入力がいかに短時間でスムーズに終わるかが受注数を増やす鍵となります。

申込みフォーム手続きに時間がかかりすぎたり面倒だと感じられてはせっかくの購入意欲も薄れ、「もういいや」と離脱につながる恐れがあるからです。

もし継続的なサービスの申し込みであれば、今後もやりとりの度にこのように手間がかかるのかと思われるかもしれませんこれでは何のためにランディングページを作ったのか分かりませんよね。

必須情報の項目を最低限にとどめたり、郵便番号を入力すると町名までが自動で表示される機能を使うなどの工夫も必要です。

また、せっかく入力したのに赤字でエラーが表示されて先に進めないといったことが無いように、何がエラー対象になるのかが入力前に分かるようにしましょう。

冒頭でランディングページを作る目的は2つあると述べましたが、主目的が「顧客リスト集め」の場合であってもノンストレスで入力できる仕組みは必要です

また、商品カテゴリによってはスマートフォンで閲覧する人も多いので、ランディングページや入力フォームをスマートフォン表示にも最適化しておきましょう。

ランディングページを作るポイント

LPを作ろうと思ったとき、まずは作る目的」と「ペルソナ」の設定を行います。そして構成を決めてから、具体的なコンテンツ作成に取りかかるのです。

ここではコンバージョン率が上がるランディングページ作りのために覚えておいてほしいポイントを3つ解説します。

ペルソナ設定を的確にしよう

「ペルソナ」とは、その商品・サービスを使う詳細な人物像のこと
年齢・性別・職業・住居地・性格・好みなど、どんどん絞り込んでいきます。絞れば絞るほど、その“人”にどのようなアプローチをかけることで購入してもらえるのか見えてきます。

LPの打ち出しや訴求方法、デザインまでもがペルソナの設定によって変わってきます

ペルソナ訪れた見込み顧客に「この商品・サービスを使う対象は自分だ!」と気づいてもらえると、LPの内容を自分ごと化して読み込んでもらえます。

ペルソナに合った実装のランディングページを作ったあとは、運用と結果を検証しPDCAサイクルを回していくことが大切。Plan(計画)→DO(実行)→Check(評価)→ACT(改善)を繰り返し、継続的に改善を行っていきましょう。

関連記事:ペルソナの作り方を具体的に解説!メリットや注意点も紹介

 

流し読み対策をしよう

訪れたお客様は、ページを上から順に読んでくれると思っていないでしょうか。

残念ながら、ランディングページを閲覧するユーザーは基本的に流し読みをしています。ファーストビューで関心を持ったあとは、スクロールして読みやすいかをチェックしているのです。その中で何かが目に留まらない限り、中身を深く読んでくれることはありません。

ランディングページの中には興味を引く画像があったり、文字をところどころ大きくしたり装飾して目立たせているでしょう。そのような目立つ箇所だけを拾い読みしたときに、それだけでも商品の概要、魅力がユーザーに伝わる必要があります

そうすれば、ユーザーは改めて最初からじっくりとランディングページを読み始めてくれるのです。 LP制作後は再度この目線で見直しをしてみてください。

 

ABテストで比較検証をしよう

ABテストとは、AとBという2つパターンを用意し、どちらがより成果をあげる施策なのかを判断する方法です。 元となるランディングページAと、それに変化を加えたランディングページBを、一定期間あるルールに従った方法で表示し、顧客の行動を観察します。

ABテストデータは、通常コンバージョンかクリックを基準に測定されます。テストの結果として優秀だったほうのLPを採用することになります

具体的には、CTAボタンのデザインをAパターンとBパターンで比べた場合にどちらが注文数が多くなるのか。キャッチコピーの文言を比べた場合、どちらがスクロール率や滞在率が上がるのかなどの検証があるでしょう。

しかしABテストでは一度にたくさんの要素を変更したパターンでテストしてしまうと、どの項目の効果なのかわからないため、変化させる箇所は一か所にとどめておきましょう

 

ランディングページとWeb広告は相性が良い

ユーザーをランディングページへ誘導するにはWeb広告の併用がおすすめです。なぜなら、ランディングページは1枚のページでできているので、それ単体を目的とした流入は見込めないからです

Web広告ではきめ細かいターゲット設定(属性・地域・趣味など)ができます。これは、自社製品・サービスに興味のありそうなユーザーにターゲットを絞って広告を配信する機能です。

設定をおこなうことで、広告内容に興味を持ちそうなユーザーへ出稿でき、ユーザーが見たいランディングページを素早く表示し、誘導できます。

また、X,Facebook、InstagramといったSNSと併せることも有効です。商品・サービスのカテゴリやペルソナに合ったSNSの種類を選択しましょう。

関連記事:【2023年最新】Web広告の種類と特徴を徹底解説!

 

効果的なランディングページの構成を学び、成約率をあげよう

本記事では、初心者に向けてランディングページの構成を解説してきました。最大のポイントはユーザー目線で考えることで、離脱されにくいランディングページを制作できます。

Web広告と一緒に活用することでさらに成約率が高くなり、24時間働いてくれるセールスマンのような存在になり、多くの利益を生んでくれます。

ランディングページ専用のツールやテンプレートも存在していますので、実際にはそちらを利用することでスムーズに制作できるのではないでしょうか。

ぜひWebマーケティングでランディングページを活用してください。

関連記事:5分でわかる!ランディングページ(LP)とは?作るメリットをわかりやすく解説

Harmonic Society編集部

Harmonic Society株式会社の編集部です。7年を超えるライティング実績を強みに千葉でクリエイティブ制作を営んでいます。「経営の悩みを、言葉で解決する」ために、ヒアリングを通じて企業や製品・サービスの強みや魅力を言語化します。

shigotoka-ogp

Latest Articles

取材を受けるメリットと気をつけなければいけないこと

取材を受けるメリットと気をつけなければいけないこと

取材を受けるとどのようなメリット・効果があるか、取材する側・される側、両方の経験の豊富な筆者がご説明します。

期待するアクションにつなげるための取材とは

期待するアクションにつなげるための取材とは

記事制作において事前に取材する際、読者の行動をイメージできていますか?記者・広報の仕事を続けて30年の筆者が、伝えたいメッセージを伝え、期待するアクションを起こしてもらうための、効果的な取材についてご案内します。

ノーコードでのLP制作ならSTUDIOがおすすめな理由!

ノーコードでのLP制作ならSTUDIOがおすすめな理由!

LP制作はノーコード(プログラミング不要)で可能です。コーディングをする場合に比べて圧倒的に工数や手間を省くことができるので、LP制作にSTUDIOを活用する流れは今後も加速するでしょう。

LPライティングならお任せ!売れるランディングページの作り方

LPライティングならお任せ!売れるランディングページの作り方

LPライティングのゴールとは、コンバージョン率の最適化にあるといえるでしょう。具体的には、資料請求やお問い合わせ、商品購入などが挙げられます。LPの外注は、デザインだけではなく、ライティングの専門性も必要です。

ホームページのライティングは難しい? 外注するときの注意点とは

ホームページのライティングは難しい? 外注するときの注意点とは

ホームページ制作において、ライティングは非常に重要な要素です。公開後はホームページからの集客により効果をあげていかなければなりません。

独学でSEOを学べるおすすめ本7選!本で学ぶことのメリットや選び方も解説

独学でSEOを学べるおすすめ本7選!本で学ぶことのメリットや選び方も解説

SEOの知識をWebメディアから収集する方法と、書籍から学ぶ方法とでは、どのような違いがあるのでしょうか。Webメディアからの収集には多くの時間がかかり、頭のなかで知識の断片と断片をつなぎあわせる作業が必要となります。その点、本はページ順に読むだけで、初心者でも順序立てて学習で...