ランディングページのA/Bテストの方法

更新日時 June 30, 2016

必要条件

ソフトウェア: HubSpot マーケティング
サブスクリプション: Enterprise
HubSpotエンタープライズカスタマーは、HubSpotのランディングページのA/Bテストにアクセスできます。このチュートリアルでは、ランディングページのA/Bテスト作成のプロセスをご紹介します。お楽しみください。

効果的なA/Bテストのためのガイドライン10項目

  1. 一度に1つのテストを実行 - 一度に1つ以上のテストを行うと、テスト結果に支障をきたします。ランディングページのA/Bテストと同時に、ランディングページへの移動を促すEメールキャンペーンのA/Bテストを実行すると、テスト結果はすぐに支障をきたします。それでは、どの変更がリード増加につながったのかを理解するのは困難です。
  2. 一度に1つの変数をテスト - 上記と同じ原理です。ページ中のある1つの要素がどれだけ効果的かを評価するには、A/Bテストの変数を分離する必要があります。一度に1つの要素をテストしましょう。
  3. 全要素を対象にしたA/Bテストの実行が可能 - 異なるボタンの色や背景色をテストでき、実際そういったテストをお勧めしますが、すべてのランディングページ、Call-To-Action(CTA)、またはEメールを変数としてテストを行うこともご検討ください。見出しや画像など、1つのデザイン要素のテストを行う代わりに、2つの完全に異なるページをデザインし、それらをテストして比較してみましょう。これは、より高レベルのテストです。この種のテストは最大限の改善をもたらします。細かい調整による最適化を継続する前に、こうしたテストの実行を検討しましょう。
  4. 小さな変更もテスト - 大幅な変更がリードジェネレーションの数値を上げるというのが一般的な考え方ですが、多くの場合、詳細も同様に重要です。テストを作成する際には、ランディングページの画像やCTAの色の切り替えのような単純な変更であっても、大きな向上につながる可能性があるということを忘れないでください。実際、このような変更は通常、大きな変更よりもはるかに測定しやすいと言えます。
  5. ファネルはできるだけ深く測定 - 確かに、A/Bテストはランディングページのコンバージョン率に肯定的な影響を及ぼすかもしれませんが、売上高への影響はどうでしょうか。A/Bテストは収益に多大な影響を及ぼす可能性があります。見込み客は少なめでも、ランディングページが結果的により高い売上をもたらすこともあります。A/Bテストを作成する過程で、クリック率、リード、トラフィックからリードへのコンバージョン率、デモのリクエストなどの指標にA/Bテストが及ぼす影響について検討してください。
  6. コントロールとトリートメントを設定 - どのような実験でも、テストの対象となる要素の元のバージョンを保持する必要があります。A/Bテストの実行にあたり、変更を加えていないバージョンを「コントロール」と設定します。これは通常、あなたが使用するランディングページです。次に、バリエーションまたは「トリートメント」を作成します。これはコントロールと比較してテストするランディングページです。たとえば、お客様の声をランディングページに入れた方が効果的かどうかを検討中であれば、お客様の声を入れないコントロールページを設定します。次に、お客様の声を入れたバリエーションを作成します。
  7. 何をテストするかを決定 - テストできる変数は数多くあります。テストの対象を画像やテキストのサイズだけに限定する必要はありません。マーケティングリソースのさまざまな要素のほか、デザイン、言葉づかい、レイアウトにおいてどのような選択肢があるかを検討してください。中には、すぐには気づかないテストエリアもあるはずです。たとえば、異なるターゲットオーディエンス、タイミング、Eメールとランディングページの間の連携などをテストすることができます。
  8. サンプルグループを無作為に分割 - 決定的な結果を出すには、条件の等しい2つ以上のオーディエンスをテストする必要があります。HubSpotでは、トラフィックをバリエーションに自動的に分割して、無作為抽出された訪問者が各バリエーションに割り当てられるよう配慮しています。
  9. 同時にテストを実行 - タイミングは、それが1日の時間帯であれ、曜日であれ、月であれ、マーケティングキャンペーンの結果に大きな影響を及ぼします。ある月にテストAを実行し、1か月後にテストBを実行したとしたら、回答率の変化は異なるテンプレートのせいなのか、別の月に行ったせいなのかがわからなくなります。A/Bテストは、同時に2つ以上のバリエーションを実行する必要があります。同時にテストを実施しないのであれば、結果を推測することになりかねません。
  10. テスト前に、必要な有意性を決定 - ウェブサイトやEメールキャンペーンに変更を加える必要があるという判断に至るには、テスト結果がどの程度の有意性を示すべきかを、テストを開始する前に検討します。テストを開始する前に、最も効果的なバリエーションについての統計的有意性の目標を設定します。どのあたりを目標にすればよいかお迷いですか?97~99%の範囲を試してみてください。
ランディングページがA/Bテストの対象となる場合、ランディングページには1つのURLが割り当てられます。ウェブサイトの訪問者があなたのページを閲覧するとき、HubSpotは無作為にバリエーションAまたはバリエーションBを表示します。こうすることで、後にその結果に基づいて、どちらのバリエーションがより効果的かを決定できます。

手順

次の手順に従って、ランディングページのA/Bテストを作成してください。

1.ランディングページを作成

手順を参照し、ランディングページを構築するための通常の手順に沿って、最初のバリエーション(コントロール)を作成します。

2.新しいバリエーションを作成

編集するランディングページにマウスを合わせると、アクションボタンが表示されます。[Edit(編集)]をクリックして続行します。

ページの[Settings(設定)]をクリックすると、[A/Bテストを作成]のリンクが右上に表示されます

3.このバリエーションの名前を選択

4.ランディングページのバリエーションを編集して、適切なA/Bテストを作成

テストを実行するべき変数

  • オファー - オファーのメディアをいろいろと試します。eBookをホワイトペーパーや動画と比較したテストを実施することもできます。  
  • コピー - コンテンツの書式設定とスタイルをいろいろと試します。シンプルな段落と箇条書き、または長いテキストと短いテキストを比較するテストを実行できます。
  • 画像 - 異なる画像を試して、コンバージョン率への影響を観察します。
  • フォームフィールド - フォームにはEメールアドレスのみの入力を要求すべきでしょうか。それとも、もっと情報を集めるべきでしょうか。フォームの長さをいろいろと試してみましょう。
  • ページ全体 -抜本的な成果を上げ、多くのコンバージョンをもたらすランディングページを作成するための最速の方法は、ページ全体をテストすることです。画像の配置、フォームの長さ、コピーに影響を与えるバリエーションをページ全体に反映させます。統計的に有意な結果が出て、パフォーマンス向上の誘因となるバリエーションが明らかになれば、小さな調整を行いながら最適化を続行します。

ランディングページのバリエーションをすばやく編集するには、バリエーション編集のAまたはBの切り替えボタンを使用します。

A/Bテストを公開する前に、Bバリエーションを削除しますか?その方法について詳しくは、こちらの記事をご覧ください。

5.A/Bテストの結果を確認

バリエーション公開後:
  1. ランディングページの詳細にある[Variations(バリエーション)]タブを使用して、A/Bテストの結果を表示します。
  2. 送信や顧客など、いくつかの指標でフィルターを適用します。
  3. また、1つのバリエーションをテストの勝者に選んで、他のバリエーションの検討を中止することもできます。これには[Choose as winner(勝者に決定)]ボタンを押します。

前の記事

次の記事