WordPressブロックパターンを使用してA/Bテストをすばやく作成する

以前の投稿で説明したように、WordPress 5.8と今後のパターンディレクトリでは、WordPressのブロックパターンが勢いを増しています。 ブロックパターンについて私たちが最も気に入っているのは、デザインの観点から、ページや投稿にさまざまなセクションを追加するための単一のユニットとして意味があることです。

たとえば、信頼性を高め、Webサイトの訪問者の信頼を得るには、製品の主な機能を強調するセクション、クライアントのロゴを含むセクション、1つ以上の紹介文を含むセクションを含めることができます。あなたのサービスのレビューなど。そして、各セクションのデザインのために選択できるパターンのさまざまなレパートリーを持つことは完璧です。

ページレイアウトユニットとして理解されるパターンも、A/Bテストの理想的な候補です。 A / Bテストを作成し、ウェブサイトでのコンバージョンを改善するのにどのように役立つかを以下で見てみましょう。

A/BテストでWeb変換を改善する

ウェブコンバージョンとは、あなたのウェブサイトにアクセスした人が行うと予想されるあらゆる行動を指します。彼らは製品の詳細や価格設定ページにアクセスし、ニュースレターを購読し、私たちに連絡し、記事を読み、私の製品を購入するなどです。コンバージョン率は、訪問数に対するコンバージョン数です。 つまり、ウェブサイトに1日あたり合計100回アクセスし、そのうち2回が商品を購入した場合、ウェブサイトのコンバージョン率は2％になります。

コンバージョン率を向上させるのに役立つツールは、A/Bテストです。 A / Bテストは、改善の仮説に基づいて、Webで変更を提案し、それがより適切に機能するかどうかを確認することで構成されます。 たとえば、好奇心を高めるメッセージでランディングページの最初のブロックを変更したり、価格設定ページにさまざまな商品が表示される順序を変更したり、投稿の最後に商品のプロモーションを追加したりします。

技術的な観点から、A / Bテストは、同じWebページの2つ以上のバージョンまたはバリアント（メニューやテーマなどの場合もあります）を異なるWeb訪問者のセットに表示し、どのバリアントが生成するかを比較することで構成されます。より多くのコンバージョン。

上記の例ですでに観察したように、多くの場合、作成するバリアントは、テストしたページのセクションを追加、変更、または削除することで構成されます。 このため、ブロックパターンの概念は、作成プロセスで特に役立ちます。 A/Bテスト。

作成するパターンを使用したA/Bテスト

あなたは作成することができますがWordPressWebサイトでのA/Bテストを手動で行う場合は、市場で入手可能なツールの1つを使用することをお勧めします。特に、ブロックパターンを最大限に活用したい場合は、作成するのに最適なツールです。 A/BテストはNelioを使用することですA / Bテスト（無料およびプレミアム（月額29ユーロ）が利用可能）は、ネイティブのWordPressプラグインであるため、WordPressブロックエディターと完全に統合されています。

を作成するにはNelioによるA/BテストWordPressブロックエディターを使用したA/Bテストでは、次の手順に従います。

• 作成するテストのタイプを選択し、
• テストバリアントを定義し、
• コンバージョンの目標とアクションを定義し、
• または、セグメンテーションを適用するかどうかを定義します。
• テストを実行し、進捗状況を分析します。
• 勝った選択肢を最終として適用します。

このガイドでは、作成する前の各手順の詳細をすべて説明しますNelioによるA/BテストブロックエディタでのA/Bテスト。

いくつかの例を使って、ブロックパターンが作成をより効率的にするのにどのように役立つかを見てみましょう。 A/Bテスト; 特に、テストバリアントの定義において。

例

Webサイトで実行したい3つの異なるテスト例を想定してみましょう。

例1 ：一方で、サービスの利点を紹介するセクションを変更して、Nelioページで代替デザインをテストしたいと思います。

例2 ：同様に、同じページの紹介文セクションの代替デザインをテストして、どちらがより魅力的かを確認したいと思います。

例3 ：すべての投稿の最後に召喚状のセクションまたはバナーを追加すると、ニュースレターの購読者が増えるかどうかをテストしたいと思います。 この投稿の最後にあるように、現在私たちのブログにありますが、最後にはコメントを追加するセクションしかありません。

これらをどのように作成しますかA / Bテスト？ Nelioのようなツールを使用すると、追加の手順でそのページのデザインを変更するのと同じくらい簡単です。 どれを見てみましょう…

作成するテストのタイプを選択する

を作成することは同じではありませんテンプレートよりもページのA/Bテスト。 バリアントの作成は異なりますが、Nelioのようなツールを使用することの大きな利点A / Bテストは、WordPressに完全にネイティブであり、作成するテストのタイプを最初に選択することで、次の手順がWordPressのコンテキスト内で完全に直感的になります。

ネリオとA / Bテストでは、最初に行う必要があるのは、次のタイプを選択することです。 作成するA/Bテスト：

テストの種類を選択すると、テストバリアントの作成は、WordPress要素を作成する場合とまったく同じであることがわかります。

上記の例1と2では、ページのセクションを変更する必要があるため、ページテストを作成することを選択します。 例3では、投稿の最後にセクションを追加するオプションが必要なので、テンプレートテストを作成する方が理にかなっています。

テストバリアントの定義

例1 ：ページテストを実行することを選択した後、テストのタイプに名前を付けて、テストを実行するページ（コントロールページとも呼ばれる）を選択する必要があります。 あなたはあなたがあなたのウェブサイトで公開したページのリストからこれを選ぶことができます。 私たちの場合、それは私たちのウェブサイトのメインページです。

