WordPressでフィーチャー画像をA/Bテストする方法

公開: 2016-11-14

A / Bテストは、2つの異なるバージョンのWebサイト、またはWebサイト上の要素を比較して、どちらのバージョンが最高のパフォーマンスを発揮するかを確認する方法です。 これは、特に特徴画像の選択や画像の最適化など、サイトのデザインについて情報に基づいた決定を下すのに便利な方法です。 この概念はWordPressに固有のものではありませんが、CMSでの作業を非常に簡単にするツールがいくつかあります。

さまざまなタイプのA/Bテストと実際にテストを開始する方法に入る前に、知っておくべきいくつかの重要な用語を次に示します。

  • 変数:これは、テストするサイトの要素です。
  • バリエーション:テストを実行するときのさまざまなバージョンオプション。 この場合、「A」または「B」のバリエーション。
  • 変換:ユーザーが目的のアクションを実行したとき。
  • テスト:データが収集される期間。
  • 勝者:テスト中に最高のパフォーマンスを示したバリエーション。

A/Bテストの種類

A / Bテストは複雑なテーマであり、その背後には科学全体があります。 多変量テストなど、いくつかの要素とそれらの組み合わせを調べて、最適な変換目標を達成する要素を見つけるテストがいくつかあります。 ただし、複雑なことをすることに圧倒されるのではなく、分割テスト(最も基本的なタイプの1つ)を設定することは、A/Bテストを簡単にするための優れた方法です。

分割テストとは、1つのページ要素を同じ要素の代替バージョンに対してテストして、特徴画像のテストなど、どちらがパフォーマンスが優れているかを確認することです。

a-b-test-feature-images-inspiration

フィーチャー画像分割テストの開始

投稿でどの機能画像が最適か疑問に思っている場合は、分割テストを実行することが解決策を見つけるのに最適な方法です。 特徴画像の「A」と「B」のバリエーションを作成し、それらを相互にテストすることで、そのデータを使用してどちらが優れているかを確認できます。 次に、新しいイメージを実装して、コンバージョン率を向上させることができます。 これを行うことで、何が最も効果的に機能するかを推測するだけではありません。 何が実際に機能し、どの画像が最も多くのコンバージョンをもたらすかを知っています。

実験のための画像の考慮事項

画像はウェブサイトに大きな影響を与えます。 それらがなければ、時々経験はそれほど楽しいものではありません。 ユーザーはまた、同じ古いストック写真ではなく、ユニークな画像を見たいと思っています。 サイトで高品質の画像を使用することで、メッセージを伝え、ブランドを強化することができます。 たとえば、コーヒーショップのウェブサイトにアクセスしているとします。 ハンバーガーの画像を見るのは少し不思議です。 彼らは食べ物を出すかもしれませんが、人々がコーヒーショップに行く主な理由はコーヒーを飲むことです。 ユーザーが高品質の画像を注目の画像として見ると、すぐにおいしいコーヒーを飲むことができるというつながりが生まれます。 重要なのは、ユーザーがあなたのビジネスについて混乱しないように、あなたのブランドを反映し、関連性のある画像を使用することです。

一般に、人物が写っている写真はパフォーマンスが向上する可能性がありますが、予測可能なストック写真は理想的ではなく、逆の効果をもたらす場合もあります。 競合他社と同じストックフォトを持っていることほど悪いことはありません。 ユーザーは信頼性を求めており、実際の人々があなたのビジネスと対話しているのを見たいと思っています。

実験画像の選択

コーヒーショップの例で作業を続けましょう。 フィーチャー画像については、コーヒーのクローズアップを表示する必要がありますか? それとも、外出中の人にコーヒーショップのストリートビューを見せてくれる街の雰囲気をもっと設定したいですか? どちらもコーヒーのアイデアを伝えているので、どちらがより多くのコンバージョンをもたらすかを確認するためにテストしてみましょう。

a-b-test-feature-images-page-comparison

ウェブサイトのコンバージョンの種類

「コンバージョン」は、デジタルマーケティングの世界で人気のある言葉です。 正確には何ですか? 使用しているサイトの種類と、探している変換の種類によって異なります。 メーリングリストに登録する、召喚状のボタンをクリックする、製品を購入することはすべて、コンバージョンの優れた例です。 この実験で望ましい変換は、読者にイベントページからコーヒーの味覚テストにサインアップさせることです。

アクションと目的の定義

まず、ユーザーに実行させたいアクションを理解する必要があります。 この場合、ランディングページの内容に基づいてコーヒーの味覚テストにサインアップしてもらいます。 これには、次のページのサインアップフォームに記入する必要があります。 分割テストを実行することで、コンバージョン率が高くなるため、どの画像がより効果的であるかを判断できます。

a-b-test-feature-images-form-page

