高度に変換するランディングページの5つの主要コンポーネント

公開: 2020-02-05

ランディングページは、コンバージョン率が高い場合と悪い場合の違いになります。 ウェブサイトのコンテンツに多くの時間を費やした後、ウェブサイトのランディングページがポップアップして効果的であることを確認して、平均コンバージョン率2.35%に到達できるようにする必要があります。

あなたのウェブサイトのコンテンツが有料のコース、有料の製品、ブログのコンテンツ、さらにはビデオのコンテンツを提供しているかどうかは関係ありません。 コンバージョン率の高いランディングページを作成することで、誰もが恩恵を受けることができます。

そのため、本日は、優れたランディングページの重要なコンポーネントをすべて取り上げます。

ランディングページとは何ですか?

ランディングページは、訪問者がアクセスするページであり、通常は取引を提供したり、ニュースレターへの登録を促したり、その他のプロモーションを行ったりします。

ランディングページの主な用途は次のとおりです。

  • 製品またはサービスの販売
  • 後のマーケティングのための情報の収集
  • あなたが提供する製品やサービスに目を向ける
  • 後の取材を期待して無料トライアルを提供する

ランディングページの使用を開始するときは、コンバージョン率をできるだけ高くすることがすべてです。 これを行うと、一般的なトラフィックだけでなく、ビジネスの金銭的な部分を成長させるのに役立ちます。

結局のところ、誰もコンバージョンに至っていない場合、何人の人があなたのウェブサイトにアクセスするかは問題ではありません。

基本的なランディングページの例

上の写真は、ラムダスクールと呼ばれるフルスタックのデベロッパースクールに通っていたときに使用したランディングページの例です。 YouTubeの視聴者からメールアドレスを収集し、その見返りとして何かを提供しました。

これにより、60人のメーリングリストを作成し、自分の人生のオファーや最新情報をいつでもメールで送信できるようになりました。

自分が情熱を注いでいる情報にお金を払うことに興味を持つ可能性のある人々のリストが提供されるので、オンラインで影響力を高めるのに最適な方法です。

ランディングページは、メールだけでなく、あらゆる種類の情報をキャプチャするのに最適です。 たとえば、ランディングページを設定して、名、姓、電話番号、会社名、さらには人々が興味を持っているサービスのリストを取得できます。

これらのページは、サイトの訪問者をサブスクライバーに変換したり、適切に設定されたときに顧客に支払いをしたりするのに最適です。

それでは、ランディングページを設定する方法を見てみましょう。そうすれば、コンバージョンの可能性が最も高くなります。

1.魅惑的なヘッダー

ランディングページは広告の一形態であるため、ランディングページに高いヘッダーを付けることが不可欠です。 これは訪問者が最初に見るべきものであり、常に彼らの注意を引くように設計されています。

ヘッダーで伝えるべき2つのことは、あなたが望むものとあなたが見返りに提供しているものです。

この基本的な例は、上記のセクションの最初の画像です。

メールランディングページ

サブスクライブボタンの下にある情報に注意してください。 私はあなたに私が欲しいものと私があなたに引き換えに与える準備ができているものを正確に伝えています。

私が欲しいのは、訪問者の電子メールアドレスを私の電子メールリストに追加することです。

その見返りとして提供しているのは、学校を卒業するときに使用した無料のリソースリストです。

より大きなEメールリストを構築するための周りのトップEメールマーケティングサービスプロバイダーについては、こちらをチェックしてください!

強力なヘッダーのもう1つの優れた例は、CodeAcademyのランディングページです。

コードアカデミーのランディングページの例

彼らはまだあなたに何を望んでいるか、そして彼らがあなたに何を返すことを計画しているのかをあなたに話していることに注意してください。 しかし、彼らは私とは異なる方法でこれを行います。

彼らが望んでいるのは、訪問者がアカウントを作成し、自分の電子メールアドレスを提供することです。

彼らが見返りに提供しているのは、彼らのサービスへのアクセスが制限されていることです。

彼らはこのようにそれを行うので、前もって金銭的なコミットメントはありません。 ただし、あなたは彼らの電子メールの対象となります。 そして、あなたは彼らが近い将来あなたを有料の顧客に変えようとすることは間違いありません。

見出しで必要なものと提供しているものを定義することは、ランディングページで人々の注意を引くための優れた方法です。

2. Vibrance Works

人間が明るい色と心地よい配色を楽しむことは周知の事実です。 企業には、製品または広告のデザインに明確に専念する支店と部門があります。

人々は鮮やかな色とバランスの取れた配色に非常によく反応します。 時には、視聴者から感情を引き出すために使用されることもあります。

バランスの取れたカラーパレットの良い例は、Taster'sClubです。

配色の良いテイスタークラブのランディングページ

黒や茶色のようなニュートラルカラーまたはダークカラーのシンプルな配色を使用しており、ゴールドカラーとよく合います。

このゴールドカラーは、ロゴ、ヘッダー、ボタンにあります。 彼らは注意を引くためにこのように設定し、あなたの焦点を合わせたいボタンの周りに境界線を追加することさえします。

