最新のSeedProdニュース

ビジネス成長を支援するWordPressチュートリアル、ヒント、リソース

ランディングページ(LP)のA/Bテスト

WordPressのランディングページA/Bテスト:簡単ガイド 

執筆者: 著者アバター ステイシー・コリン
著者アバター Stacey Corrin
Stacey Corrinは、WordPress、SEO、デジタルマーケティングに関する執筆経験15年以上の認定コンテンツマーケティングおよび検索スペシャリストです。彼女はSeedProdとRafflePressのコンテンツを管理しており、自身が積極的に使用しテストしているツールや戦略を取り上げています。
    
レビュー担当者: レビュアーアバター ターナー ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同創設者です。彼は20年以上のビジネスおよび開発経験を持ち、彼のプラグインは2500万回以上ダウンロードされています。

要約:ランディングページをA/Bテストする方法

A/Bテストは、推測ではなく実際の訪問者データを使用して、ランディングページのどちらのバージョンがよりコンバージョンするかを示します。最初のテストを実行する方法は次のとおりです。

  1. 目標と仮説を設定する – 改善したいことを決定し、どちらかのバージョンがより良いパフォーマンスを発揮する理由を予測します。
  2. テストツールを選択する – VWOはSeedProdランディングページと直接統合されており、30日間の無料トライアルが含まれています。
  3. バリエーションを作成する – 1つの要素(見出し、CTA、または画像)のみを変更して、何が機能しているかを特定します。
  4. コンバージョンメトリックを定義する – ページ滞在時間だけでなく、サインアップ、クリック、またはフォーム送信を追跡します。
  5. 統計的有意性に達するまで実行する – 結論を出す前に、バリエーションごとに少なくとも1,000人の訪問者を目指します。
  6. 勝者を実施する – SeedProdで勝者バージョンを公開し、VWOでテストを一時停止します。

ランディングページのA/Bテストは、マーケティングアイデアを検証する最も速い方法です。かつて、特定の見出しが勝者になると仮定しましたが、代替バージョンが20%もコンバージョンが良いことがわかりました。

それがテストの力です。推測を確かなデータに置き換え、サイト全体を再設計することなく、ランディングページの最適化のための迅速な勝利を見つけるのに役立ちます。

このガイドでは、ランディングページの分割テストをステップバイステップで設定する方法を説明します。また、使用するのに最適なツールと、初心者が犯しやすい一般的な間違いも共有します。

ランディングページにおけるA/Bテストとは?

ランディングページのA/Bテストでは、2つのページバージョンを比較して、どちらがよりコンバージョンするかを見つけます。ボタンのテキストや見出しの文言のような小さな変更でも、コンバージョン率を10〜30%向上させることができます。

ランディングページのA/Bテストは、ランディングページの2つのバージョンを作成するテクニックです。各バージョンには、新しいバリュープロポジションや異なるコールトゥアクションのような独自の調整が施されています。

ランディングページのA/Bテストとは?

訪問者はこれらのバージョンのいずれかをランダムに表示されます。目標は、どちらの更新がオーディエンスからのクリックやサインアップなどのエンゲージメントをより多く引き出すかを判断することです。

ランディングページをテストする理由

ランディングページをテストすることで、直感に頼るのではなく、データに基づいた意思決定を行うことができます。見出しやボタンの色のような小さな変更でも、結果を大きく変えることができます。

  • コンバージョンの向上: 業界全体の平均的なランディングページのコンバージョン率は約5.89%です。A/Bテストは、オーディエンスに最適なものを見つけることで、その基準を上回るのに役立ちます。
  • 推測ではなくデータ: 企業の71%が月に少なくとも2回のテストを実行しています。理由は単純で、テストは仮説を実際の証拠に置き換えます。
  • リスクの軽減: デザインを全面的に変更してうまくいくことを期待するのではなく、A/Bテストでは変更を段階的に検証できます。
  • 行動の洞察: テストでは、しばしば驚くべきユーザーの好みが明らかになり、他のマーケティングキャンペーンのアイデアを得ることができます。

A/Bテストによるランディングページ最適化が目標であれば、小さく始めて、まずコンバージョンを動かす要素を改善してください。

