ランディング ページの A/B テスト: 比較すべき上位 10 項目とその理由

公開: 2022-09-03
読了時間： 11分

そこで、ランディング ページの A/B テストを開始します。 しかし、無作為に物事を選ぶ前に、考えてみてください。 成功する実験は理論に基づいており、当て推量ではありません。

現在のランディング ページのパフォーマンスはどうですか? ユーザーはどこでドロップオフしますか? すべては、そこに到達するようなリードを対象としているのですか? これらの答えがわかれば、テストからより速く、より良い結果を得ることができます。

テストをやめてはいけません。 うまくいくものを見つけた後でも。 コンバージョンを高める方法は必ずあります。 明らかな変更から、取るに足らない小さな詳細まで。

以下は、A/B テストを行うランディング ページの上位 10 要素とその理由です。 さらに、多くの例:

  1. ポップアップ
  2. 行動喚起テキスト
  3. CTAボタン
  4. 見出し
  5. メインコピー
  6. 画像と動画
  7. サインアップ フォーム フィールド
  8. ランディングページのデザインレイアウト
  9. 社会的証明
  10. 細部 (色、フォントなど)

A/B テスト ツール

A/B テストとは、Web ページの 2 つの競合するバリエーションを単純に指します。 しかし、他の種類のテストも実行できます。 分割テストでは、トラフィックが 2 つの異なるバージョンに半分になります。 多変量テストでは、より多くの変数と組み合わせを比較します。

出典：ハブスポット

しかし、各テストは調査と観察に基づいている必要があります。 次に、作業を行うための仮説が必要です。

出典：リードページ

A/B テストを提供する CRO (コンバージョン率最適化) ツールはたくさんあります。 それぞれ料金プランが異なります。 （予算ゼロの企業向けの無料のものも含まれます。）

これらは最も人気のあるものの一部です：

  1. ABテイスティ
  2. クレイジーエッグ
  3. HubSpot の A/B テスト キット
  4. ヒープ
  5. Google オプティマイズ
  6. VWO
  7. ダ ボタン ファクトリー

したがって、それらをチェックして、あなたのブランドに適しているかどうかを確認してください.

ポップアップ

ランディング ページの現在のバージョンにはポップアップがありますか? そうでない場合、なぜですか？ ポップアップが UX (ユーザー エクスペリエンス) を台無しにした経験は誰にでもあります。 しかし、そうである必要はありません。 正しく行えば、直帰率を下げ、潜在的な顧客を目標到達プロセスの下方に移動させることができます。

ソース: OptinMonster

ポップアップを A/B テストする方法はたくさんあります。 さまざまな色や色合いを試すことができます。

ソース: Getsitecontrol

試してみるには、さまざまな形式もたくさんあります。 あなたがどれだけ微妙または明白になりたいかに応じて：

ソース: ボアワールド

e コマースを使用している場合は、ページの訪問者向けにさまざまなオファーを試すことができます。

ソース: Getsitecontrol

次の点に注意してください。

  • タイミングが全てだ
  • サイズもデザインもシンプルに
  • ユーザーがクリックすると何が起こるかを明確にする
  • フレンドリー コピーを使用する

時々それはあなたが言うことではありません。 おっしゃる通りです。 また、A/B テスト プロセスは、人々の心に響くものを見つけるのに役立ちます。

行動喚起テキスト

行動を促すフレーズは、マーケティング キャンペーンのコンバージョン目標の投稿です。 それらを介して、購入、ダウンロード、またはサインアップします。

シンプルに「ここをクリック」と書きたくなります。 しかし、ユーザーを惹きつけ、望み通りの行動を促す代替手段はたくさんあります。

では、何を書けばよいのでしょうか。 まず、コンバージョンの意図を特定する必要があります。 ユーザーが目標到達プロセスのどこにいて、どこから来たか (トラフィック ソース) に合わせてコピーを作成する必要があります。

ソース: クライアントブースト

冷静さは物事を本当にシンプルに保ちます。 1 行のテキストで、アプリの包括的な目標が示されます。 次に、5 つの異なる CTA ボタンを使用して、最も関連性の高い問題点を選択できます。 その後、パーソナライズされた簡単なクイズに進み、アプリの最適な使用方法を見つけます。 天才。

バジェットニスタは、毎週のニュースレターから何が得られるかを正確に知らせてくれます。 彼女はその価値を率直に示しており、お金を節約している視聴者がすべて無料であることを高く評価することを知っています。

