バナーは本当に機能しますか?

公開: 2020-02-05

ヒートマップについて話した後、コンバージョンの最適化に関連する別の物議を醸すトピック、つまりWebサイトでのバナーの使用に進みましょう。

オンライン広告は何年にもわたって進化してきました。 経験豊富なWebサーファーであれば、90年代のWebページで、たくさんのバナーやアニメーションGIFが踊り、注目を集めようとしていて、クリックしてしまうことを覚えているはずです。

しかし、それは2020年です。バナーは(他の多くのものに加えて)変更されました。 そして、あなたが自分自身に問うべきことは、ウェブバナーは本当に今日機能するのかということです。 あなたがあなたのウェブサイトにも適用できる簡単な例でそれを発見しましょう。

最大の影響を探しています

バナーの重要なポイントは、訪問者の注意を引き付けてクリックするようにすることです。これにより、訪問者は最終的に訪問したり、目的の場所や目的を実行したりします。 これが、より大きな影響を与える可能性のある場所にバナーを追加する必要がある理由です。

バナーを追加するのに適した場所は、訪問数が最も多いコンテンツです。 この情報を知るには、Webサイトの分析を確認する必要があります。 私たちはそれを行い、結果は次のとおりです。

NelioSoftwareWebサイトで最も訪問されたコンテンツ。
NelioSoftwareWebサイトで最も訪問されたコンテンツ。

ご覧のとおり、当社のWebサイトで最も訪問されたコンテンツは、スペイン語と英語の2つのブログ投稿です。 最初に、WordPressで発生する可能性のある一般的な問題について説明し、2番目に、Webサイトを移行した方法と、同じことを行った場合にどのような問題を見つけることができるかについて説明します(問題について話すと、訪問者が訪れるようです…したがって、そうしていないので、あなたのウェブサイトで議論するのは良いトピックです。参照してください?あなたのウェブサイトでテストするための素晴らしい例とは別に、私はあなたのために働くかもしれないコンテンツのアイデアもあなたに与えます!?)

テストに戻ると、私たちの目標は、ブログで最も人気のある2つの投稿にアクセスするトラフィックを製品のページに誘導することです。 そして、このためにバナーを使用します。 具体的には、WordPressブロックエディターであるGutenbergのためにNelioで開発した召喚状ブロックを使用します。

このブロックは、訪問者がそれをクリックして最終的に当社の製品ページにアクセスするかどうかを確認するために、最も訪問された投稿のコンテンツに含まれます。 バナーが実際に機能するかどうかを確認するために、バナーを含まないバリアントに対して、バナーを含まない元のバージョンのブログ投稿をテストしてみましょう。 したがって、簡単なA / Bテストで結果を確認し、結論を導き出すことができます。

バナーが当サイトでどのように機能するかを理解するためのA/Bテストの作成

投稿の2つのA/Bテストを作成して、英語とスペイン語の両方で上位の投稿のバナーをテストしてみましょう。 オーディエンスがどのように振る舞うか、そしてバナーが私たちの製品のページへのトラフィックを促進するのに本当に役立つかどうかを確認します。

Nelio A / Bテストを使用して、投稿の新しいテストを作成します。 次に、次のスクリーンショットに示すように、テストを作成するために必要な情報を入力します。

スペイン語サイトでのA/Bテストに必要な構成で投稿の新しいテストを作成するページ。
スペイン語サイトでのA/Bテストに必要な構成で投稿の新しいテストを作成するページ。

テストのタイトルと説明を定義し、テストする投稿を選択しました。 さらに、バナーを使用してバリアント投稿を作成しました。 最後に、コンバージョンアクションとして、スペイン語サイトからの訪問者をバリアントのバナーを介して誘導する製品であるNelioコンテンツページへの訪問を定義します。

このプロセス全体は非常に高速です。 テストを作成して構成するのは非常に簡単です。 さらに、WordPressの組み込みエディターを使用してバナーブロックを追加するだけなので、投稿のバリアントを編集してバナーを追加することも簡単です。 それらは画像ブロックである可能性がありますが、以前に予想したように、バナーとして機能する、私たちが作成した特別なブロックタイプを使用します。

コンテンツ内にバナーが含まれるスペイン語での投稿の結果は、以下のようになります。

スペイン語の投稿のバナーを含むバリアントのフラグメント。
スペイン語の投稿のバナーを含むバリアントのフラグメント。

実際、元の投稿の代替バージョンを見ることになった訪問者の注意を引くために、異なる色とテキストで上記の投稿のコンテンツに沿って4つのバナーを追加しました。

英語版でも同じことをしますが、ここでは2番目の製品であるNelio A /BTestingに訪問者を案内します。 構成は次のとおりです。

投稿のA/Bテストを英語で作成するページ。ここでの目標は、Nelio A /BTestingの製品ページにアクセスすることです。
投稿のA/Bテストを英語で作成するページ。 ここでの目標は、Nelio A /BTestingの製品ページにアクセスすることです。

透明性を確保するために、ここでは両方のバリアントがどのように見えるかを確認できます。 これらは非常に長いスクリーンショットであることに注意してください…そのため、記事に埋め込むのではなく、ここにリンクします。

  • La solucion a los 5 problemas mas comunes de WordPressのバナー付きのバリエーション:完全な画像はこちらをご覧ください。
  • WordPress移行の問題のバリエーションと、バナーでそれらを修正する方法:ここで完全な画像を参照してください。