時間をかけてこれらの段階的な最適化を積み重ねることで、広告費を増やさずに、より多くのリード、販売、エンゲージメントを獲得できるようになります。

A/Bテスト対多変量テスト対スプリットURLテスト

A/Bテスト、多変量テスト、スプリットURLテストといった用語をよく耳にするでしょう。似ているように聞こえますが、少しずつ動作が異なります。

A/Bテスト対多変量テスト対スプリットURLテスト
テスト方法仕組み最適な用途
A/Bテスト1つの重要な違い(CTAボタンの色など)を持つ2つのページバージョンを比較します。初心者と特定の要素のテスト。
多変量テスト新しい見出し新しい画像など、複数の変更を同時にテストします。要素の最適な組み合わせを見つける。
スプリットURLテスト訪問者を完全に異なるURLに送信してページを比較します。完全に新しいデザインやレイアウトのテスト。

ほとんどの初心者はA/Bテストから始めるべきです。これらは、ユーザーエクスペリエンスとランディングページ最適化を強化するための最も速い道です。

ランディングページに最適なA/Bテストツール

ここでは、WordPressでランディングページの分割テストに推奨する最高のA/Bテストツールを紹介します。中小企業向けの最高の無料A/Bテストツールについて尋ねている場合、VWOは包括的な無料トライアルを提供し、OptinMonsterは成長中のチーム向けに手頃なオプションを提供します。

ツール主な機能最適
OptinMonsterオプトインフォームとポップアップをテストします。リードジェネレーションとCRO。
Thrive OptimizeThrive Architectと統合されています。既存のThrive Themesユーザー様。
VWOビジュアルエディターと高度な指標。SeedProdユーザー様と高度なテスト。
ABtesting.aiAIによる自動最適化。手間いらずの自動テスト。

最初にテストすべき要素は何ですか?

A/Bテストを用いたランディングページ最適化の簡単な実施順序を以下に示します。

  1. 見出し: 異なる見出しの表現、長さ、トーンを試して、どれが最も注意を引き、読者を長く引きつけるかを調べます。
  2. 画像: 画像を入れ替えたり、配置を変更したりして、コンバージョン率にどのように影響するかを試します。
  3. 行動喚起ボタン(CTA): CTAのテキスト、ボタンの色、サイズを試して、どれがより多くのクリックを獲得するかを調べます。CTAテキストで提供している内容を指定でき、SEOに役立ちます。
  4. フォームの長さ: 最小限の項目を持つ短いフォームと、長くて詳細なフォームを試します。これにより、ターゲットオーディエンスの好みを判断できます。
  5. コンテンツとオファー: 異なるオファーやコンテンツの提示方法を試します。ランディングページのコピーやフォーマットのわずかな調整でも、ユーザーの反応が異なる可能性があります。
  6. レイアウトとデザイン: 効果的なランディングページを作成し、ユーザーフレンドリーな体験を提供するために、さまざまなページデザインとページレイアウトを試します。

A/Bテストにはどのくらいのトラフィックが必要ですか?

ほとんどのA/Bテストツールでは、結論を出す前にバリエーションごとに少なくとも1,000人の訪問者を推奨しています。データが少ない状態でテストを実行すると、ランダムな変動が実際のパターンに見える可能性があるため、結果が信頼できなくなります。

1,000人の訪問者にすぐに到達した場合でも、テストは少なくとも2〜3週間実行してください。曜日によってユーザーの行動は異なり、月曜日に終了したテストでは金曜日のトラフィックパターンを完全に逃してしまう可能性があります。

VWOには、ダッシュボードにサンプルサイズ計算機が組み込まれています。現在のコンバージョン率と期待される改善率を入力すると、結果が意味を持つようになるまでテストをどれくらいの期間実行する必要があるかを正確に確認できます。

WordPressでランディングページをA/Bスプリットテストする方法

このガイドでは、VWOを使用してSeedProdランディングページをA/Bテストする方法を説明します。

WordPressランディングページのA/Bテストセットアップを示すVWOダッシュボード