配色がうまく機能する限り、ランディングページは過度に鮮やかである必要はありません。

シンプルな配色のマックラックランディングページ

上記のマックラックの例と同様に、色はかなり飼いならされています。 それらはすべて青のバリエーションであり、それらのほとんどはより暗い青の色合いです。

シンプルでなめらかで、さまざまな青の色合いを使用することで素晴らしいカラーパレットが作成されるため、機能します。

3.メディアの問題

ランディングページには動画がない場合がありますが、画像が含まれている可能性があります。

画像は、注目を集め、ランディングページをまとめるための優れたツールです。 ランディングページの配色とメッセージに合っていることを確認してください。

たとえば、Edupathのランディングページには、ページの残りの部分のオレンジ色の配色とよく合う画像があります。

写真付きのEdupathランディングページの例

Edupathは、それがどのように素晴らしいかを彼らが考えていないので、異なる方法で大学に適用することについてのすべてです。

この写真は配色に一致するだけでなく、Webサイトのトーンにも一致します。 彼らの目標は大学への出願を容易にすることであり、彼らが使用するイメージは非常に平和です。

効果的なランディングページを作成する目的は、サイトの色とテーマを適切な画像に一致させることです。 高品質の画像が必要な場合は、無料のストックフォトを見つけるのに最適な場所についてこの記事を確認してください。

あなたのウェブサイトに特定の配色がありませんか? それは大丈夫。 Edupathが彼らのホームページで行っていることに沿って、いつでももっと何かを試すことができます。

画像コラージュ付きのEdupathホームページ

この例は、テキストが上にあるコラージュです。 配色はほとんどが白黒で、休憩用のゴールドのアクセントが付いていることに注意してください。

適切なランディングページを取得し、コンバージョンの増加を確認するには、ランディングページのさまざまなバージョンを分割テストして、ほとんどの人がコンバージョンを促進するデザインとフォーマットを確認する必要があります。

4.時々、少ないほど多い

マーケティング、プログラミング、執筆には、時には少ないほうが多いという黄金のルールがあります。 実際、「シンプルで愚かな」、またはKISSという一般的な言葉は、デジタルの世界でよく当てはまります。

ランディングページを作成するときは、最初から最後までこのルールに従う必要があります。 シンプルさは、人々にあなたのコンテンツを消費させようとしているときはいつでも重要です。 これは、そのコンテンツの料金を支払ってもらいたい場合に特に当てはまります。

ブリーザーは、このシンプルな動作の優れた例です。

ブリーザーシンプルランディングページ

このサイトは、黒と白のシンプルでニュートラルな配色を使用しています。 ヘッダー画像すらありません。 代わりに、写真とのリンクは2つだけです。

彼らのモットーとタグラインでさえ、単純明快で可能な限り短いものです。

通常、ランディングページのベストプラクティスは、言う必要のあることをできるだけ短い方法で言うことです。 これを行うことで、誰かの興味を失うことなくメッセージを確実に伝えることができます。

結局のところ、視聴者の興味を失ったら、それはすべて終わりです。

Digital Information Worldによると、スマートフォンの世界での人間の平均的な注意力はわずか約12秒です。 ランディングページの広告では、その数を半分に減らすこともできます。

したがって、コンバージョンを増やしたい場合は、明確かつ簡潔な方法でポイントを伝えてください。

5.社会的証明

一部の人々は本質的に不信感を抱いています。 特に小規模または新規のビジネスに関しては、常に最悪の事態を想定しています。 幸いなことに、これらのタイプの人々に連絡を取り、サイトを信頼して最終的にコンバージョンを達成するための優れた方法があります。

社会的証明は、誰かがすぐにあなたを信頼していないときにあなたが指摘できるものです。

それは、「まあ、これらの人々や企業はすべて私を信頼していて、軽視されるべきではないので、私たちに試してみてください」という言い方です。

ラムダスクールの社会的証明

良い例は、私が学校に通ったラムダ学校で見られます。 ラムダスクールの卒業生を採用している企業と、それらの卒業生について彼らが言っていることを示しています。

ランディングページに、過去に作業したことのあるセクションを表示するセクションを設けることは、信頼を得るための優れた方法です。 言うまでもなく、証言を使用して、製品またはサービスの以前の購入者からの見積もりを紹介することもできます。

WordPressを使用している場合は、これらの上位のWordPressの紹介文プラグインを確認してください。

まとめ

そして、あなたはそれを持っています! あなたはあなたのWordPressサイトのために素晴らしいランディングページを作るのに何が必要かを知っています、そしてそれはあなた自身のためにそれを試す時です。

ランディングページに到着したユーザーに優れたユーザーエクスペリエンスを提供したいですか? 次に、これらのトップWordPressキャッシングプラグインをチェックして、読み込み時間を短縮し、コンバージョンを増やします。

コンバージョン率の高いランディングページには何が必要だと思いますか? 以下のコメントであなたの考えを聞いてみたいです!