適切なコンポーネントを使用してプロフェッショナルなランディングページをデザインする方法

公開: 2017-05-24

それは金曜日の夜であり、あなたはついにリラックスしてソファの上で足を支えるチャンスがあります。リモコンを手に取り、Netflixをスクロールして映画を見つけます。

次、次、次。 ああ、これはどう？

その映画をやめたきっかけは何ですか？表紙の画像ですね。それとも、タイトルと画像の組み合わせでしたか？確かに、説明（そしておそらく評価）はそれを見るかどうかの最終決定を促すでしょうが、映画の画像とタイトルはおそらくあなたが説明を読むのを邪魔するのに十分に夢中になったものです。

それは第一印象が大事だからです。

そして、Netflixに関してだけでなく、初めて人々に会うことさえあります。オンライン検索の動作に関しても同様です。実際、ウェブサイトの第一印象はわずか1/20秒で評価でき、それらの迅速に定式化された第一印象は94％がデザインに関連しています。

ウェブサイトの第一印象はわずか1/20秒で評価でき、94％がデザインに関連しています。

クリックしてツイート

したがって、専門的に設計された視覚的に魅力的なクリック後のランディングページは、訪問者に素晴らしい第一印象を残し、コンバージョン率を大幅に向上させる可能性があります。

クリック後のランディングページで100％のコンバージョン率を保証できるものはないことを指摘しておく価値があります。しかし、プロのクリック後のランディングページテンプレートを使用してページを作成することで、キラーな第一印象を与え、コンバージョンを生み出し、最終的には売り上げを伸ばすことができます。

プロフェッショナルなクリック後のランディングページとは何ですか？

プロフェッショナルなクリック後のランディングページは、説得力のある要素を使用して、訪問者にオファーを変換するように説得するスタンドアロンのWebページです。オファーには、製品の購入、電子書籍のダウンロード、ニュースレターへの登録、またはウェビナーへの登録が含まれる場合があります。

「プロフェッショナル」という言葉には、特別な意味合いと「良い雰囲気」があります。特にクリック後のランディングページに関しては、それを見るとわかります。

完全に最適化されたクリック後のランディングページの重要な要素に入る前に、このクリック後のランディングページを簡単に見てみましょう。

それはあなたにとってプロのように見えますか？それは素晴らしい第一印象を示し、サバイバルガイドをダウンロードしたくなりますか？

私の第一印象は「これですか？」でした。ガイドに何が含まれているのか、またはガイドからどのように利益を得ることができるのかを訪問者に知らせるための情報は事実上ゼロです。

これはどうですか？

これには、クリック後のランディングページ要素（見出し、箇条書きのコピー、リードキャプチャフォーム、顧客の声）がさらに含まれています。しかし、すべてが空白なしで詰め込まれ、複数のフッターリンクが含まれているため、それでもプロの雰囲気を放ちませんか？

対照的に、このAppFolioのクリック後のランディングページは、はるかに優れた印象を与えます。

メリット指向の見出し、最小限のコピーの箇条書き、最適化されたフォーム、十分な空白、および多数の信頼信号がどのように含まれているかに注目してください。 これは、プロのクリック後のランディングページがどのように見えるかです。

クリック後のランディングページの変換プロセスはすべて、ページへのトラフィックを生成することから始まります。しかし、訪問者の注意を引き、クリック後のランディングページをさらに探索した後、どのようにして訪問者をコンバージョンに導くのでしょうか。

それはすべて、彼らの頭の中に入り、彼らの問題点を知り、あなたの製品またはサービスが彼らの問題に対する最良の解決策であることを彼らに納得させることに帰着します。これを実現するために、プロのクリック後のランディングページを構成するいくつかの重要なコンポーネントがあります。

プロのクリック後のランディングページの要素

説得力のある見出し

そのNetflix映画のタイトルがあなたの興味をそそり、もっと学びたいと思わせたように、クリック後のランディングページの見出しも訪問者に同じことをするはずです。それはすぐに彼らの注意を引き付け、あなたのページをもっと閲覧するように彼らを誘惑するはずです。

では、どのようにして、素晴らしい第一印象を与えること間違いなしの効果的な見出しを作成しますか？

クリック後のランディングページが宣伝しているものに関係なく、見出しは次のとおりです。

広告に関連しています。 どのタイプの広告があなたのページに見込み客をもたらすかに関係なく、広告と見出しは両方ともメッセージマッチを使用する必要があります。
明快さを提供します。 あいまいさの余地を残さずに、要点を正しく理解してください。
オファーのメリットを紹介します。 見出しは常に利益志向であり、オファーのUVPを強調し、コンバージョンによって何が得られるかを見込み客に知らせます。
共感を示します。 ほとんどの人は感情的な意思決定者であるため、ある種の感情を引き起こし、最初から問題に共感することで、ページをナビゲートし続けるように促します。
訪問者の注意を引く。 見出しが上記のすべてを確実に達成するには、ページ上で最も大きく、最も注目を集めるテキストである必要があります。

上記のそれぞれを達成する共同カイロプラクティックの例を次に示します。

