適切なコンポーネントを使用してプロフェッショナルなランディング ページをデザインする方法
公開: 2017-05-24金曜日の夜になり、ようやくリラックスしてソファで足を支えることができます。 リモコンを手に取り、Netflix をスクロールして映画を探します。
次、次、次。 おお、これはどうですか？
その映画を止めた理由は何ですか？ 表紙絵ですよね？ それとも、画像と対になったタイトルでしたか？ 確かに、説明 (およびおそらく評価) は、視聴するかどうかの最終的な決定を後押ししますが、映画の画像とタイトルが、説明を読むのに十分なほど夢中になっている可能性があります。
第一印象が大事だからです。
そして、Netflixに関してだけでなく、初めて人と会うときでさえもです。 だけでなく、オンライン検索行動に関してもです。 実際、ウェブサイトの第一印象はわずか 20 分の 1 秒で評価でき、これらの迅速に作成された第一印象の 94% はデザインに関連しています。
クリックしてツイート
したがって、専門的にデザインされた視覚的に魅力的なクリック後のランディング ページは、訪問者に素晴らしい第一印象を残し、コンバージョン率を大幅に向上させる可能性があります。
クリック後のランディング ページで 100% のコンバージョン率を保証できるものはないことに注意してください。 しかし、プロフェッショナルなポスト クリック ランディング ページ テンプレートを使用してページを作成することで、第一印象を良くし、コンバージョンを生み出し、最終的に売り上げを伸ばすことができます。
プロのポスト クリック ランディング ページとは?
プロのポスト クリック ランディング ページは、説得力のある要素を使用して訪問者をオファーに変換するよう説得するスタンドアロンの Web ページです。 オファーには、製品の購入、電子ブックのダウンロード、ニュースレターへのサインアップ、またはウェビナーへの登録が含まれる場合があります。
「プロフェッショナル」という言葉には、独特の意味合いと「いい雰囲気」が込められています。 特にクリック後のランディング ページに関しては、見ればわかります。
完全に最適化されたポスト クリック ランディング ページの重要な要素に入る前に、このポスト クリック ランディング ページを簡単に見てみましょう。
それはあなたにとってプロフェッショナルに見えますか？ それは素晴らしい第一印象を示し、サバイバル ガイドをダウンロードしたいと思わせますか?
第一印象は「これかな？」 ガイドに何が含まれているか、またはガイドからどのように利益を得ることができるかを訪問者に知らせるための情報は事実上ゼロです.
これはどうですか？
これには、見出し、箇条書きのコピー、リード獲得フォーム、顧客の声など、クリック後のランディング ページ要素がさらに含まれています。 しかし、すべてが余白なく詰め込まれ、複数のフッター リンクが含まれているため、それでもプロフェッショナルな雰囲気を醸し出していませんか?
対照的に、この AppFolio ポスト クリック ランディング ページは、はるかに優れた印象を与えます。
メリットを重視した見出し、コピーを最小限に抑えた箇条書き、最適化されたフォーム、十分な余白、多数の信頼シグナルが含まれていることに注目してください。 これは、プロフェッショナルなポスト クリック ランディング ページの外観です。
クリック後のランディング ページの変換プロセスはすべて、ページへのトラフィックを生成することから始まります。 しかし、訪問者の注意を引き、クリック後のランディング ページをさらに探索した後、どうすれば彼らをコンバージョンに導くことができるでしょうか?
それはすべて、彼らの頭の中に入り込み、彼らの弱点を知り、あなたの製品やサービスが彼らの問題に対する最善の解決策であると彼らを説得することに帰着します. これを実現するために、プロフェッショナルなポスト クリック ランディング ページを構成するいくつかの重要なコンポーネントがあります。
プロのポスト クリック ランディング ページの要素
説得力のある見出し
Netflix の映画のタイトルが興味をそそり、もっと知りたいと思わせたのと同じように、ポスト クリック ランディング ページの見出しも、訪問者に対して同じことをする必要があります。 すぐにユーザーの注意を引き、ページをもっと閲覧するように誘導する必要があります。
では、第一印象を良くする効果的な見出しを作成するにはどうすればよいでしょうか。
ポスト クリック ランディング ページで何を宣伝するかに関係なく、見出しが次のようになることが重要です。
- 広告に関連しています。 見込み客をページに誘導する広告の種類に関係なく、広告と見出しの両方でメッセージ マッチを使用する必要があります。
- 明快さを提供します。 あいまいさの余地を残さずに、要点を正しく理解してください。
- オファーのメリットを紹介します。 見出しは常にメリットを重視し、オファーの UVP を強調し、見込み客にコンバージョンによって得られるものを知らせる必要があります。
- 共感を示します。 ほとんどの人は感情的な意思決定者であるため、ある種の感情を引き起こし、最初から問題に共感することで、ページをナビゲートし続けることができます.
- 訪問者の注目を集めます。 見出しが上記のすべてを確実に実現するには、ページ上で最も大きく、最も注目を集めるテキストにする必要があります。
上記のそれぞれを達成する The Joint Chiropractic の例を次に示します。
このページの主なポイント (および UVP) は、見出しから明らかです。 これは、背中の痛みに苦しんでいる可能性のある人に共感を与え、問題の解決策を提供します. また、見出しはページ上で最大のテキストであり、白と青の背景のコントラストが良いため、見逃すことはできません。
最適化された見出しの別の例を次に示します。今回は Therasoft からのものです。
繰り返しになりますが、見出しが大きいため、すぐに目立ちます。 また、明快でわかりやすいので、Therasoft ソフトウェアを購入する利点が得られます (時間と労力を節約して、スケジューリング、文書化、および請求を支援します)。
読みやすいコピー
人々はあなたのページを読んでいるわけではないので、クリック後のランディング ページのコピーで要点をすぐに説明しましょう。 大量のテキスト ブロックでユーザーを圧倒しないでください。 オファーのメリットをできるだけ短い言葉で伝えるだけで、オファーの価値をすばやく簡単に判断できます。
通常、クリック後のランディング ページのコピーは次のようにする必要があります。
- スキミング可能。 重要な情報をリスト、小見出し、箇条書き、太字のフォント、短い段落で強調表示して、訪問者が検索したり見つけるのに苦労したりすることなく、探しているものを簡単に見つけられるようにします。
- 利益重視。 すべての製品機能を列挙する代わりに、それらの機能の利点を提供します。 見込み客は、製品またはサービスが問題の解決にどのように役立つかに最も関心があります。
- 顧客中心。 訪問者がざっと目を通すと、まるで直接話しかけているかのように感じられるはずです。 「あなた」や「あなたの」などの言葉を使って、問題の解決に集中していることを示します。
- 単純。 コピーは基本的なもので、業界関係者だけが理解できる専門用語を使用せずに、訪問者が理解できるように書かれている必要があります。
- 判読可能。 あなたの書体は訪問者にとって読みやすいものでなければなりません。 小さすぎるフォントや装飾的なフォントは避けてください。これは、解読が困難になったり、理解しようとさえするのを思いとどまらせたりする可能性があるためです。
この LegalZoom ポストクリック ランディング ページは、見出し、本文コピー、CTA ボタンで一人称を使用しているため、顧客中心のコピーを使用する良い例です。
コピーが最小限に抑えられ、LegalZoom の利点が箇条書きのチェックマークで強調表示されていることに注意してください。これにより、訪問者はページをすばやく目を通して探しているものを見つけることができます。 フォントは読みやすく、コピーはシンプルであるため、見込み客はメッセージを読んで理解するのに問題はありません。
魅力的なメディア
ほとんどの場合、メディアはテキストよりも魅力的で理解しやすいものです。 したがって、疑わしい場合は、テキストよりもメディアを選択してください。
たとえば、ヒーロー ショットは、製品やサービスが問題を解決した場合にどうなるかを訪問者が想像するのに役立ちます。 一方、製品のショット、GIF、または説明ビデオでさえ、新しい製品や複雑な製品がどのように機能するかを示すのに役立ちます.
Therasoft ポスト クリック ランディング ページをもう一度見てみましょう。 同社は、ページ全体でいくつかの製品ショットを使用して、さまざまな製品機能を示しています。
ビデオの証言は、社会的証明に高いレベルのエンゲージメントを追加し、視聴者にとってよりリアルに見せるもう 1 つの形式のメディアです。
Bryan University は、クリック後のランディング ページで動画の証言を使用しています。 また、紹介ビデオを追加して、見込み客にミッションの概要、キャンパスのプレビューを提供し、学生に提供する主な利点のいくつかを強調しています。
最適化されたフォーム
リード獲得フォームは、訪問者情報を取得するためのチケットです。 完全に最適化されたフォームを作成するための基本的なルールを次に示します。
- 摩擦がないことを確認してください。 見込み客に必要な情報のみを求めるようにして、脅迫したり、フォームへの入力を思いとどまらせたりしないようにします。 見込み客への質問が少ないほど、見込み客がコンバージョンに至る可能性が高くなります。 通常、フォーム フィールドの量は、その人がマーケティング ファネルのどこにいるかによって異なります。ファネルが下に行けば行くほど、より多くの情報を要求できます。逆の場合も同様です。
- 段階的に情報を求めます。 オファーに多くの情報が必要な場合は、できるだけ分割してください。 見込み客は、長くて威圧的なフォームよりも、いくつかの小さなフォームに記入する可能性が高くなります。
- 2 段階のオプトインを検討してください。 2 段階のオプトイン フォームは、フォームを削除して CTA ボタンのみを含めることで、ページを簡素化するのに役立ちます。 訪問者が CTA ボタンをクリックすると、フォームがポップアップ ボックスで開きます。 これを行うことで、威圧的なフォームの可能性を排除し、最も関心のある見込み客のみがフォームに記入することができます。
- 簡単に完成させます。 フィールドを論理的な順序で整理することに加えて、フィールドに事前入力することも効果的な方法です。 見込み客が過去に別のリソースを要求してすでに情報の一部を提供している場合は、フィールドに情報を自動入力することで、このオファーの変換をできるだけ簡単にします。
- 戦略的にページに配置します。 これは必ずしもスクロールしなければならないという意味ではありません。 フォームを配置する場所は、オファーによって異なります。 経験則として、オファーが高価、複雑、または高いコミットメントを必要とする場合は、見込客がそのオファーに慣れるまでの時間が長くなるため、スクロールしなければ見えないほうが適しています。
この Buildium ポスト クリック ランディング ページのリード獲得フォームは、見込み客のスクロールに合わせて移動するため、見失うことがなく、変換の準備が整ったときに必要な労力が少なくて済みます。
注目を集めるCTA
これがすべての結果です。 これは、見込み客にオファーを利用するよう説得するための最後のステップであるため、ページ上の他のすべての要素の中で目立たせる必要があります。
ページに最適な CTA ボタンを作成するには、次の重要なコンポーネントを検討してください。
- 位置。 フォームと同じように、CTA ボタンを時期尚早に提示すると、コンバージョンが減少する可能性があります。 オファーを紹介して説明した後にのみ提示する必要があります。 F パターンまたは Z パターンに従うようにページをデザインすると、CTA ボタンを強調するのに役立ちます。また、ボタンの周りに空白を使用することもできます。
- サイズ。 CTA ボタンは、訪問者が検索しなくても目立つように十分な大きさにする必要があります。 小さすぎると、完全に見逃してしまう可能性があります。
- 色。 CTA ボタンに最大限の注目を集めるもう 1 つの方法は、ページの他の部分とは対照的な色でデザインすることです。 カラー ホイールは、ページ上で CTA ボタンを「ポップ」にする色相、色合い、色合い、トーンを選択するのに役立ちます。
- コピー。 マーケティング担当者は、「送信」、「ダウンロード」、「サインアップ」、「購読」などのコピーを作成することがよくあります。 これらの言葉は使い古されているだけでなく、退屈で曖昧です。 人々があなたのオファーに同意するよう説得するには、あなたのコピーは説得力があり、魅力的でなければなりません。つまり、説明的で、パーソナライズされ、一人称で書かれている必要があります。
Lauren Clark Law が CTA ボタンをどのように最適化したかをご覧ください。
ボタンはスクロールしなければ見えない位置にあり、訪問者が見るのに十分な大きさで、青と白のコントラストがあり、パーソナライズされたコピー (「私の」) と魅力的な (「無料」) を使用して、訪問者にクリックを促します。
信頼指標
見込み客があなたのオファーに同意する前に、彼らはあなたのブランドを信頼できる必要があるため、信頼指標を組み込むことが重要です. 信頼指標にはさまざまな方法がありますが、ここでは最も一般的なものをいくつか紹介します。
- 統計的証拠。 あなたの製品やサービスが見込み客の問題を解決できることを裏付ける数字がある場合は、それを見出し、小見出し、またはコピーで示してください。
- お客様の声。 現在または以前の顧客からの肯定的な経験を共有することは、最も強力な信頼指標の 1 つです。 お客様の声を表示するときは、できるだけ多くの情報 (氏名、役職、ビジネス、および顔写真) を提供してください。これにより信頼性が高まります。
- 権限バッジ。 これには、顧客のロゴ、他の Web サイトからの賞などが含まれます。 たとえば、認識可能で信頼できる企業のロゴを表示すると、見込み客は「うわー、他のすべての有名な企業を助けてくれた! 私も彼らと取引するべきです！
- プライバシーポリシー。 プライバシー ポリシーのリンクは、ポスト クリックのランディング ページで受け入れられる数少ない終了リンクの 1 つです。 このリンクの最も一般的な場所は、リード獲得フォームの下またはフッターです。
- サードパーティのシール。 Paypal、Verisign、McAfee などのサードパーティ シールも、情報が安全に保管され、侵害されないことを見込み顧客に知らせます。
SpareHire は、顧客の声と会社のバッジを使用して、オファーの信頼性を高めています。
ただし、いくつかの改善を使用できることに注意してください。 証言にはあまり詳細が含まれていません — 名前、ビジネス情報、および顔写真がすべて欠落しています. また、5 つ星ではなく 4.5 つ星しか獲得できなかったレビューも含まれていました。
Financial Engines は、信頼指標を使用してはるかに優れた仕事をしています。
ここでの主な違いは、Financial Engines が氏名、役職、顔写真を証言に追加したことです。これにより、信頼性が大幅に向上します。 彼らはまた、いくつかの有名な会社のロゴや 2016 年の InvestmentNews の賞バッジなど、いくつかの権威バッジを展示しました。
プロフェッショナルなポスト クリック ランディング ページを今すぐ作成しましょう
プロらしくないクリック後のランディング ページとプロのポスト クリック ランディング ページの違いは、コンバージョンのチャンスを左右する可能性があります。 プロらしくないポスト クリック ランディング ページで妥協し、一生の顧客を逃してしまいます。
この記事の青写真を使用して、他の例から学び、最高の第一印象を与え、より多くのコンバージョンを生み出してください。
独自のプロフェッショナルなポスト クリック ランディング ページの作成を開始し、今すぐ Instapage Enterprise のデモにサインアップしてください。