【#10】ランディングページを意識する

前回の記事ではサイトマップを作成し、全体のページをイメージしていきました。
今回はユーザーが初めに訪れるページを想定し、必要なコンテンツを意識することを考えてみます。

ランディングページとは

ランディングページと聞くと広告運用のLPをイメージする方が多いと思います。
ウェブサイト制作では確かに広告の着地ページとして使われる言葉ですが、今回の記事では自然検索も含めたユーザーの着地ページとして捉えていきます。

ランディングページとは、ユーザーがウェブサイトに訪れた際の着地ページです。
広告運用の場合は意図したLPを用意しているでしょうし、自然検索ではサイトのトップページのことを指すかもしれません。

アクセス解析を見てみるとブログ記事の1ページが、主なランディングページになっているケースもあります。
新規でウェブサイトを作成する際は、トップページが一番の着地ページになることが多いかもしれません。

トップページをランディングページと想定して構成を考える

今回は「ウェブサイト制作の教科書」ということで、トップページをLPと想定し、広告にも使える構成を考えていきましょう。

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

LPの構成と検索すると色々なサイトが表示されるので、ノウハウは探せばたくさん出てきますので改めて紹介することでもないかもしれませんが、基本的な構成は以下のようなになります。

■ファーストビュー
・キービジュアル
・CTA

■ボディ
・導入（自分ゴト化）
・商品・サービス情報
・事例・お客様の声

■クロージング
・よくある質問、導入の流れ
・希少性・限定性（今購入する理由）
・お問い合わせフォーム

ハイファイブのランディングページ

先述した構成をコンテンツごとにセクションとして考えます。
そして、そのセクションが担っている要素を定義しておき、セクションの組み合わせでストーリーを構成します。

セクションのイメージ

キービジュアル（ベネフィット）

・キャッチコピー：この商品・サービスがどんな変化をもたらすのか
・訴求ポイント
・CTA

広告でランディングページを作成する場合は、キーワードを考慮したキャッチコピーにしましょう。
ウェブサイトの場合は、そこまで強烈なコピーではなく、ブランディングも意識したものにします。

共感・導入

・こんなお悩みありませんか？　→　解決できる５つの理由
・活用シーン

自分ゴトに感じてもらうための「共感」セクション。
わたしたちはあなたの「悩み・課題」を知っていると伝えたいので、よくあるお悩みや活用シーンのセクションを用意します。

実証・結果

・悩みを解決する５つの理由
・この商品を利用する７つのメリット
・わたしたちが選ばれる３つのポイント

お悩みを解決できる理由を説明します。
商品やサービスのスペックであり、実際に利用した結果を掲載しても良いかもしれません。
「なぜ解決できるのか」をロジカルに説明したり、情緒的に説明したりして、得られるメリットを伝えます。

信頼・安心

・わたしたちの説明（〇〇とは）
・利用実績、お客様の声
・メディア掲載、創業年数
・スタッフ紹介、店舗写真

悩みを解決してくれる商品だと分かりました、でも信頼できる会社が販売しているのか分かりません。
初めての方にも安心してもらえるように、これまでの実績や担当するスタッフ、経営者の顔など、信頼してもらえるコンテンツを用意します。
「ハイファイブとは」のように、まず自分たちの説明をするケースも多いです、知名度の高くない商品・サービスの場合は上部に配置して、このページ・サイトはどんなものなのかを説明します。