インターフェースが簡単で、高度なテスト機能があり、WordPressとの連携も可能なVWOをお勧めします。さらに、30日間の全機能無料トライアルが提供されているため、サブスクリプションを契約する前に機能を試すことができます。

VWOはSeedProdのビジュアルビルダーとテンプレートの上でも動作します。

Google広告を実行している場合は、Google広告の実験を使用して、キャンペーン設定で2つのランディングページURLを直接スプリットテストすることもできます。これはPPCに焦点を当てたテストの無料の代替手段ですが、有料トラフィックのみを対象としています。テストページ自体の作成に関する完全なウォークスルーについては、「アイデアをテストするためのクイックランディングページの作成方法」を参照してください。

ここでは、SeedProdで作成したランディングページをVWOを使用してA/Bスプリットテストする方法を示すステップバイステップガイドを示します。

1. VWOアカウントの設定

まず、VWOのホームページにアクセスして、無料トライアルにサインアップしてください。

VWO無料トライアルサインアップページ

詳細を入力すると、VWOは提供されたメールアドレスに確認メールを送信します。アカウントを確認して続行するには、メール内のリンクをクリックしてください。

アカウントを確認したら、プロフィールに詳細を追加する必要があります。氏名と電話番号を入力してください。次に、国を選択し、部署を選択します。マーケティング、プロダクト、開発など、あなたの役割に合ったものを選んでください。

次に、試したい製品を選択します。スプリットテストの場合はVWO Testing – Webオプションを選択し、Nextをクリックしてください。

テストWebオプションを示すVWO製品選択画面

セットアップは完了しました。次のステップは、VWOをウェブサイトに接続することです。

次の画面で、Connect Nowボタンをクリックします。

VWOをWordPressウェブサイトに接続する

ここでは、Website、Mobile App、ServerSideの3つのオプションが表示されます。

「Website」オプションを選択し、Nextをクリックしてください。

VWOウェブサイト接続セットアップ画面

次に、ウェブサイトのドメイン名を入力します。VWOはこれを使用してSmartCodeを生成し、インストールの自動検証を行います。

ウェブサイトのドメイン名を入力してください

その後、Add Domainをクリックします。

2. VWO SmartCodeのインストール

VWOは、お使いのサイトがWordPressで実行されていることを自動的に検出するはずです。これにより、サイトへのSmartCodeの追加が容易になります。

すべてのページにコードをコピー&ペーストする代わりに、VWO WordPressプラグインをインストールして有効化することができます。

Pro Tip: 別のプラグインをインストールしたくない場合は、SmartCodeをSeedProdに直接貼り付けることができます。SeedProdビルダーでランディングページを開き、Page Settings » Scriptsに移動して、コードを「Header Scripts」ボックスに貼り付けます。

これを行うには、「download the plugin here」リンクをクリックすると、プラグインZIPファイルがコンピュータに保存されます。

VWO WordPressプラグインをダウンロードする

次に、WordPressダッシュボードから Plugins » Add New Plugin に移動し、ダウンロードしたファイルをアップロードします。

「Choose file」をクリックし、コンピュータからファイルを選択して、 Install Now をクリックします。

VWO WordPressプラグインをインストールする

プラグインをインストールしたら、 Activate Plugin ボタンをクリックします。

VWO WordPressプラグインをアクティブ化する

有効化したら、 Plugins » Installed Plugins に移動し、VWOプラグインの「Settings」をクリックします。

アカウントIDフィールドが表示されたVWO WordPressプラグイン設定ページ

このページで、最初のテキストフィールドにVWOアカウントIDを入力し、Save Changesをクリックします。

プラグイン設定にVWOアカウントIDを追加する

アカウントIDは、VWOダッシュボードの右上隅にあります。

VWOダッシュボードの右上隅にアカウントIDが表示されている様子

これで、VWOダッシュボードに戻り、URLを入力してコードが正しくインストールされているか確認できます。

次のような成功メッセージが表示されるはずです。

VWOスマートコードのインストール成功メッセージ

これで、最初のエラーなしスプリットテストを開始する準備が整いました。

3. 新しいA/Bテストの作成