ページの要点（およびUVP）は見出しから明らかです—背中の痛みを和らげるために調整してください。これは、腰痛に苦しんでいる可能性のある人々に共感を提供し、彼らに彼らの問題の解決策を提供します。また、見出しはページ上で最大のテキストであり、白は青の背景とよく対照的であるため、見出しを見逃すことはできません。

最適化された見出しの別の例を次に示します。今回はTherasoftからのものです。

繰り返しになりますが、見出しが大きいため、すぐに目立ちます。また、明確でわかりやすく、Therasoftソフトウェアを購入するメリットがあります（スケジュール、文書化、請求を支援し、時間と労力を削減します）。

読み取り可能なコピー

人々はあなたのページに読んでいないので、クリック後のランディングページのコピーでポイントにまっすぐに行きましょう。大きなテキストブロックでそれらを圧倒しないでください。オファーのメリットをできるだけ少ない言葉で伝えるだけで、オファーの価値をすばやく簡単に判断できます。

通常、クリック後のランディングページのコピーは次のようになります。

スキマブル。 重要な情報をリスト、小見出し、箇条書き、太字、短い段落で強調表示して、訪問者が探しているものを検索したり、見つけたりすることなく簡単に見つけられるようにします。
利益重視。 すべての製品機能をリストする代わりに、それらの機能の利点を提供します。見込み客は、製品またはサービスが問題の解決にどのように役立つかについて最も関心があります。
顧客中心。 あなたの訪問者がスキミングするとき、彼らはあなたが彼らに直接話しているかのように感じるはずです。「あなた」や「あなたの」などの言葉を使用して、問題の解決に集中していることを示します。
単純。 コピーは基本的なもので、業界関係者だけが理解できる専門用語を使用せずに、訪問者が理解できるように作成する必要があります。
判読可能。 書体は、訪問者が読みやすいものにする必要があります。小さすぎるフォントや装飾的なフォントは避けてください。解読が困難になったり、理解しようとするのを思いとどまらせたりする可能性があります。

このLegalZoomのクリック後のランディングページは、見出し、本文のコピー、およびCTAボタンで一人称を使用するため、顧客中心のコピーを使用する優れた例です。

最小限のコピーがあり、LegalZoomの利点が箇条書きのチェックマークで強調表示されているため、訪問者はページをすばやくざっと読んで探しているものを見つけることができます。フォントは読みやすく、コピーはシンプルなので、見込み客はメッセージを読んで理解するのに問題はありません。

魅力的なメディア

ほとんどの場合、メディアはテキストよりも魅力的で理解が早いです。したがって、疑わしい場合は、テキストよりもメディアを選択してください。

たとえば、ヒーローショットは、訪問者が製品やサービスで問題が解決した場合にどのようになるかを想像するのに役立ちます。一方、製品のショット、gif、または説明ビデオでさえ、新しい製品または複雑な製品がどのように機能するかを示すのに役立ちます。

Therasoftのクリック後のランディングページをもう一度参照してみましょう。同社は、ページ全体でいくつかの製品ショットを使用して、さまざまな製品機能のデモンストレーションを支援しています。

ビデオの紹介文は、ソーシャルプルーフへのエンゲージメントのレベルを高め、視聴者にとってよりリアルに見えるようにする別の形式のメディアです。

ブライアン大学は、クリック後のランディングページでビデオの声を使用しています。また、紹介ビデオを追加して、見込み客にミッションの概要、キャンパスのプレビューを提供し、学生に提供する主なメリットのいくつかを強調しています。

最適化されたフォーム

リードキャプチャフォームは、訪問者情報を取得するためのチケットです。完全に最適化されたフォームを作成するためのいくつかの基本的なルールは次のとおりです。

摩擦がないことを確認してください。 見込み客に重要な情報を求めるだけなので、脅迫したり、フォームへの記入を思いとどまらせたりすることはありません。見込み客への質問が少なければ少ないほど、彼らは回心する可能性が高くなります。フォームフィールドの量は通常、その人がマーケティングファネルのどこにいるかによって異なることに注意してください。ファネルのさらに下に行くほど、より多くの情報を要求できます。その逆も同様です。
ステップで情報を求めます。 オファーに多くの情報が必要な場合は、可能な限り分割してください。見込み客は、長くて威圧的なフォームよりも、いくつかの小さなフォームに記入する可能性が高くなります。
2段階のオプトインについて考えてみましょう。 2段階のオプトインフォームは、フォームを削除し、CTAボタンのみを含めることで、ページを簡素化するのに役立ちます。訪問者がCTAボタンをクリックすると、フォームがポップアップボックスで開きます。これを行うと、威圧的なフォームの可能性を排除するのに役立ち、最も関心のある見込み客だけがそれを完成させます。
簡単に完了できます。 フィールドを論理的な順序で整理することに加えて、フィールドに事前入力することも効果的な戦術です。見込み客が過去に別のリソースを要求してすでに情報の一部を提供している場合は、フィールドに情報を自動入力して、このオファーの変換をできるだけ簡単にします。
ページに戦略的に配置します。 これは必ずしもフォールドより上を意味するわけではありません。フォームを配置する場所は、オファーによって異なります。経験則として、オファーが高額で複雑な場合、または高いコミットメントが必要な場合は、見込み客がそれに精通するためのより多くの時間を与えるため、フォールドの下が適しています。

