コンバージョン率の高いランディングページの作成

公開: 2016-04-04

おそらく、Unbounceの共同創設者であるOli Gardnerは、あなたよりも多くのランディングページを見てきました。（昨年5月現在約8万人）

ランディングページの98％は、注意とコンテキストを無視したために失敗したと彼は言います。

ランディングページ最適化のエピソードで、OliとSiteTunersのCEOであるTimAshがコンバージョン中心のランディングページの作成について話し合っています。

キャンペーンの目標から始める

ランディングページを作成するときは、StephenCoveyの「終わりを念頭に置いて開始する」ことを忘れないでください。

オリはあなたがすべきだと指摘します…

専用のランディングページなしでマーケティングキャンペーンを開始しないでください
キャンペーンの目標を設定せずにランディングページを作成しないでください

あなたのページの目的は、あなたが人々にどんな行動をとらせたいかを知らせます。

したがって、上流のトラフィックソースと訪問者の意図（それらが由来するコンテキスト）を理解することは、計画の一部である必要があります。

これが、理想的な世界では、コンテキストが異なるため、各インバウンドチャネルに独自のランディングページがある理由です。

たとえば、検索には意図があります。
電子メールには会話があり、さらにセグメント化することができます-マーケティングの自動化を行っている場合、信頼や開いた電子メールの数に関して、さまざまな関係にある人々がいる可能性があります

注意を操作する

オンラインでは、注目は希少な商品です。

したがって、訪問者があなたのページにアクセスしたとき、あなたが彼らに何をしてほしいかに彼らの注意を集中させてください。

注意の比率

キャンペーンの目標は1つだけです。

したがって、専用のランディングページで実行できる操作の数と実行する必要のある操作の数の比率は、 1：1にする必要があります。

これは、広告から複数のリンクがあるホームページにユーザーを送信する場合には発生しません。そして、これがランディングページが重要である理由です。

視覚的階層

意図的にデザインを使用して、ページで重要なもの、つまり召喚状（CTA）を強調します。

デザイン要素はCTAをサポートする必要があり、CTAから人々の注意をそらさないようにする必要があります。

近接性

近くに配置されたものは関連していると見なされます。

CTAに近いステートメントまたは設計要素はクローザーと呼ばれます。 また、訪問者がCTAをクリックするのを説得または阻止することができます。

たとえば、ボタンのすぐ近くに配置する必要があるという免責事項は、人々を落胆させる可能性があります。ただし、ウェビナー登録の場合は、「できませんか？とにかくサインアップしてください。録音をお送りします」と、参加できないという不安を和らげ、より多くのリードを得ることができます。

一貫性

同じタイプのコンテンツを同じように表現するため、訪問者に不必要な認知的負荷をかけることはありません。

長いページに証言が広がっているとしましょう。証言を同じように設計する場合、ユーザーが証言に出くわすたびに、ブロックがどのタイプのコンテンツであるかを理解する必要はありません。

これは読みやすさに役立ちます。

異常

一方、何かが重要で、それを目立たせたい場合は、他の部分とは異なるものにします。

会議を実行していて、ページに講演者の写真があるとします。訪問者に特定のスピーカーにすぐに気づかせたい場合は、他のスピーカーの上に配置するか、分離することができます。または、全員の写真が丸で囲まれている場合は、目立たせたい写真を四角で囲みます。

パターンを中断したり、何か変わったことをしたりすることで、人々の注意を引くことができます。

注意を引く人と言えば…

モーション

モーションはグラフィックスとテキストよりも優れています。

人々は動きを見ざるを得ないので、注目を集めるのに最適です。

モーションを使用する1つの方法は、デザインがページの下に何もないように見える場合（または、スクロールバーが表示されない場合）のスクロールトリガーとして使用することです。これは、バウンドする矢印の形で、長いスクロールページであることを示すことができます。

ただし、一般的に、動きは危険です。したがって、CTAを直接サポートしていない限り、ページから削除することを検討してください。

情報階層

これは正しい順序で物語を語ることについてです。

Oliは、ランディングページのデザインの構造とレイアウトが原因で、ページ上の情報が順序どおりになっていないことが多いことを観察しています。

コピー対デザイン

コピーはデザインに通知する必要があり、その逆ではありません。テンプレートに3つの箇条書きがあるからといって、ページに3つの箇条書きがあってはなりません。

そう …

キャンペーンのコピーを書いて、
そのコピーを視覚的に伝えるエクスペリエンスを設計します。

クリアvs.賢い

また、見出しと小見出しが間違った順序で配置されているのを見るのもかなり一般的です。

人々はしばしば、サブヘッドラインで明確にする巧妙でありながら不明確なヘッドラインを持っています。オリは、それらの順序を逆にすると、ページの明瞭さが即座に2倍になると指摘しています。

巧妙な見出しは、状況に応じて機能する場合と機能しない場合があります。

たとえば、それが電子メール主導のキャンペーンである場合、人々はすでにあなたに精通している可能性が高いので、あなたは少し創造的になることができます。ただし、PPCキャンペーンの場合は、ページの見出しを広告とほぼ逐語的に一致させる必要があります。

見出し、小見出し、CTA

ティムは、ダイレクトレスポンスのランディングページは訪問者に3つのことを伝えなければならないと付け加えています。

何についてのページですか？ –見出し
アクションブロック（フォームなど）を操作する必要があるのはなぜですか？ –サブヘッドライン
ボタンを押すとどうなりますか？ – CTA

そして、それらはその順序で提示されるべきです。

すべてを一緒に入れて

コンバージョンの最大の推進力は、訪問者の意図に一致することです。

コンテキストを考慮してください。 訪問者がどこから来ているのか、そして彼または彼女が何をしようとしているのかを考えてください。訪問者がクリックする前に、約束したことを実行します。これは、広告のデザインとメッセージをページのデザインとコンテンツと一致させることを意味します。

自分がやるべきことに注意を向けることで、人々があなたの望む行動を取りやすくします。

そうすることで、人々が回心するのを楽にします。

WebmasterRadio.fmから「 OliGardnerを使用したランディングページの注意の操作」ポッドキャストを聞くかダウンロードします。