VWOダッシュボードで Testing » A/B をクリックして、ランディングページの新しいA/Bテストの作成を開始します。

VWOダッシュボードで新しいA/Bテストを作成する

ここでは、VWOがページをテストする方法に関する詳細が表示されます。

  1. 使いやすいエディター: ビジュアルエディターまたはVWOの開発者フレンドリーなコードエディターを使用してテストを作成し、高度なテストを構築します。
  2. クロスプラットフォームテスト: モバイル、タブレット、デスクトップ全体でウェブサイトのトラフィックをテストします。
  3. SmartStats搭載: 高度な数学を使用してデータをより迅速に分析し、信頼できる正確な結果を提供します。

Create an A/B Test をクリックして開始します。

4. ランディングページのURLの定義

これで、VWOにどのランディングページをテストするかを伝えるページが表示されます。

まず、鉛筆アイコンをクリックしてテストに名前を付けます。これにより、複数のテストを実行した場合に識別しやすくなります。

テストダッシュボードのVWO A/Bテスト名フィールド

次に、テストしたいWebページのURLを入力します。これは、訪問者がランディングページにアクセスしたときにブラウザのアドレスバーに表示されるURLです。 

重要: SeedProdランディングページが公開され、ライブになっていることを確認してください。VWOは、まだドラフトモードのページを検出またはテストできません。

A/BテストのランディングページURLを入力する

VWOを使用したA/Bテストでは、特定のURLを使用して複数のページまたはより大きなページセットをテストできます。ただし、このガイドでは単一のURLを使用してシンプルに保ちます。

専門家のアドバイス: テストに選択したURLまたはURLパターンを必ず再確認してください。エラーがあると、間違ったページをテストして不正確または無関係な結果を得る可能性があります。

5. ランディングページバリエーションの作成

ランディングページURLを定義したら、バリエーションタブをクリックします。

ここでは、コントロールページ(現在のライブSeedProdページ)と、バリエーション(バージョンB)を追加するオプションが表示されます。

「バリエーションを追加」リンクをクリックします。

バリエーション追加オプションが表示されたVWOバリエーション設定画面

これにより、変更およびテストしたい内容に基づいて編集できるページの複製が作成されます。

バリエーションを作成したら、編集ボタンをクリックします。

テストダッシュボードのVWO編集バリエーションボタン

これにより、VWOのビジュアルエディタが開かれ、調整する要素を選択できます。

ランディングページ用のA/Bテストを備えたVWOビジュアルエディター

変更したい要素を選択することから始めます。選択したら、変更を加えることができます。 

各要素について、VWOはいくつかの編集オプションを提供します。テキストを変更したり、画像を置き換えたり、より広範な視覚的な変更を行ったりできます。

CTAボタンの背景色を変更します。このオプションは、要素のカスタマイズオプションの「スタイル」タブにあります。

スプリットテストのCTA背景色をカスタマイズする

テストしたいすべてのバリエーションに対してこれを繰り返し、右下隅にある保存して続行をクリックします。

専門家のアドバイス: ページバリエーションごとに1つの要素のみを変更するようにしてください。これにより、各バージョンに1つの明確な違いが生まれます。

目的は実験することなので、変更を大胆に行うことをためらわないでください。ランディングページのコンバージョンを向上させるものを評価するために、明確なバリエーションを目指してください。

6. テストの目標とメトリックの定義

次に、VWOダッシュボードのメトリクスタブを選択します。このページでは、各バリアントの成功を測定するためにVWOが追跡するものを選択できます。 

A/Bスプリットテストの指標

ランディングページの典型的なコンバージョン目標は、サインアップ、販売、またはフォーム送信です。訪問者に取ってほしいアクションに一致する目標を選択してください。

コンバージョン率、クリック率、またはページでの滞在時間を追跡したい場合があります。

  • コンバージョン率は、目的のアクションを完了した訪問者の割合を測定します。
  • クリック率は、訪問者が特定の機能をクリックした回数を示し、ページでの滞在時間は訪問者の関心とエンゲージメントを示すことができます。 