次に、新しいバリアントを作成できます。 デフォルトでは、コントロールページの正確なコピーになります。 バリアントの[編集]リンクをクリックすると、テスト作成のいくつかの追加プロパティとともに、必要なすべての変更を行うことができることがわかっているWordPressブロックエディターが表示されます。

必要に応じて、バリアントのデザインを変更するブロックを追加、変更、および削除できます。 しかし、ブロックパターンの大きな利点は何ですか？ これで、たとえば画像に表示されているセクションのデザインを変更する方が、各ブロックを1つずつ作成して編集するよりもはるかに簡単です。 [パターンを追加]ボタンをクリックするだけで、最も気に入ったデザインを選択できます。

このように、ワンクリックでデザインを設定したら、画像をメディアライブラリに既にある画像に置き換え、元のテキストをコピーして貼り付けるだけで、このセクションの外観を変更できます。

例2 ：この場合、テストタイプの選択プロセスは、前の例とまったく同じになります。 ページテストを作成することを選択した後、テストに名前を追加し、メインページを選択して、新しいバリアントを作成します。

編集すると、以前と同じように、さまざまな紹介文のセクションデザインから選択できることがわかります。

以前と同じように、画像とテキストの単純なコピーと貼り付けを置き換えることで、このセクションのレイアウトをすばやく変更しました。

例3.最後の例では、すべての投稿の最後に、読者がニュースレターを購読するように招待されているセクションを含める必要があります。 これを行うには、テンプレートテストを作成し、必要なセクションを含む新しいテンプレートバリアントを使用するのが最も簡単でした。 テンプレートテストの場合、テストを作成する前に、さまざまなテンプレートを作成しておく必要があります。

WordPress 5.8のフルサイト編集の新機能を説明したときに説明したように、投稿またはページから新しいテンプレートを作成したり、テンプレートエディターで既存のテンプレートを編集したりできることを忘れないでください。 したがって、新しいテンプレートを作成し、テンプレートエディタから直接、上記で行ったのと同様のパターンを選択して追加できます。

挿入されたパターンへの変更は、この新しいセクションを最初から作成した場合よりもはるかに高速です。

これで、新しいテンプレートテストを作成できます。 まず、テンプレートテストを作成することを選択し、次に、表示するテンプレートをバリアントAおよびBに対して選択します。

以上で、各例のコントロールバージョンとそのバリアントはすでに作成されています。 これ以降、次の手順はさまざまなタイプのテストで同じです。

コンバージョンの目標とアクションを定義する

テストのバリエーションを定義したら、次のステップはコンバージョンの目標を定義することです。 このテストを作成する目的は何ですか？ より多くの売上、より多くの加入者、または価格設定ページへのより多くの訪問を得るために？ これらの目的は、訪問者が特定のアクションを実行したときに達成されます。

ネリオとA / Bテストでは、「コンバージョンの目標とアクション」セクションで、[ +新規]リンクをクリックして必要な数の目標を追加でき、オプションで名前を追加できます。 ネリオA / Bテストでは、定義した各目標に対して各バリアントがどの程度効果的であるかに関する情報が表示されます。

定義した目標ごとに、訪問者を追跡するためのさまざまなタイプのコンバージョンアクションがあります。 たとえば、特定のページにアクセスしたとき、Webサイトの特定の要素をクリックしたとき、または連絡フォームを送信したときを監視できます。 興味のあるアクションボタンをクリックすると、アクションの種類ごとに独自の設定を定義できます。

トラフィックをセグメント化する

A / Bテストツールの興味深い機能の1つは、トラフィックをセグメント化できることです。 つまり、一部の訪問者のみがテストに参加することを確立できます。 たとえば、国、時間、言語、ブラウザ、デバイスなど。Nelioを使用してトラフィックセグメンテーションを実装する方法の詳細が必要な場合A / Bテスト、この記事では、Antonioが詳細に説明しています。

作成されたテストを実行し、その進捗状況を分析します

これで、ボタンを押してテストを開始し、その進行状況を分析するだけです。 ネリオA / Bテストでは、トラフィックを2つのグループに分割して、それぞれが1つのバリアントまたは他のバリアントを認識できるようにします。 Nelioを使用する場合A / Bテストでは、テストの実行時間やデータの統計的信頼性の制御について心配する必要はありません。 各バリエーションのコンバージョンとページビューの総数を確認できます。 また、元のバージョンと比較した各バリアントの改善の割合を確認することもできます。

勝利の選択肢を適用する

最後に、テストの勝利バリアントを取得した場合、Nelio A / Bテストでは、ワンクリックでそのバリアントをWebサイトの最終バージョンとして適用できます。

つまり、ページテストの最初の2つの例では、テストしたバリアントが勝者である場合、元のコンテンツを勝者のコンテンツに置き換えます。 テンプレートテストの場合、テストの最後に、必要なページ/投稿のテンプレートを切り替える必要があります。

結論

A / Bテストは、ウェブサイトでのコンバージョンを最適化するための最良のツールです。 WordPressは非常に急速に進化しており、WordPress 5.8に搭載された新機能により、Nelio A / Bの場合のように、ブロックエディターと完全に統合されたネイティブWordPressツールを使用すると、A/Bテストの作成がさらに簡単になります。テスト。

さまざまなセクションを作成および設計するために設計されたパターンは、この投稿で見たように、ページや投稿のセクションだけでなく、テンプレートも追加および変更できるようにすることを忘れないでください。 WordPressの次の新機能を楽しみにしています！

UnsplashのRaimondKlavinsによる注目の画像