CTA コピーを使用すると、非常にクリエイティブになることができます。 まず、サイトの訪問者がなぜそこにいて、何を求めているのかを調べます。 そうすれば、彼らと共鳴するのは簡単なはずです。

CTAボタン

CTA ボタンは行動を促すフレーズの最後のステップです。 受動的な訪問者を能動的なユーザーに変えます。 したがって、それは独自のセクションに値します。

その多くの部分がコンバージョン率を高める可能性があるため:

  • クリック可能なデザインにする
  • あなたのコピーで説明的であること
  • 適切なサイズと間隔
  • 一人称を試す
  • 緊急性を生み出し、強い動詞を使用する
  • 小見出しの追加

出典：キャンバ

CTA ボタンを少し調整するだけで、A/B テストの結果に大きな影響を与える可能性があります。 Unbounce は、ランディング ページのコピーを「30 日間の無料トライアルを開始」から「30 日間の無料トライアルを開始」に変更すると、クリック率が 90% 増加したことを発見しました。

ボタンの色を変えるだけでも大きな効果があります。 ユーザーは、バージョン B の紺色よりも、このメールの明るいオレンジ色のバージョンを明らかに好みました。

出典：スノーブ

Da Button Factory の無料ツールを使用して、さまざまなバージョンのボタンを試すことができます。 さまざまなスタイル、色、フォント、およびテキストを作成します。 次に、ダウンロードしてランディング ページでテストします。

出典：ダボタンファクトリー

ボタンの「小見出し」を追加して、潜在的な問題点を理解していることを示すこともできます。

出典：CoSchedule

次に、提供するものの価値を強調する必要があります。 その後、反論があれば処理します。

出典: マーケティングの例

ランディング ページの最適化は、これらの細かい部分がすべてです。 特に変換前の最終ステップでは。 だから、それらを忘れないでください。

見出し

平均して、80% の人がコンテンツの見出しを読みます。 しかし、残りの部分を読もうとする人はわずか 20% です。 それで、多くがそれに乗っています。

多くの人があなたのサイトやブランドに対して抱く第一印象です。 ですから、退屈したり混乱したりすることはありません。 それは魅力的で関連性がなければなりません。

出典：リードページ

実験できることのいくつかを次に示します。

  • コピー自体
  • 文の長さ
  • ページ上の位置
  • サイズとフォント
  • 強調している主な利点はどれですか

著者の Amanda Stevens は、見出しの文言を A/B テストしただけで、電子書籍のコンバージョン率が 307% 増加しました。 彼女はこの元のバージョンから切り替えました。

出典：一須

このより明確な更新に：

KlientBoost の別の A/B テストの例を次に示します。 彼らは現在、マーケティング プラン ページの見出しをテストしています。 ページの最初のバージョンは次のとおりです。

そして、彼らが試している他のもの：

Harry Dry からの最後のヒントは、「ランディング ページの言葉」を避けることです。 次のようなもの：スーパーチャージ、ロック解除、解放。 私たちは会話の中でこれらの言葉をあまり使いません。 だから、彼らは関係するのが難しい.

見出しは、人々に対する最初と最後の印象になる可能性があります。 したがって、後者ではないことを確認してください。

メインコピー

サイトの文章部分は、SEO の主要な要素の 1 つです。 あ、はい。 キーワード調査は重要です。 ただし、人間のために書いていることを忘れないでください。

あなたのブランドの声がここで輝く必要があります。 また、コピーのさまざまなバリエーションを A/B テストして、ターゲット ユーザーがどちらを好むかを確認するのも楽しいでしょう。

Cards Against Humanity は恐ろしい人々のためのパーティー ゲームです。 そして、彼らは生意気で皮肉な口調を使用して、すべてを 2 つの短い段落にまとめます。

メインコピーでも書式設定は重要です。 人間はページ全体を読む前にスキャンします。 そのため、小見出しを使用して長いテキストを分割してください。

出典: マーケティングの例

BarkBox は、明確で適切にフォーマットされたコピーの好例です。 彼らは、潜在的な顧客が可能な限り最速の方法で得ているものを正確に知りたがっているようにします.

そして、ミニマルなルックスはますますトレンドになっているようです。 強壮剤ブランド Unspiked も同じ戦術を使用しています。 テキストの壁を会話のトーンのいくつかの主要なポイントに置き換えます。