メール購読者をもっと増やしたいのであれば、サインアップフォームのコンバージョン率に注力しましょう。しかし、ページ上の特定の機能へのエンゲージメントを高めたい場合は、ページ滞在時間や訪問者がどこまでスクロールしたかといった指標を検討してください。

VWOでは、ページ要素のCSSクラスを入力することで、非常に具体的に指定できます。

ボタンのクラスを見つけるには、SeedProdビルダーでページを開き、ボタンブロックをクリックします。次に、「高度な設定」タブに移動し、「CSSクラス」フィールドを探します。

例えば、カスタマイズしたボタンのCSSクラスを選択しました。

スプリットテストの指標を作成する

7. オプション設定の設定

VWOは、微調整できる高度な設定も提供しています。

  • 訪問者セグメント:場所、デバイス、または過去のアクティビティに基づいて、ランディングページテストを特定のオーディエンスに直接配信します。例えば、モバイルユーザー向けのランディングページを作成できます。
  • トラフィック配分:ランディングページバージョン間でウェブサイトのトラフィックを分割します。均等な50-50分割を選択することも、新しいデザインを訪問者の30%でテストし、残りは元のデザインを維持することもできます。
  • テスト期間:開始日と終了日を決定するか、結果に確信が持てるまで無期限にテストを実行します。
訪問者セグメントとトラフィック割り当てオプションが表示されたVWO詳細設定

次に進む前に、「今すぐ保存」をクリックして変更を保存してください。

8. ランディングページのA/Bテストの開始

バリエーションと目標を設定したら、A/Bテストを開始する準備が整いました。VWOの「テストを開始」ボタンをクリックするだけです。

ランディングページのスプリットA/Bテストを開始する

A/Bテストがアクティブになり、VWOはガイドラインに従ってトラフィックを分割します。

このテスト中、ランディングページの訪問者はランダムにいずれかのバリエーションを表示します。

バリエーションへの各訪問者は、その特定のバージョンにとっての「訪問」と見なされます。訪問者がテストの目標(例:CTAボタンをクリックする)を達成した場合、それはそのバージョンの「コンバージョン」としてカウントされます。

9. A/Bテスト結果の分析

テストを開始した後、VWOダッシュボードで結果を監視できます。

ライブトラフィックデータが表示されたアクティブなA/Bテストを示すVWOダッシュボード

コンバージョン率やクリック率などの重要な統計情報が表示され、どのバージョンがより効果的かを理解するのに役立ちます。

ただし、正確な結果が表示されるまでには時間がかかる場合があります。辛抱強く、データが時間とともに蓄積されるのを待ちましょう。

ランディングページの結果のA/Bテスト

明確な勝者が決まったら、それをデフォルトページにする時です。

10. 勝者バージョンの実装

VWOが勝者を特定したら、SeedProdダッシュボードに移動し、勝利したバリエーションをライブランディングページとして公開します。VWOに戻り、テストを一時停止してトラフィックの分割を停止します。

テストを終了する前に、何を変更したか、何が改善されたか、そしてどの程度改善されたかを記録してください。この記録は、次のテストの出発点となります。

ランディングページのA/Bテストのベストプラクティスとは?

効果的なA/Bテストの実行は、設定する以上のものです。それは、実績のあるプラクティスに従い、誤ったデータにつながる落とし穴を避けることです。

✅ベストプラクティス

  • 一度に1つの要素をテストする:一度に多くのことを変更すると、何が機能したかを把握することが不可能になります。各バリエーションを集中させましょう。
  • インパクトの高い要素に集中する:ヘッドライン、コールトゥアクション、または価格設定など、コンバージョンに最も影響を与える可能性のある領域から始めましょう。
  • 十分なサンプルサイズを使用する: トラフィックが少ないと結果が信頼できなくなります。統計的有意性に達するまでテストを十分に実行してください。
  • 適切な指標を追跡する: テストを、単なる「ページ滞在時間」ではなく、メールマーケティングのサインアップ、販売、クリックなどの実際の目標に結び付けます。

