日本一社内競争の激しい
Webコンサルティング会社
Webコンサルティング会社
「LP（ランディングページ）の基本構成とは？」
「LP（ランディングページ）で重要な要素とは？」
LP（ランディングページ）の制作を検討している上で、上記のような疑問をお持ちの方がいるかと思います。
LP（ランディングページ）の基本構成と要素は下記となります。
| 構成 | 要素 |
| ファーストビュー | ・キャッチコピー（アイキャッチ画像） ・CTAボタン |
| ボディ | ・導入分 ・商品/サービス情報 ・実績/お客様の声 |
| クロージング | ・Q＆A/導入の流れ ・入力フォーム |
上記を詳しく解説するほか、LP（ランディングページ）とワイヤーフレームの作成の流れや制作するうえでの注意点も紹介していますので、LPの制作を検討されている方はぜひ参考にしてください。
また、外注費用を安く、効果的なLPを制作したいと考えている方には、弊社の「伴走LP」をおすすめします。
伴走LPでは、月額5万円という価格設定で、LPO・広告運用など一気通貫して対応していますので、詳細を知りたい方や相談してみたい方はぜひ下記をご参照ください。
目次
ランディングページは、ユーザーのアクション誘導を目的としたWebページのことです。具体的には、商品購入や資料請求などを促すために作られます。
このようなアクションをユーザーにとってもらうことを、Webマーケティング用語では「コンバージョン（Conversion／CV）」と呼びます。
ランディングページでは、他のページへのリンクはほとんど存在しません。なぜなら、ユーザーがリンクをクリックして別のページに移動してしまうと、コンバージョンが達成されない可能性が高くなるからです。
つまり、ユーザーにとって商品購入などの目的以外の情報を遮断することで、ユーザーは購入するかしないかの選択に集中することができるのです。
その結果、ユーザーの離脱を最小限に抑えられます。
LPの基本構成を紹介します。
順に紹介します。
ファーストビューとは、ユーザーがランディングページを開いた瞬間に最初に目にする部分のことです。
このエリアは、キャッチコピー、メインビジュアル（画像やイラスト）、そしてコンバージョンボタン（CTA）で構成され、ユーザーの興味を引く上で重要な要素となります。
キャッチコピーやメインビジュアルを通じて、ユーザーが求めている情報を伝えるように心がけましょう。
例えば、商品を購入したいという目的がある場合、購入のメリットを伝えるキャッチコピーや、商品を使うことでユーザー自身に起きる変化を伝える画像を作成します。
そして、コンバージョンボタンは、「いますぐ商品を購入する」といった具体的なアクションを促すボタンであり、コンバージョン（目標達成）を達成するために重要な役割を果たします。
ランディングページの「ボディ」エリアでは、このオファーがユーザーにとってどのように役立つのかを説明いたします。そのためには、初めに提示した魅力的なオファーに裏付けを与え、信頼を得るための要素を盛り込むことが必要です。
ランディングページの「クロージング」とは、ユーザーの疑問や不安を解消し、申し込みや購買といったアクションを促すための重要なパートです。このパートでは、商品やサービスの簡便性、希少性、特典、保証などを伝えることで、「今買うべきである」「行動しないと損するかもしれない」とユーザーに思わせながら、彼らの疑問や不安に先回りして答えます。
LPの構成に必要な基本要素を7つ紹介します。
順に紹介します。
ランディングページのファーストビューは、ユーザーが閲覧してから3秒で「このページを読むべきだ」と判断できるようにする必要があります。
検索ユーザーは、「自分は正しいページに来た」と感じ、また「このページは自分の課題を解決してくれそうだ」と確信する必要があります。
それを実現するためには、キャッチコピーとアイキャッチ画像のポイントを押さえることが重要です。
キャッチコピーは、商品やサービスを導入することで得られるメリットと提案が伝わるようにしましょう。
ユーザーの気持ちに寄り添った言葉で共感を呼び起こしたり、具体的な実績数などで興味や関心を引くことが効果的です。
ファーストビューのアイキャッチ画像には、ベネフィットそのもののイメージや、ベネフィットを受け取った未来のユーザー自身の感情を表現した画像を配置する必要があります。
なぜなら、ユーザーがファーストビューで離脱する理由の1つに「違和感」があるからです。そのため、ユーザーの心理に合ったアイキャッチ画像を選ぶことが重要です。
CTAとは「Call To Action（行動喚起）」の略で、CTAボタンはユーザーにアクションを促すためのボタンです。
広告や最初に表示される画面を見た時点で購入や申し込みを決めるユーザーもいますので、最初の画面にもCTAボタンを配置することが重要です。
CTAボタンを作る際は次の4点を意識しましょう。
上記を意識してCTAボタンを設置してみてください。
「導入」とは、ランディングページのボディのトップ部分のことで、ユーザーがファーストビューで続きを読もうと思うように誘導するための重要な要素です。
この部分では、心理学の「快楽と痛みの原則」を活用して、ユーザーが自分に必要な商品やサービスだと認識するようにしましょう。
具体的には、「快楽を得られる」というアプローチや、「痛みを回避できる」というアプローチを使うことが効果的です。
ランディングページの本文には、「商品やサービスの情報」が必要です。これは、商品やサービスの魅力をアピールするための要素です。重要なポイントは、商品の「スペック・メリット・ベネフィット」をバランス良く伝えることです。
スペックとメリット・ベネフィットの違いについて考えてみましょう。スペックは主に売り手の視点から見た製品の仕様や特徴を示すものです。一方、メリット・ベネフィットはユーザーの視点で、製品が提供する利点や得られる利益を伝えるものです。この違いは、製品がどのような体験価値を提供するかという点に関わってきます。
多くのランディングページでは、スペックやメリットまでしかアピールできていないことがあります。しかし、ベネフィットまで伝えることができれば、感情的な面にも訴えることができます。そのため、訴求力が高まります。
つまり、製品のスペックだけではなく、ユーザーが得られるメリットやベネフィットもしっかりと伝えることが重要です。それによって、ユーザーの感情に訴えかけることができ、より効果的なアピールができるのです。
実績・体験談という要素は、ランディングページのボディに使用されることで、商品やサービス、そして売り手である企業に対する信頼を築くことを目的としています。
この要素は、企業側が商品をアピールするのではなく、読者が信頼して読むことができるというメリットもあります。
複数の体験談を掲載することで、心理学の「バンドワゴン効果」を利用して、多くの人々が選んでいるという安心感を与えることができます。
「Q＆A・FAQ（よくある質問）」や「導入の流れ」という要素は、ランディングページのクロージング部分で使用されるものです。
これらの要素の目的は、ユーザーの疑問や不安を先回りして解消し、離脱を防ぐことです。質問については、顧客からよく問い合わせがあるものを押さえることはもちろん重要ですが、さらに商品やサービスの魅力を再度強調するために質問と回答を活用する方法もあります。
CTAボタンをクリックした後に表示される「入力フォーム」は、ランディングページを作る上で非常に重要な要素です。
入力フォームの目的は、単に購入や問い合わせに必要なユーザー情報を入力してもらうことではありません。
それよりも、できるだけ多くのコンバージョンを生み出すことが求められます。実際、フォームから離脱するユーザーは意外と多く、フォームの内容を改善するだけで、会員登録のコンバージョン率が2倍以上向上したケースもあります。
重要なのは、ユーザーに手間やストレスを感じさせないような設計を心がけることです。
LPの作成の流れを紹介します。
順に紹介します。
ランディングページを作成する際には、まずゴールと数値目標を設定する必要があります。ゴールはKGI（キーゴールインディケーター）と呼ばれ、数値目標はKPI（キーパフォーマンスインディケーター）と呼ばれます。マイルストーンとなるKPIを達成することで、ゴールを達成することができます。
ランディングページを作成する目的は、チームやプロジェクト内で共有されたゴールを達成するためです。具体的には、「申し込み・問い合わせ」「商品の購入」「資料請求」など、ビジネスで達成したい目標を設定します。
また、KPIでは、ゴールを達成するためのマイルストーンごとに数値目標を設定します。これにより、成果の出るランディングページを作成することができます。
ターゲットとするペルソナを設定することで、ランディングページの効果を高めることができます。ペルソナとは、具体的な人物像を詳細に描いたターゲット像のことです。現実的な人物像を設定することで、チームやプロジェクトメンバーと共有しやすくなり、商品やサービスの対象顧客を明確にすることができます。その結果、コンバージョン率の向上につながるでしょう。
ワイヤーフレームは、Webページを作成する際に作成する設計図です。プロジェクトメンバー全員で共有し、構成やコンテンツの一部を決定します。ランディングページの基本的な構成は、「ファーストビュー」「ボディ」「クロージング」の3つからなります。
ワイヤーフレームを基にして、コンテンツを作成します。ライティングでは、コピーや説明文などをユーザーの購買意欲を刺激できる内容にすることが重要です。
デザインを作成する際には、ワイヤーフレームやライティングした内容を基にして、画像やマテリアルなどを組み合わせていきます。もしライティングと同時に進める場合は、ダミーテキストを一時的に使用することで、デザインの進行をスムーズに行うことができます。
デザインが完成したら、その内容をWebページに反映させるためにコーディング作業を行います。
デザインとコーディングの両方を入念にチェックし、ランディングページを公開します。公開後は効果検証を行い、さらに良いランディングページにするためにLPO（ランディングページ最適化）を実施します。
LPの構成案の作り方を紹介します。
それぞれ確認しましょう。
まず、大まかなレイアウトを決めることから始めましょう。たとえば、「1カラムレイアウト」や「2カラム（サイドバー固定）レイアウト」といったものです。
レイアウトが複雑になるほど、制作の難易度も上がりますので、初心者の方には「1カラムレイアウト」または「2カラム（サイドバー固定）レイアウト」がおすすめです。
レイアウトには、要素を適切に配置していく必要があります。たとえば、「1カラムレイアウト」を使用する場合、以下のように「ファーストビュー」「ボディ」「クロージング」の要素を配置します。
| ファーストビュー | ・キャッチコピー ・アイキャッチ画像 ・CTAボタン |
| ボディ | ・導入文 ・商品やサービスの情報 ・メディア掲載実績 ・体験談 |
| クロージング | ・簡便性 ・希少性 ・特典 ・保証 ・よくある質問 ・導入の流れ ・CTAボタン |
LPを作る上でのポイントを3つ紹介します。
順に紹介します。
構成を作る際には、他社との違いをユーザー目線で伝えることがポイントです。
自分本位なランディングページでは、ユーザーは離れてしまいますので、サービスを押し付けるような態度は避けましょう。
ユーザーに寄り添い、悩みを解決するお手伝いができるような内容を目指してください。
ランディングページを訪れる方々は、必ずしも最初から最後までじっくりと読んでくれるわけではありません。スクロールしながら拾い読みをする方も多いです。
そのため、見出しを設定し、要点をまとめることで、全体の内容が分かりやすくなります。
ランディングページの構成には正解が一つではありません。そのため、複数の構成を作り、テストを行うことが重要です。
A/Bテストやヒートマップツールを使用して、CTAボタンの位置やページ全体の長さなどを改善していくことが良いでしょう。
LPの構成を考える上での注意点を6つ紹介します。
それぞれ紹介します。
LPと広告の内容を連動させることが重要です。
なぜなら、広告をクリックしてランディングページに移動したユーザーが、そこで違う内容に出くわすと「何が起きているのかわからない」と混乱し、早々に離脱してしまうからです。
逆に、広告とLPの内容がつながっていると、ユーザーは「自分が求めている情報が書かれているかもしれない」と安心してLPを読み進めることができます。
具体的な方法としては、広告のキャッチコピーと画像、そしてLPのファーストビューに載せるキャッチコピーと画像を合わせることが良いでしょう。
キャッチコピーは完全に同じものを使用する方法もありますが、広告とLPでQ＆A形式にする方法もあります。
BtoCとBtoBの商材に関して、基本的なLPの構成は変わりません。
ただし、お金の使われ方が異なるため、重要なコンテンツには少しの差があることを覚えておく必要があります。BtoCの商材では、個人の「消費」が関わってきます。
そのため、個人の消費心理を満たすキャッチコピーが重要です。例えば、英会話商材のLPを作る場合でも、TOEICでの高得点獲得が目的なのか、外国人の友達や恋人が欲しいのかによって、ユーザーの心を掴むキャッチコピーが異なってきます。
ユーザーがどんな欲求を抱えているかを徹底的に考えて、コピーを作る必要があります。
一方、BtoBの商材は企業の「投資」です。個人の欲求を満たすことではなく、費用対効果の高さを客観的に示す「エビデンス」が重要です。エビデンスの1つとして有効なのが「実際に利用している企業の声」です。
特に、有名企業で利用されている実績がある場合は、可能な限りそれを載せましょう。ユーザーに「大手企業でも使われているなら信頼性が高そうだ」と感じてもらえます。
売れるランディングページを作るためには、必ず事前にリサーチを行うことが大切です。実際、リサーチはランディングページ作成の8割を占めるほど重要な要素です。
なぜなら、競合にはない強みやユーザーの悩みなど、基本的な情報が分かっていないと、魅力的なキャッチコピーや画像、ユーザーが納得する情報を提供することができないからです。
よくある失敗の一つは、商品やサービスのことだけを考えてランディングページを作ってしまうことです。例えば、「デザインの種類が豊富」という特徴があるとしても、ユーザーが本当に求めているのはデザインではなく、保証の充実度かもしれません。
しかし、「デザインの種類が豊富」という特徴を強調しても、ユーザーの心に響くことはありません。リサーチを行うためには、顧客、自社、競合の分析などの手法がよく使われます。
また、市場細分化や狙う市場の決定、自社の立ち位置の明確化などのSTP分析も有用です。
ただし、商材によって最適な手法は異なるため、難しい部分もあります。もし自社だけで十分な分析が難しい場合は、プロに依頼することをおすすめします。
LPの構成を作成したらABテストを繰り返しましょう。
LPは一度構成を作ったら終わりではありません。項目の順番を少し変えたり、別の項目を追加することでより効果的になる場合もあります。コンバージョン率が高くなる構成は、実際に運用してみないとわからないことがわからない点があるので、改善を続けることで自社に最適な構成が見つかるでしょう。
よって、効果的な構成を試す際には、ABテストという手法を使用して複数のLPのコンバージョン率を比較してみてください。
LPの構成を考える際には、他社の事例を無理に真似しようとすることは避けた方が良いです。
デザインの面では、他の事例を見ることでイメージしやすくなることもありますが、構成を考える際には他の事例の真似をすることはおすすめできません。
その理由は、真似をしても効果のある、クオリティの高いLPがどれなのか見極めるのが難しいからです。主観的に「なんとなくこれが良さそう」と思っても、実際には効果の出ていないLPであることもあります。
また、最適な構成は商材やターゲットによって異なる場合もあります。他社のLPで効果の高かった構成をそのまま真似しても、自社でも同じようにうまくいくとは限りません。
むやみに他社の事例を真似するのではなく、今回紹介した構成に基づいて作ることで、失敗が少なくなるでしょう。
薬機法、景品表示法、特定商取引法、媒体規定などは年々厳しくなっており、内容も更新され続けています。
意図せず消費者の利益を損ねたり、作った広告を配信できなくなったりすることを避けるためには、各種法律や媒体規定に抵触していないか確認する必要があります。
特に、広告媒体の規定は各社で方針が異なることがありますので、「媒体Aでは問題ないが、媒体Bではダメ」というケースもあります。注意が必要です。
本記事では、LP（ランディングページ）の基本構成と要素、注意点を解説しました。
LP（ランディングページ）の基本構成は下記の3つです。
また、上記3つを細分化すると下記のような要素に分けられます。
| ファーストビュー | ・キャッチコピー ・アイキャッチ画像 ・CTAボタン |
| ボディ | ・導入文 ・商品やサービスの情報 ・メディア掲載実績 ・体験談 |
| クロージング | ・簡便性 ・希少性 ・特典 ・保証 ・よくある質問 ・導入の流れ ・CTAボタン |
上記を意識して自社のLP（ランディングページ）を作成してみてください。
もし、LP（ランディングページ）を外注で制作しようと検討されている方は、ぜひ弊社の「伴走LP」をご利用ください。
伴走LPでは、月額5万円という価格設定で、LPO・広告運用など一気通貫して対応していますので、詳細を知りたい方や相談してみたい方はぜひ下記をご参照ください。
youtubeの伸ばし方はただ一つ【再生回数も登録者も必要ない】
2【2024年最新】検索エンジンシェア率ランキングTOP10！世界と日本国内を共に紹介！
3Instagramの運用代行は個人に依頼すべき？費用相場やメリットデメリットを完全解説
4YouTubeの再生回数を増やすポイント12選！着実に成果を得る方法【登録者はいらない】
5【プロ実践】YouTube動画のサムネイルで結果を出すコツ7選
6最短でYouTube収益化のコツをプロが解説【2024年最新版】
7インスタ広告は1日500円で成果を出せる？費用対効果を最大化させる施策を紹介！
8ショート動画の編集にかかる費用相場は？【月額定額制で質の高い動画編集を依頼する方法】
9ビジネス系オンラインサロン人気おすすめ7選【おすすめのサロンや後悔しない選び方を紹介】
10インスタグラム企業アカウントの成功事例14選！戦略立ての5ステップを具体的に解説！成功のコツ、失敗する事例もわかる【最速でフォロワー1万人獲得！】
【2024年最新】Web広告会社/代理店おすすめの会社22選を比較ランキング！失敗しない選び方を解説
東京・全国のSEOコンサルティング会社26選比較ランキング【2024年比較表とチャート付】選んではいけない会社もプロが解説
Webマーケティングの成功最新事例27選！戦略や集客のポイントを全公開【月利益500万円UP例も！】
不動産会社の集客方法16選【成約件数9倍アップ！StockSun式戦略！】
店舗集客アップに導く15の手法【集客アップ事例｜お店への集客数300%増加】
整体院・整骨院におすすめの集客方法11選！集客がうまくいかない原因や成功事例を徹底解説
脱毛サロン最新集客方法8選【月間契約50件UP！StockSun式戦略】
YouTubeコンサル会社・運用代行会社16社【2024年】一覧比較図解付きで選び方のコツをプロが解説
企業SNSマーケティングの成功事例7選【2ヶ月でフォロワー1万人に達成した戦略】
不動産会社のLINE活用術｜商談化率倍増のテクニック【不動産会社のLINE活用事例7選】
MEO対策を格安で依頼できる代行業者ランキング！優良企業の選び方も全解説
【2024年最新】実績豊富なWebコンサルティング会社おすすめ16選を比較！プロが選び方を解説
安いと評判の優良SEO対策会社10選！相場と選び方・発注時のポイントを全公開
税理士の集客方法10選！受注につながる成功戦略【StockSun式Web集客成功事例】
SEOとは？基本知識から上位表示をするための効果的な施策を紹介！