新しいテストを設定する前に、実験がWebサイトの目的と一致していることを確認することが重要です。 この場合、ウェブサイトは特製コーヒーを宣伝し、顧客サポートを提供する手段です。 ウェブサイトは顧客とつながり、顧客を通常のコーヒー購入者にする方法であるため、このテストはこれらの目的に沿っています。

目標を定義したら、目標を念頭に置いてください。 クリック率を上げたいですか、申し込みを増やしたいですか、それともより多くの製品を販売したいですか? すべての目標は異なり、サイトに固有のものになります。

WordPress用の分割テストプラグイン

新しいプラグインをテストする前に、まずテスト環境で作業することが重要です。 プラグイン、またはそのことに関するカスタマイズは、現在のサイト設定と競合する場合に備えて、徹底的にテストする必要があります。

WordPressで機能画像をA/Bテストするには、次のプラグインを使用してみてください。

  • A/Bイメージオプティマイザー
  • シンプルページテスター

A/Bイメージオプティマイザー

セットアップと構成が簡単な非常に基本的なWordPressプラグインから始めます。 このツールはA/Bイメージオプティマイザーと呼ばれます。 これにより、特徴画像の自動分割テストが可能になり、2つの画像を表示して勝者を決定することで、ページビューを増やすことができます。

a-b-test-feature-images-optimizer

ページの残りの部分がどのように同じであるかに注意してください。 2つの異なる画像を除けば、ページコピー、見出し、ボタンは同じです。 2つのバージョン間で一貫性を保ち、画像が唯一の要素であることを確認する必要があります。

a-b-test-feature-images-optimizer-a
これが「A」バージョンです。
a-b-test-feature-images-optimizer-b
これが「B」バージョンです。

このプラグインのインターフェースは非常に使いやすいです。 これは特徴画像をテストするために使用されることを意図しているため、投稿またはページを編集すると、2番目の「B」画像をアップロードするための追加オプションが表示されます。

各バージョンが十分に表示された後、パターンが開発され始めます。 ビューとクリック数が記録されるため、テストを数日間実行した後、どちらの画像のパフォーマンスが優れているかが明確になります。

注意すべき1つのこと:勝者を決定するときに物事が統計的に有意になる時期についての明確なルールはありません。 選択が明白になることもあれば、そうでないこともあります。 そのような場合は、腸に沿って進むか、新しいテストを開始することを検討してください。

a-b-test-feature-images-results
a-b-test-feature-images-performance

シンプルページテスター

Simple Page Testerは、より詳細なツールです。 このプラグインにコミットする前に、2つのページのバリエーションが作成され、テストの分析を確認するために別のツールが必要になることに注意してください。 GoogleAnalyticsは良い選択です。

a-b-test-feature-images-simple-page-tester

まず、プラグインをインストールしてから、「新しい分割テストのセットアップ」を選択します。

a-b-test-feature-images-simple-page-test-setup

ここでページバリエーションが作成されます。「マスターページを複製する」、「既存のページを選択する」、または「新しいページを作成する」ことができます。

a-b-test-feature-images-two-pages

この例は、マスターページの複製から作成されました。 これを行うと、2つのページが一覧表示されます。 現時点では、「B」バージョンに変更を加える前の唯一の差別化要因はリンクです。 デフォルトでは、末尾に「2」があるため、http://thiswebsite.com/yirgacheffe-coffee-tasting-2のようになります。

「A」と「B」の両方のバリエーションがあることは、この時点ではそれほど違いはありません。 「B」バージョンを開いて、2番目の特徴画像を追加しましょう。 これを行うには、他の機能画像と同じようにアップロードするだけで、すぐに使用できます。

a-b-test-feature-images-analytics

単純な特徴画像テストの場合、それがあなたがしなければならないすべてです。 残りは、物事がどのように機能するかを確認するのを待つことになります。 このツールにはいくつかの基本的な分析が組み込まれていますが、GoogleAnalyticsほど詳細ではありません。

GoogleAnalyticsの目標を使用してこれらの結果を測定する

アナリティクスをさらに深く掘り下げるために、Googleアナリティクスはサイトのトラフィックとコンバージョンに関する洞察を提供します。 「A」と「B」のバージョンがあると、目標を設定できます。 この場合、イベントにサインアップした後の登録確認ページが目標になる可能性があります。

a-b-test-feature-images-signup

目標が設定された後、どのバージョンが最も多くのユーザーをコンバージョンへの望ましい経路に導いたかを確認するための目標到達プロセスがあります。

a-b-test-feature-images-goal-funnel
a-b-test-feature-images-funnel-example

これらのプラグインは、セットアップが簡単なツールです。 これらをWordPressA/ Bテストに使用できるようにすることは、基本的な分割テストを行うときに複雑なA/Bツールが必ずしも必要ではないことを示しています。 これらのプラグインを使用すると、基本的なテストをすばやく簡単にセットアップして、Webサイトの変換を改善できます。