LP の A/B テストのやり方:効果が出やすい要素と進め方の手順
LP を改善するとき、「こちらのほうが良さそう」という判断は外れることがあります。A/B テストは、2 つの案を同時に配信して実際の反応を比べる方法で、思い込みによる誤った改善を防げます。
この記事では、LP で A/B テストを行う理由、効果が出やすい要素、パターンの作り方、アクセスの分け方、結果の判断と次の一手を順に説明します。A/B テスト全般の基礎は A/B テスト の記事を参照してください。ここでは LP に特化した進め方を扱います。
LP で A/B テストをする理由
LP は、1 つの成果を目的としたページです。そのため、少しの変更でも成果に与える影響を測りやすいという特徴があります。
A/B テストを使う利点は 3 つあります。
- 判断を数字で行える。デザインや文章の好みの議論を減らせます。
- 失敗のリスクを抑えられる。全員に新案を見せる前に、一部の訪問者で試せます。
- 学びが蓄積する。どの要素が反応に影響するかの知識が、次の LP にも活きます。
単純な前後比較との違いも重要です。先週と今週の数字を比べる方法では、曜日、投稿内容、季節など別の要因が混ざります。A/B テストは同じ期間に両方を配信するため、こうした影響を揃えて比べられます。
効果が出やすい要素
どの要素を試すかで、得られる成果は変わります。影響が大きい順に、次の要素を検討します。
| 要素 | テスト例 | 理由 |
|---|---|---|
| ファーストビュー | 見出しの切り口を変える | 全員が必ず見る場所 |
| CTA | ボタンの文言、色、位置を変える | 行動に直結する |
| オファーの見せ方 | 料金の表記方法を変える | 判断に影響する |
| 画像・動画 | 使う写真や動画を変える | 第一印象に影響する |
| 文章の長さ | 説明を短くする、長くする | 納得感に影響する |
| フォーム | 入力項目の数を減らす | 離脱の要因になりやすい |
特にファーストビューと CTA は、見る人の数が多く、行動との距離も近いため、最初に試す要素として定番です。ファーストビューの設計は ファーストビュー で、CTA の考え方は CTA で説明しています。
反対に、フッターの小さな文言のように、ほとんどの人が見ない箇所を変えても、差が出にくくなります。
パターンの作り方
テストの質は、パターンの作り方で決まります。
変える要素は 1 つに絞る
最も大切なのは、1 回のテストで変える要素を 1 つにすることです。見出しとボタンの色を同時に変えると、どちらが結果に影響したのか分かりません。複数を同時に変えたいなら、別のテストとして順に行います。
仮説を文章にする
テストを始める前に、次の形で仮説を書きます。
「見出しを機能の説明から読み手の悩みに変えれば、ボタンのクリック率が上がる。悩みに共感すれば、続きを読む人が増えると考えるため」
仮説があると、結果が出たときに「なぜ」を考えられます。単に勝ち負けを知るだけでなく、読み手の理解が深まります。
差を十分に大きくする
細かい違いは、結果にもほとんど差が出ません。切り口が明確に違う案を作ります。例えば、見出しを「価格の安さ」で訴える案と「手間の少なさ」で訴える案を比べると、読み手が何を重視するかが分かります。
成功の基準を決める
何を見て勝ちとするかを、事前に 1 つ決めます。クリック率にするのか、最終的な成約率にするのかで、判断が変わります。可能なら、最終的な成果に近い指標を選びます。
アクセスの分け方
案ごとにアクセスを振り分ける方法には、主に次の 2 つがあります。
| 方法 | 内容 | 注意点 |
|---|---|---|
| URL で振り分ける | 1 つの入口 URL から、複数の LP に自動で振り分ける | 各 LP のクリックを個別に計測する |
| ページ内で出し分ける | 同じ URL の中で、表示内容を切り替える | 専用のツールが必要になる |
LP のテストでは、パターンごとに別の LP を用意し、入口の URL から振り分ける方法が分かりやすい方法です。Boostlink のプロプランには A/B テスト機能があり、1 つの短縮 URL から複数の転送先にアクセスを分けて比較できます。
振り分けるときは、次の点を守ります。
- 両方のパターンを同じ期間に配信する。
- 振り分けの割合は、基本的に半々にする。
- 同じ訪問者に毎回違う案が表示されないようにする。
- 流入元の傾向が偏らないようにする。
テスト中は、ページの内容や配信方法を変えないでください。途中で変更すると、集計がやり直しになります。
結果を判断して次につなげる
十分な件数が集まるまで待つ
途中の数字で一方が優勢に見えても、すぐに結論を出してはいけません。件数が少ないうちは、偶然による差が大きいためです。必要な期間は訪問数と成約数によって異なります。目安の考え方は 必要な期間 の記事で説明しています。
差が偶然でないかを確認する
差が偶然ではなく、実際の違いかどうかを判断する考え方に、統計的な有意性があります。多くのツールには、判定機能があります。判定の考え方は 統計的有意性 の記事を参照してください。
結果の記録を残す
テストが終わったら、次の項目を記録します。
| 項目 | 内容 |
|---|---|
| 仮説 | 何を、なぜ変えたか |
| 期間と件数 | 配信期間、訪問数、成果数 |
| 結果 | 各パターンの数字と差 |
| 解釈 | なぜその結果になったと考えるか |
| 次の行動 | 勝ったパターンの採用と、次に試す要素 |
差が出なかった場合も、その要素が成果に影響しにくいという知見になります。そのまま次の要素に進みます。勝ったパターンは本番として採用し、さらにその案を元にした次のテストを組み立てます。この繰り返しが改善の積み重ねになります。
数字を確認するときの注意
- 結果が出たあとも、一定期間は数字を見続けて、効果が続くか確認する。
- 平均だけでなく、スマホと PC など端末別の差も確認する。
- 成約率が上がっても、返品や解約が増えていないかを見る。
よくある失敗
- 一度に複数の要素を変えて、原因が分からなくなる。
- アクセスが少ないのに、数日で結論を出す。
- 勝ち負けだけを見て、理由を考えない。
- 誇大な表現で成約率を上げて、景品表示法などの問題を招く。数字が上がっても、法令を守らない案は採用できません。
アクセス数が少なくてテストが難しい場合は、まず大きな変更を行い、前後で比較する方法を取りつつ、アクセスを増やしてから本格的な A/B テストに移ります。公開後の改善全体の流れは LP 改善 で扱っています。
テストの進め方の例
次の数字は考え方を示すための例です。ある LP の月間訪問が 3,000 人で、現在のボタンのクリック率が 10% だとします。この LP で、見出しを入れ替える A/B テストを行います。
| 案 | 見出しの方向 | 配信 | クリック数 | クリック率 |
|---|---|---|---|---|
| A(現行) | 機能の説明 | 1,500 人 | 150 件 | 10% |
| B(新案) | 読み手の悩み | 1,500 人 | 180 件 | 12% |
差は 2 ポイントですが、この程度の件数では偶然の可能性が残ります。1 回の差で結論を出さず、期間を延ばして同じ傾向が続くかを確認します。B が勝った場合は、B を本番にして、次はボタンの文言を試します。
テストを組む順番は、見る人の多い場所から決めるのが原則です。最初の画面、ボタン、料金の見せ方の順に進めると、時間をかけずに大きな差を拾いやすくなります。
テスト前に確認するチェックリスト
- 成功の基準となる指標を 1 つ決めたか。
- 変える要素は 1 つだけか。
- 両パターンのクリックを、別々に計測できるか。
- 自分のアクセスが集計に混ざらないよう、対策したか。
- スマートフォンで両方のページが正しく表示されるか。
- 終了の条件(期間や件数)を先に書いたか。
特に計測の確認は、始めてから気づくと配信をやり直す手間が出ます。事前に、それぞれのページにテスト用のクリックを入れ、数字が分かれて記録されるかを見てください。
アクセスが少ないときの工夫
月間の訪問が数百人の LP では、小さな差を検出するのに時間がかかります。そのような場合は、次の方法が使えます。
- 小さな変更ではなく、全体の構成が違う案同士を比べる。
- 成約ではなく、ボタンのクリックのように件数の多い指標で判断する。
- 期間を長く取る。ただし季節要因が混ざらないよう注意する。
- 先に流入を増やす施策を行い、検証できる件数を確保する。
どうしても件数が足りない場合は、定性的な方法を併用します。実際に知人にスマートフォンで見てもらい、どこで迷うかを観察する方法でも、改善の手がかりが得られます。
まとめ
LP の A/B テストは、ファーストビューや CTA のように影響の大きい要素から始め、1 回につき 1 つの要素だけを変えるのが基本です。仮説と成功の基準を事前に決め、同じ期間に両方を配信し、十分な件数が集まってから判断します。結果は記録して、次のテストに活用します。
A/B テストでは、1 つの入口から複数の LP に振り分ける仕組みがあると手間が減ります。Boostlink のプロプランなら、短縮 URL を使って A/B テストを行い、クリック分析で結果を確認できます。
また、SNS で発信する土台となるアカウントを用意したい場合は、アカウントの購入や M&A を扱う Boostshop もあります。