❌よくある間違い

  • テストを早期に終了する: テストを途中で切り上げると、誤解を招く勝者が出てしまう可能性があります。有意性に達するまで待ってください。95%の信頼性とは、結果がランダムな偶然ではないことを95%確信できることを意味し、VWOのSmartStatsパネルがこれを自動的に表示します。
  • 仮説なしのテスト: ただ「色々試す」だけはやめましょう。すべてのテストは明確な質問に答えるべきです(例:フォームを短くするとサインアップが増えるか?)。良い仮説は次の構造に従います:[要素]を[A]から[B]に変更した場合、[理由]のため[指標]が改善すると予想します。たとえば、CTAボタンを「サインアップ」から「無料アクセスを取得」に変更した場合、コミットメントよりもメリットを強調するため、サインアップ率が向上するはずです。
  • ユーザー行動を無視する: 数字を見るだけでなく、ヒートマップやセッション録画を使用して、人々がどのようにやり取りしているかを確認してください。
  • 結果の文書化を忘れる: 時間とともにインサイトを構築できるように、テストしたことと学んだことを記録しておきましょう。

ランディングページのA/Bテストに関するFAQ

ランディングページのA/Bテストにはどのくらいのトラフィックが必要ですか?

ほとんどのテストツールでは、結論を出す前にバリエーションごとに少なくとも1,000人の訪問者を推奨しています。小規模なサイトの場合は、曜日による変動を考慮して、トラフィックに関係なく最低2〜3週間テストを実行してください。VWOの組み込みサンプルサイズ計算ツールは、特定のトラフィックレベルに適したテスト期間を推定するのに役立ちます。

A/Bテストにおける統計的有意性とは何ですか?

統計的有意性とは、テスト結果がランダムな偶然ではなく、実際の差を反映していると確信できることを意味します。95%の信頼性があれば、勝ったバリエーションが実際にパフォーマンスが高いと95%確信できます。VWOのSmartStatsパネルは、テストの実行中に自動的に信頼性レベルを表示するため、データがいつ準備完了になったかを常に把握できます。

WordPressにおけるA/BテストとスプリットURLテストの違いは何ですか?

A/Bテストは同じURLから2つのバリエーションを提供するため、訪問者はURLの変更に気づきません。スプリットURLテストは訪問者を完全に異なるURLに送信するため、完全に再設計されたページをテストする場合に適しています。ほとんどのWordPressランディングページテストでは、A/Bテストの方が設定が簡単で解釈もしやすいです。

コーディングなしでWordPressでランディングページをA/Bテストするにはどうすればよいですか?

VWOのようなビジュアルテストツールを使用すると、コードに触れることなくポイントアンドクリックエディターで変更を加えることができます。VWOプラグインを介してWordPressサイトに接続し、ビジュアルエディターで要素をクリックしてバリエーションを作成し、テストを開始します。SeedProdランディングページは、VWOのビジュアルエディターでそのまま動作します。

A/Bテストはいつ停止すべきですか?

統計的有意性に達したらテストを停止し、特定の期間が経過したら停止しないでください。ほとんどのツールはダッシュボードで信頼度レベルを表示しますが、各バリエーションで十分な訪問者数があり、信頼度が95%に達したらテストを一時停止する必要があります。たとえ一方のバリエーションが先行しているように見えても、早期に停止すると誤解を招く結果につながる可能性があります。

次のステップ

これで、WordPressのランディングページを自信を持ってテストするために必要なすべてが揃いました。早く始めるほど、早くページが改善されます。

ランディングページの最適化については、以下のガイドも検討できます。

お読みいただきありがとうございます!皆様のご意見をお聞かせいただければ幸いです。お気軽に会話にご参加ください YouTubeX および Facebook で、ビジネスを成長させるための役立つアドバイスやコンテンツをさらにご覧ください。

著者アバター
Stacey Corrin コンテンツマーケティングスペシャリスト
Stacey Corrinは、WordPress、SEO、デジタルマーケティングに関する執筆経験15年以上の認定コンテンツマーケティングおよび検索スペシャリストです。彼女はSeedProdとRafflePressのコンテンツを管理しており、自身が積極的に使用しテストしているツールや戦略を取り上げています。

開示: 当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、手数料が発生する可能性があることを意味します。当社は、読者に価値をもたらすと信じる製品のみを推奨しています。

[weglot_switcher]