「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・広告運用など一気通貫して対応していますので、詳細を知りたい方や相談してみたい方はぜひ下記をご参照ください。