すべての材料の準備ができたので、各A / Bテストを開始して、訪問者からの行動データの追跡と収集を開始する必要があります。

結果の分析:バナーは機能しましたか?

この質問に答える前に、実行されたA/Bテストに関する追加情報をいくつか紹介します…

各テストは11日間実行され、約3,500人の訪問者の行動を収集しました。これは、私たちの全聴衆の非常に興味深いサンプルです。 この間ずっと、私たちがしなければならなかったのは待つことだけです。 A / Bテストを行う場合、すべての作業は最初に行われ、テストとテスト対象のバリアントを構成します(これはそれほど多くの作業ではありませんでした)。 その後、リラックスして結果が到着するのを待つだけです。

この場合、結果は決定的ではないと予想させてください。 2つのA/Bテストのいずれにおいても、明確な勝利のバリエーションは見つかりませんでした。 スペインの投稿のA/Bテストの結果を見てみましょう。

バナー付きのバリアント(B)はやや悪いですが、結果は統計的に強くないため、明確な結論を引き出すことはできません。
バナー付きのバリアント(B)はやや悪いですが、結果は統計的に強くないため、明確な結論を引き出すことはできません。

前のグラフでわかるように、A / Bテストの元のバージョン(A)とバナー付きのバリアント(B)の両方で同様の結果が得られます。

バナー付きのバージョンは、コンバージョン率(つまり、バナーをクリックした訪問者の数を総訪問者数で割ったもの)の点でやや悪いようです。 ただし、この孤立したデータだけを見ることができません。 結果が統計的に有意であるかどうかを確認する必要がありますが、この場合はそうではありません。

Nelio A / Bテストはこの情報を提供し、これらのデータでは、一方のバリアントが他方よりも優れているかどうかを判断できないことを示しています。 したがって、テストを停止して別のタイプの変更を試すか、辛抱強く時間をかけて、時間が経過してより多くのデータを取得するにつれて、何かが変更されるかどうかを確認する可能性があります。

それでは、英語の投稿のA/Bテストの結果を見てみましょう。

バナー付きのバリアント(B)は、英語の投稿の元のバージョンよりもはるかに優れたコンバージョン率を持っています。ただし、220%の改善があっても、コンバージョン数が非常に少ないため、結果は統計的に有意ではありません。
バナー付きのバリアント(B)は、英語の投稿の元のバージョンよりもはるかに優れたコンバージョン率を持っています。 ただし、220%の改善があっても、コンバージョン数が非常に少ないため、結果は統計的に有意ではありません。

前のグラフを見ると、バナー付きのバージョンが現在のバージョンの投稿よりもはるかに優れていることが明らかであると考えることができます。 バナー付きのバージョンの変換率は220%優れているので、A / Bテストの勝者としてこのバリアントを選択する必要がありますよね?

真実は、ここではスペインの投稿のA/Bテストと同じように発生するということです。 このテストで受け取ったコンバージョン数は非常に少ないです。 最終的にNelioA/ Bテストページにアクセスしたのは4人の訪問者だけで、そのうち3人だけがバリアントBのバナーを介してアクセスしました。

受け取った訪問者の総数に対してコンバージョン数が非常に少ないため、一方のバリエーションがもう一方のバリエーションよりも優れているとは言えません。

バナーブラインドネスは本物です

結果を分析した後、時間を無駄にしたと考えるべきではありません。 実際、私たちは多くのことを学びました。 上位の投稿にバナーを追加しても、当社のWebサイトや特定のオーディエンスでは機能しませんでした。

さらに、さらに一歩進んでA / Bテストが提供するヒートマップを調べると、バナーブラインドの明確なケースの前にいることがわかります。

バリアントで使用されるバナーは非常に明白であるため、訪問者はそれらを直接無視します。 したがって、結果が変化するかどうかを確認するために、2つのA/Bテストを実行したままにしておく価値はありません。 彼らはしません。

この場合、他のタイプの広告をテストすることを考える方が賢明であり、各投稿自体のコンテンツとはるかに統合されています。 私は、これが理にかなっている限り、コンテンツ内で当社の製品へのリンクを使用することを考えています。

または、この検索エンジンが検索結果の広告で行うのと同じように、バナーをカモフラージュするGoogleの手法を使用して、バナーがコンテンツの一部のように見えるようにすることもできます。 したがって、バナーのデザインをもっとクリエイティブにする必要があります。

これらすべてから私たちが引き出す結論は、私たち全員が知っている典型的な種類のバナーは死んでいるということです。 訪問者はそれらを検出して無視することができるため、他のオプションをテストして注意を引く必要があります。

ただし、A / Bテストの結果とそこから導き出された結論について、ここで最大の権威となるつもりはないことを忘れないでください。 コンテンツ内のバナーは機能しませんでしたが、これはバナーが機能しないことを意味するものではありません。 あなたはあなたのウェブサイトでそれを自分でテストするべきです。 その後、あなたが発見したことを私たちに知らせることを忘れないでください。

UnsplashのAndrewNeelによる注目の画像。