このBuildiumのクリック後のランディングページのリードキャプチャフォームは、見込み客がスクロールするときに一緒に移動するため、見込み客はそれを見失うことはなく、変換の準備ができたときに必要な労力も少なくて済みます。

注意を引くCTA

これがすべての結論です。これは、見込み客がオファーを引き換える必要があることを納得させるための最後のステップであるため、ページ上の他のすべての中で目立つ必要があります。

ページに最適なCTAボタンを作成するには、次の重要なコンポーネントを検討してください。

ポジション。 フォームと同じように、CTAボタンを早めに提示すると、コンバージョンを減らすことができます。オファーを紹介して説明した後にのみ提示する必要があります。 FパターンまたはZパターンに従うようにページを設計すると、ボタンの周囲に空白を使用する場合と同様に、CTAボタンを強調するのに役立ちます。
サイズ。 CTAボタンは、訪問者が検索しなくても目立つように、訪問者の注意を引くのに十分な大きさである必要があります。小さすぎると、完全に見逃してしまう可能性があります。
色。 CTAボタンに最大の注意を引くもう1つの方法は、ページの他の部分と対照的な色でボタンをデザインすることです。カラーホイールは、CTAボタンをページ上で「ポップ」にする色相、色合い、色合い、および色調を選択するのに役立ちます。
コピー。 多くの場合、マーケターは「送信」、「ダウンロード」、「サインアップ」、「サブスクライブ」などのコピーを作成します。それらの言葉は使いすぎであるだけでなく、退屈で曖昧でもあります。人々にあなたの申し出を改宗させるよう説得するには、あなたのコピーは説得力があり魅力的でなければなりません。つまり、説明的で、パーソナライズされ、一人称で書かれている必要があります。

ローレンクラーク法がCTAボタンをどのように最適化したかを見てください。

ボタンは折り目の下にあり、訪問者が見るのに十分な大きさで、青と白とは対照的で、パーソナライズされたコピー（「my」）と魅力的な（「free」）を使用して訪問者にクリックを促します。

信頼指標

見込み客があなたのオファーを変換する前に、彼らはあなたのブランドを信頼できる必要があるので、信頼指標を組み込むことが重要です。信頼指標にはさまざまな方法がありますが、最も一般的なものは次のとおりです。

統計的証拠。 製品またはサービスが見込み客の問題を解決できることを裏付ける番号がある場合は、見出し、小見出し、またはコピーにそれらを表示します。
お客様の声。 現在または以前の顧客からの前向きな経験を共有することは、最も強力な信頼指標の1つです。お客様の声を表示するときは、できるだけ多くの情報（氏名、肩書き、ビジネス、ヘッドショット）を提供してください。これにより、信頼性が最も高まります。
権限バッジ。 これには、顧客のロゴ、他のWebサイトからの賞などが含まれます。たとえば、認識できる信頼できる企業のロゴを表示すると、見込み客は次のように考えるようになります。私も彼らと取引をしなければなりません！」
プライバシーポリシー。 プライバシーポリシーリンクは、情報が共有される方法/かどうかを見込み客に知らせるため、クリック後のランディングページで受け入れられる数少ない出口リンクの1つです。このリンクの最も一般的な場所は、リードキャプチャフォームの下またはフッターです。
サードパーティのシール。 Paypal、Verisign、McAfeeなどのサードパーティのシールも、情報が安全に保たれ、危険にさらされないことを見込み客に知らせます。

SpareHireは、顧客の声と会社のバッジを使用して、オファーに信頼を追加します。

ただし、いくつかの改善が必要になる可能性があることに注意してください。お客様の声には詳細が含まれていません。名前、ビジネス情報、顔写真がすべて欠落しています。また、5つ星ではなく4.5つ星しか受け取らなかったレビューも含まれていました。これにより、見込み客は、半星を失うために何をしたのか不思議に思うかもしれません。

Financial Enginesは、信頼指標を使用してはるかに優れた仕事をします。

ここでの主な違いは、Financial Enginesがお客様の声にフルネーム、役職、ヘッドショットを追加したことです。これにより、信頼性が大幅に向上します。また、いくつかの有名な会社のロゴや2016年のInvestmentNewsの賞バッジなど、いくつかの権限バッジも表示されました。

今すぐプロのクリック後のランディングページを作成してください

専門外のクリック後のランディングページとプロのクリック後のランディングページとの違いは、変換のあなたのチャンスを作るか、または壊すことができます。専門的でないクリック後のランディングページに落ち着き、生涯の顧客を逃します。

この記事の青写真を使用し、他の例から学び、最高の第一印象を与え、より多くのコンバージョンを生み出します。

独自のクリック後のランディングページの作成を開始し、今すぐInstapageEnterpriseデモにサインアップしてください。