ランディング ページで何を言おうと、それを伝えるためのより良い方法があります。 そのため、ブランド ボイス、強調している価値、フォーマットを A/B テストします。 そして、あなたの聴衆が何に反応するかを見てください。

画像と動画

デジタル マーケティングにおいて、ビジュアル コンテンツは非常に重要です。 また、ターゲット ユーザーを引き付けるには、製品やサービスの価値を明確にするのに役立つグラフィックがランディング ページに必要です。

これはさまざまな形式である可能性があります。

  • アプリのスクリーンショット
  • ユーザー生成コンテンツと社会的証明
  • あなたの製品の写真
  • 漫画またはグラフィック
  • 映画またはショーリール

出典: マーケティングの例

人間は視覚の生き物です。 そして、あなたの製品やサービスが何をするかを伝えるよりも、それを示す方がはるかに簡単です. そういう意味でも記憶に残ります。 そこで、そのアドバイスを参考にして、それぞれの効果の例をいくつか紹介します。

人々が購入できる製品の高品質の写真:

出典：ハゼ

サービスがカバーする種類を伝えるスケッチ:

ソース: レモネード

動作中のアプリのスクリーンショット:

出典: Todoist

クリックしてよりはっきりと表示できる、バックグラウンドで再生されるショーリール:

出典：メイドブレイブ

これらの形式のいずれかで A/B テストを試すことができます。 スティルショットをお互いにぶつけるかもしれません。 次に、優勝した写真またはグラフィックに対してビデオを試してください。

あなたの聴衆は、製品や人を好むかもしれません。 彼らはあなたの製品の 360 度ビデオを見たいと思うかもしれません。 または、ズームインできる前後の画像。 そして、それを見つけるのはあなたの仕事です。

サインアップ フォーム フィールド

多くの場合、ランディング ページにサインアップ フォームが表示されます。 また、デザインは、人々にサインアップしてもらいたいものによって異なります. 週刊のメールマガジンですか？ 予定されているウェビナー? ダウンロード可能なリソース?

必要のない情報を前もって要求するだけで、相手を遠ざけてしまう可能性があります。 ビッグネームでさえ、これを誤解しています。

出典: マーケティングの例

サインアップ フォームをどれだけシンプルにできるか考えてみてください。 たぶん、Notion のようなメールだけを要求することもできます。

出典：概念

次に、セットアップとオンボーディングを通じて必要な残りの情報を取得します。 これらのアイデアをフォームで A/B テストすることもできます。

  • 無料トライアルの有無についてクレジットカードの詳細を尋ねる
  • 完了したフィールドについてすぐにフィードバックを提供します (例: ティックまたはクロス)
  • ソーシャル メディア、Google、または Apple から登録するオプション
  • 行動を促す文言とボタンの色
  • フォームの構造、配置、進行状況のインジケーター
  • 指示またはエラー メッセージのバリエーションを追加する

ランディング ページのすべてを、行動を促すフレーズではなく、価値を喚起するものと考えてください。 このヒントにより、この賭けフォーラムのサインアップが 31.54% 増加しました。

ソース: アンバウンス

サインアップすることで人々が得られるものがはるかに明白だったからです。 テストは、13,560 人の訪問者と 291 のコンバージョンのサンプル サイズで 9 日間実行されました。 これらはすべて、A/B テストで追跡する必要がある重要な指標です。

プロセスを簡素化できる場合は、それを実行してください。 多くの情報が必要な場合は、分割してください。 人々にとって進歩の各段階を可能な限りスムーズにします。

ランディングページのデザインレイアウト

これまで、多くの単一ページ要素について説明してきました。 では、ランディング ページ全体のデザインはどうでしょうか。

レイアウトは、人々が最初に目にするものややり取りするものに大きな影響を与える可能性があります。 ここでは、ヒートマップとセッションの記録が非常に貴重です。 ユーザージャーニーを追跡するのに役立つからです。 (最初に述べたツールのいくつかは、それを助けることができます。)

彼らは、人々の注目を集めているものを最初に示します。 さらに、正常に機能しない機能やボタン。

出典：GIPHY

訪問者が見込み客であるか見込み客ではないかによって、多くのことが異なります。 CTA とフォームを「スクロールせずに見える範囲」に配置するのが標準です。 しかし、人々があなたの製品について何も知らないと、強引に見えるかもしれません。

この会社は、CTA を長い B2C ランディング ページの下部に移動しました。 実際、コンバージョン数は 304% 増加しました。

