• 0k
  • 0
ウェブデザイン \ 2014年12月15日

ランディングページの作り方: 10の最重要ポイント

ランディングページ(LP)は、広告やリンクをクリックした訪問者が一番最初に目にするページを指し、商品やサービスをアピールするために最も強力なウェブページです。商品一覧、会社情報、お問合せページなど、複数のページで多くの情報を伝える企業の公式サイトなどとは違い、ランティングページの多くは1ページに厳選された情報がまとまっています。

そして、ランディングページの一番の目的は、ユーザーを説得し、クリックしてもらうこと。クリックしてもらった後は、「サービスへの登録」「購入」「資料請求」などのページに続くのが一般的です。今回は、コンバージョン率の高いランディングページの作り方に焦点を当てて、デザインの最重要ポイント10選をご紹介します。

 

1ページ内に収める

ランディングページは、1ページに収めましょう。シンプルなウェブサイトととはまた別で、ページを複数に分けたり、複雑な機能を追加するしてしまうと、最も重要な目的地にたどり着く前に離脱し、クリック率も下がってしまいます。

1ページ内に収める

分かりやすい訴求テキスト

クリックしてもらえるかどうかは、様々な理由がありますが、最も改善しやすいのがクリックを促す訴求テキストです。はっきり目的が分かり、思わずクリックしたくなるような、興味をそそるテキストが必要です。説得力のあるCTAボタンについての記事も参考にしてみてください。

分かりやすい訴求テキスト

クリックを促すボタン

訴求テキストをより目立たせ、クリックを促すためには、アクションボタンを追加しましょう。ボタンという視覚的な要素を取り入れることで、自然とクリック率の向上が期待できます。

ついクリックしたくなるボタンを作成するには、マウスオーバーエフェクトを活用した魅力的なアクションボタンを追加しましょう。

クリックを促すボタン

ごちゃごちゃと情報を詰め込むのはNG

見込み顧客に商品の良さをアピールしたいからといって、画像、文字、ボックス、アイコン、クリップアート、動画など情報を詰め込むのは禁物です。

フラットデザインや余白を上手く使うデザインスタイル(詳細はこちら)で、不思議と内容が引き立つのです。なるべくミニマルなデザインを心がけつつ、一番伝えたいものやメッセージを視覚的に目立たせましょう。

ごちゃごちゃと情報を詰め込むのはNG

フォントを統一

Web デザインで使うフォントの種類は2つ、多くても3つが限度です。大きめのタイトル部と小さなフォントの詳細説明文など、読みやすさやデザイン性を考慮して、最適なフォントを選びましょう。

フォントを統一

読みやすさを確認

いくら適切なフォントを選択しても、読んでもらえなければ意味がありません。目を細めないと読めないような小さすぎるテキストサイズや、背景写真と重なって読みにくくなっていたりしませんか?一度、全てのテキストを見直しましょう。また、同僚や友達にもフィードバックをもらうことをおすすめします。

読みやすさを確認

 

インパクトのあるビジュアル

訴求メッセージを確実に届けたいなら、文章だけでは不十分です。少なくとも、情報の半分程度は画像で伝えましょう。Wix では、Bigstock と提携し、ランディングページに最適な美しい画像にアクセスできるようになりまし。写真は、ランディングページの印象を左右する重要なコンテンツですので、手抜きにならないように注意しましょう。

インパクトのあるビジュアル

アンカーリンクを活用

ランディングページは、1ページにコンテンツをまとめるスタイルが主流のため、縦に長いページ構成になりがちです。そこで、ページの下に「トップに戻る」などのアンカーリンクを新設に配置しましょう。ちょっとした工夫で、見込み顧客のウェブ体験をよりスムーズにして、コンバージョン率もアップしましょう。Wixサイトにアンカーリンクを追加する方法はこちら。

アンカーリンクを活用

ページを複製する

作成したページを複製することで、バックアップ用にサイトを保存できるだけでなく、いろんなデザインの選択肢を見比べることができます。同じ内容のサイトで、一部だけ異なるレイアウトや色、コンテンツを試したいときなど、またどのデザインが最もコンバージョン率が高いかなどをABテストする際にも役立ちます。

ページを複製する

固定ヘッダー

1ページが縦に長い場合、ヘッダーを固定することで、ロゴやキャッチコピーなどを含むヘッダーが常に目に付くので、ブランドとしての統一感を保つことができます。

もちろん、固定ヘッダーに追加するコンテンツは、必要最小限にとどめ、ごちゃごちゃしてしまうのを防ぎましょう。固定ヘッダーの利用例はこちら。

固定ヘッダー

Wix で簡単にランディングページを作成しよう

さあ、さっそくあなたもコンバージョン率の高いランディングページを作ってみませんか?

ランディングページの作り方:

  1. Wix エディタの左側にあるメニューから「ページ」をクリック
  2. パネル下部にある「ページを追加」をクリック
  3. ページのレイアウト」の選択肢の下部にある「ランディングページ」の中から利用可能な選択肢を選びます
  4. ページ名」を入力して「OK」をクリック

これで、ランディグページが追加できました。あとは、テキストや画像を自分なりに編集するだけです。

ランディングページの作り方:

さあ、オンラインビジネスを始めませんか? Wixで無料ホームページを作成しましょう

今すぐWix公式ブログを購読しよう:


ライター: Wix Team
Wix

今すぐ Wixブログ を
無料購読しよう!

Wixブログを購読しよう 役立つ情報をいち早くゲット!

正しいメールアドレスを
入力して下さい

正しいメールアドレスを
入力して下さい Email already exists

正しいメールアドレスを
入力して下さい Invalid email

Wixブログを購読 \ 

WebデザインやWix新機能についての
最新情報を無料でお届けします!

正しいメールアドレスを
入力して下さい

正しいメールアドレスを
入力して下さい Email already exists

正しいメールアドレスを
入力して下さい Invalid email