写真はまだ千の言葉の価値がありますか?
公開: 2020-04-07先月、私たちはウェブの最初の折り目の重要性について話しました。 あなたのウェブサイトにアクセスした訪問者のほとんどが最初のブロックを見て、それが好きかどうかに応じて、残りのコンテンツを調査し続けるか、振り返らずに去っていくことがわかりました。
訪問者の認識に最も影響を与えるWebサイトの最初のブロックの要素の中で、注目の画像が重要な要素です。 それは彼らが最初に目にするものなので、発生する感情が拒絶である場合、私たちは訪問者を失います。 悲しいことですが、表紙が好きだからといって本を買うこともあるでしょう。 さて、あなたのページの注目の画像でも同じことが起こります。
さらに、ソーシャルネットワークでコンテンツを共有する場合(共有しない場合は、何を待っているのかわかりません)、注目の画像は、メッセージを受信するユーザーの注意を引くのに役立ちます。 注目の画像がないブログ投稿にリンクしているツイートは、花のない庭のようなものです。
WordPressで注目の画像をテストする
私たちのウェブサイトで最も重要なページの1つはこれです。ここでは、WordPressプラグインの1つであるNelioContentを紹介しています。 訪問者はこのページを利用して価格設定ページにアクセスし、さらにプラグインを購入します。
このページの最初のブロックには、コンピューターの前で、額にポストイットと青々とした髭を持った笑顔の男性を示す注目の画像が含まれています。 彼のモニターには、NelioContentの編集カレンダーが表示されています。 ご想像のとおり、Davidが選んだかなり奇妙な画像?

幸せな男。 
働く人々。 
編集カレンダー。
このテストでは、この同じページにさまざまな注目の画像を表示します。 現在の画像は非常に独特であるため、バリエーションとして2つの異なるオプションを選択しました。 最初の選択肢は、ラップトップの前で作業している人々のチームを示す、より一般的な画像です。 2番目のオプションでは、編集カレンダーのスクリーンショットがあります。これにぼかし効果を適用して、その上のテキストが適切に表示されるようにしました。
このテストを作成するには、いつものように、WordPressのWebサイトでNelio A /BTestingを使用します。 この場合、これは3つのバリエーションを使用したページテストです。コントロールバージョンとさらに2つのバリエーションがあり、それぞれに異なる注目の画像があります。

上のスクリーンショットでは、テストをどのように定義したかを確認できます。 このページへの訪問者の数を測定して、各注目の画像バリアントを表示し、最終的に価格設定ページにアクセスすることに注意してください。 そのために、変換アクションは正確にNelioContentの価格設定ページにアクセスするアクションであると設定しました。

各バリエーションを編集しましたが、元のバージョンから変更したのは注目の画像だけです。 最初のバリエーションは、注目の画像としてコンピューターの前にいる人々のグループを持っており、2番目のバリエーションは編集カレンダービューを持っています。 ご想像のとおり、コントロールバージョンは変更されていません。
この後、テストを開始し、その結果がどのように変化するかを確認します。 ご覧のとおり、プロセスは複雑ではなく、数分以上かかることはありません。 スペイン語版のウェブサイトでも同じことをしています。
重要なページを含むWebサイトで試して、発見した内容を確認し、訪問者からの実際のデータで改善することをお勧めします。
結果の分析
あごひげを生やした男は、他の2つの注目の画像バリエーションを打ち負かしましたか? まあ、どうやら彼はしませんでした。 完全なテスト結果ページは次のとおりです。

ご覧のとおり、この記事の執筆時点でテストを停止するまで、ほぼ9週間テストを実行してきました。 この間ずっと、訪問者は同じページを見ていますが、異なる注目の画像があります。 そして、彼らが気付かないうちに、Nelio A / B Testingは彼らの行動を追跡し(もちろん匿名で)、彼らがテストの目標であるNelioContentの価格設定ページにアクセスすることになったのかどうかを確認しました。
結果では、両方のバリアントがコントロールバージョンよりも優れていることがわかります。 しかし、一方は他方よりも優れています。 具体的には、コンピューターの前にいる人々のグループの画像は、あごひげを生やした男性の画像よりもほぼ15%優れています。 そして、結果は95%以上の統計的信頼性を持っています。
ここで強調するもう1つの側面は、分析された訪問者の数が少ないにもかかわらず、このテストで興味深い結果を得ることができたことです。 A / Bテストを行わないことの繰り返しの言い訳の1つは、Webサイトに十分なトラフィックがないことです。 さて、それでも、いつでもテストできることがわかります。 根本的な変更は、さまざまな注目の画像をテストするなど、トラフィックの少ないサイトではるかにうまく機能します。

前のスクリーンショットには、スペイン語版のページで実行したものと同じテストの結果があります。 この場合、分析された訪問者の数はスペイン語版の訪問者の半分であることに注意する必要があります。 また、この場合、各バージョンの変換率はバージョンごとに低くなります。 これにより、私たちがすでに知っていることがわかります。スペイン語よりも英語の製品に関心があります。
ご覧のとおり、現時点でこのWebサイトへの訪問者数は約600人です。これは前にも言いましたが、プレミアムプラグインに関してスペイン語で取得するトラフィックは英語よりも少なくなっています(上記の英語でのテストの結果。これが正しいことを確認できます)。
勝者のバージョンでは、英語のテストと同じように、改善率が25%を超えていることに注意してください。 人々のグループの画像もここで勝ちますが、統計的信頼性は低くなり、ほぼ88%になります。
以前のケースでは、95%以上の統計的信頼性がない場合、結果を有効とは見なしていませんでしたが、この場合、Nelio A / Bテストで使用する統計アルゴリズムは、使用するものよりも厳密であるため、例外とします。他の競合他社による。
これに疑問がある場合は、コンテストのWebサイトにアクセスし、A / Bテスト計算機を探して、結果に表示される数値を入力するだけです。 これらの場合、これらの同じ結果にはるかに自信が持てるようになります。 それでも、私たちのアルゴリズムには、数値を検証する強力な統計的基盤があると信じています。
これを見て、私たちに残された唯一のことは、人々のグループの注目画像を、Nelioコンテンツページのデフォルトの注目画像として使用することです。 このように、すべての訪問者は常にそれを見ることができ、私たちは私たちのウェブサイトを改善します:より多くの訪問者がネリオコンテンツの価格設定ページを訪問します。
結論
A / Bテストを実行するコストは低いですが、それから得られるメリットは大きいです。 怠惰または怠慢は継続的改善の敵です。 彼らにあなたを打ち負かさせたり、あなたのウェブサイトでの変更のテストをやめさせたりしないでください。 データは常に意見よりも強力です。
したがって、このテストで得られた結果を見た後、はい、画像は千の言葉の価値があると断言できます。 WordPressで使用している注目の画像を確認し、簡単なA/Bテストでテストします。 あなたが得る結果はあなたを驚かせるかもしれません。
PS:申し訳ありませんが、デビッド、あなたがとても好きだったあごひげを生やした男は、より良い場所に行きます。
Unsplashのサランディウェストフォールの注目の画像。