出典：ニール・パテル

規範に従うだけではいけません。 または、他のみんながしていること。 あなたのサイトに合わないかもしれないからです。

Unbounce や Leadpages などのランディング ページ ビルダーには、多数のテンプレートとオプションがあります。 したがって、これらをインスピレーションとして使用するか、独自の方法で進んでください。

記録とヒートマップの結果を使用して、レイアウトをシャッフルします。 ユーザー ジャーニーを自分が考えている通りに進めないでください。 それを追跡し、事実に基づいて変更を加えます。

社会的証明

現在、ほとんどのホームページには社会的証明が含まれています。 これは、人は他の人が何をしているかに応じて自分の行動を適応させるという考えに基づいています。 信頼と知覚価値の構築に役立つため、ランディング ページにメリットがあります。 そして、初めての Web サイト訪問者の信頼度を高めます。

社会的証明にはさまざまな形があります。

  • レビュー
  • お客様の声
  • ケーススタディ
  • ユーザー生成コンテンツ (UGC)
  • インフルエンサーとブランド大使の推薦
  • ユーザー統計

あなたの会社が訪問者にとって正しい選択である理由をすぐに強調できます。 VWOのホームページの社会的証明のように。

彼らは本当に簡単な方法で成功を収めました。 各ブランドのロゴの横にパーセンテージが表示され、ツールを使用してコンバージョンがどれだけ増加したかが示されます。

また、社会的証明がページを乱雑にする場合もあります。 そして、CTA から注意をそらします。 そのため、追加する前にまずレイアウトを確認することを意味する場合があります。

Buffer は、社会的証拠として、ホームページで証言と統計を組み合わせて使用​​しています。 すでに多くの人が利用し、評価していることがうかがえます。 次に、特定の経験を掘り下げます。

または、非常にシンプルに保つこともできます。 また、TrustPilot などの有名なレビュー サイトからの評価を表示します。 そうすれば、他に何も言う必要はありません。

ソース: バターナッツ ボックス

では、自分自身の社会的証明をどのように得るのでしょうか? 次のオプションを試してください。

  • ソーシャル メディアで顧客にフィードバックを求める
  • ソーシャル リスニングを使用して、人々があなたのブランドについて何を言っているかを確認します
  • サイトにレビューを追加する
  • UGC をリクエストするか、ハッシュタグ キャンペーンを開始します
  • Google アナリティクスのいくつかの指標を強調する

いくつかのオプションが用意できたら、テストします。 ランディング ページのレイアウトにどのように収まるかを確認してください。 どのバージョンが顧客を惹きつけているかを調べてください。 次に、何か他のことを試してください。

細部 (色、フォントなど)

ランディング ページの 2 つのバージョンは、テストするために大きく異なる必要はありません。 重要ではないように見える詳細を変更することもあります。

例が必要ですか？ この CTA ボタンの背景のサイズを大きくすると、実際にはコンバージョンが 10% 減少しました。 クレイジーですよね？

テストの機会は無限にあります。 ただし、良い影響を与える可能性があることを示唆する調査に基づいて行うことを忘れないでください。

あなたはで遊ぶことができます：

  • カラースキーム
  • タイポグラフィとフォントサイズ
  • カウントダウンタイマー
  • 背景画像とパターン
  • リンクの色

明らかに、何百ものフォントのバリエーションをテストして時間を無駄にしたくはありません。 したがって、現実的に考えて、ブランドのアイデンティティに合うものをいくつか選択してください。

このサイトの場合、1 つのリンクのフォント サイズを大きくすると、クリック率が 33% 向上しました。

そのような小さな微調整は、数千ドルの違いになる可能性があります. しかし、やってみないとわかりません。

結論

ランディング ページには、A/B テストできる要素がたくさんあります。 ただし、最初にそれらを裏付ける証拠が必要です。

製品やサービスに大きく依存します。 また、ユーザーを誘導するランディング ページの種類。 サイトにアクセスしたユーザーは購入する準備ができていますか? それとも、彼らはあなたの製品についてもっと知りたいと思っていますか?

オーディエンスリサーチは重要です。 そのため、最初に潜在的な顧客についてすべてを知っていることを確認してください。 これにより、ランディング ページの A/B テストにかかる時間と労力が削減されます。 そして、はるかに有意義な影響を与えます。

A/B テストで成功したことはありますか? 更新を使用できるランディング ページの部分はどれですか。 以下のコメントでお知らせください。