【2022年最新】ホームページの改善に必須！Googleオプティマイズの設定方法と3つの特徴

こんにちは！グシオです。

以前投稿した『【2022年最新】ホームページの分析・改善に使えるオススメ無料ツール』でホームページの改善に使える無料ツールをいくつか紹介しました。そのなかでGoogleオプティマイズについても簡単に触れましたが、今回はこのGoogleオプティマイズについて詳しくお話しします。

GoogleオプティマイズはA/Bテストができる無料ツールです。ホームページは最初から完璧な状態であることはあまりありません。ユーザーの動きを計測し仮説を立ててA/Bテストを繰り返し、ユーザーにとって使いやすいホームページに改善していくことがWebマーケティングの基本です。

Googleオプティマイズはテキストや画像の差し替えといった簡単なA/Bテストであればビジュアルエディターで設定できるのでコーディングの必要がなくプログラミングの知識がなくても簡単かつスピーディーにテストを実行できます。Googleアナリティクスと連携できるので計測や分析も簡単に行うことができます。

中小企業に勤めるWebマーケティング担当の方だけでなく、中小企業の経営支援・販売促進支援をする中小企業診断士やコンサルタントにとっても提案に使える有益なツールだと思いますので、この記事でGoogleオプティマイズの導入方法と特徴を確認していきましょう！

WordPressで無料のヒートマップ「Clarity」を導入する方法と3つの特徴

そもそもA/Bテストってなに？

A/Bテストとは、広告バナーやホームページを最適化するために実施するテストの一つです。

テキストや画像など特定の要素を変更したAパターン、Bパターンを作成して各パターンをランダムにユーザーに表示し、それぞれの成果を比較することで、より高い成果を得られるパターンを見つけることができます。「A/B」テストという名前ではありますが、3パターン以上でテストすることもあります。

ホームページでよくあるA/Bテストとして以下が挙げられます。

ファーストビューなどの画像
キャッチコピーなどのテキスト
アクションボタン
問い合わせフォームの項目

Googleオプティマイズの3つの特徴

Googleオプティマイズには大きく分けて3つの特徴があります。

いろいろなテストができる

Googleオプティマイズでは以下のテストを実施可能です。

①A/Bテスト

同じウェブページについて複数のパターン（A と B）を用意し、それらをランダムに表示して成果を調べるテストができます。パターン A がオリジナルで、B から n までの各パターンには、オリジナルと異なる 1 つ以上の要素が含まれたクリエイティブを設定します。テストによっては、完全に別バージョンのウェブページをパターン B にすることもあります。

②多変量テスト

多変量テストは、複数の要素を持つパターンを同時にテストして、最良の結果を得られる組み合わせを特定します。多変量テスでは、A/B テストのように最良の結果を得られるページのパターンを特定するのではなく、最良の結果を得られる各要素のパターンを特定するとともに要素間の相互作用を分析します。多変量テストは、ランディングページの複数の項目を最適化する場合などに適しています。

③リダイレクトテスト

リダイレクトテストは一種の A/B テストであり、異なるウェブページを相互に比較してテストすることができます。リダイレクトテストでは、ページの要素ではなく、URL またはパスでパターンを特定します。デザインが大きく異なる 2 つのランディングページや、全面的にデザイン変更したページをテストする場合にリダイレクトテストを使用します。

テストの設定が簡単にできる

Googleオプティマイズにはビジュアルエディタ機能があります。エディタを使うとプログラミングコードを書き直す必要がなくクリックだけでテストパターンを作成できます。

またプログラミングが分かる方向けにエディタで直接 Raw HTML を編集したり、JavaScript ルールや CSS ルールを追加も可能です。

テストの結果を簡単に分析できる

Googleオプティマイズではテスト結果が自動で集計され、レポートを簡単に作成出来ます。またテストの重要な指標であるセッション数・コンバージョン数・コンバージョン率などを一目で比較出来ます。

Googleオプティマイズの導入・設定方法

事前に必要なものとして以下が挙げられます。

テストしたいホームページ
Googleアカウント
Googleアナリティクス（今回は新型のGA4を利用)
Googleタグマネージャー

Googleタグマネージャーの導入方法については以下記事をご覧ください。

参考：『WordPressでGoogleタグマネージャーを導入する方法と3つのメリットを解説』

WordPressでGoogleタグマネージャーを導入する方法と3つのメリットを解説

それではさっそくGoogleオプティマイズを導入していきましょう！

Googleオプティマイズのホームページ　にアクセスし「無料で利用する」をクリックします。Googleアカウントでのログインを求められるので任意のアカウントでログインします。

オプティマイズのダッシュボードが表示されるので「アカウントを作成」をクリックします。

「アカウント名」に自分が分かりやすい名称を記入（ホームページの名前など）し、国の利用規約を選択(多くの場合、日本になると思います)、各チェックリストにチェックを入れて「次へ」をクリックします。

「コンテナ名」に任意の名前を入力し「作成」をクリックします。

コンテナ名はドメイン名を入れる場合が多いです。

「最初のエクスペリエンスを作りましょう」という表示がでるので「開始」をクリックします。

これからA/Bテストのパターン作成に入ります。

「名前」に自分がどんなテストをするか分かるような名称を入力し、「使用するページのURLを教えてください」という項目にテストをしたいページのURLを入力します。今回作成するテストのタイプは「A/Bテスト」を選択し、「作成」をクリックします。

「ターティングとパターン」の項目で「パターンを追加」をクリックします。

「パターンの名前」に任意の名前を入力します。たいていA/BテストのBパターンがどんなものであるか分かるように名前を入力します。入力後、「完了」をクリックします。

比重を選択します。デフォルトでは50%:50%になってます。これはユーザーが100人訪れたらAパターンを50人に、Bパターンを50人に表示するということです。特に意図がない場合そのままで構いません。

先ほど作成したBパターン(上図では”FVテキストなし”)の「編集」をクリックします。

今回はFBテキスト(中小企業診断士の試験、マーケティング、動画制作、地域の魅力について記録を残しています）という表示を削除した状態をBパターンとしたいので、該当の箇所をクリックし、「要素を編集」→「削除」をクリックします。

該当箇所が変更できたことを確認し「保存」→「完了」をクリックします。

その他のA/Bテストとして、画像を変えたり、テキストを変えたり、ボタンの色を変えたりなどの変更も簡単にできるので是非お試しください。

ページターゲティング、オーディエンスターゲティング、説明は今回は特に変更を加えません。それぞれの意味は以下の通りです。

「ページターゲティング」はどのURLでテストパターンを表示させるかを選択できます。単一ページ、複数のページ、さらにはホストやパスをテスト対象として指定できます。

参考：『Optimizeヘルプ「URLターゲティング」』

「オーディエンスターゲティング」はテストパターンを表示するユーザーの属性を設定することができます。たとえば、「男性ユーザーだけテストしたい」、「東京都に住んでいるユーザーだけテストしたい」といった要望を実現できます。

ターゲティングは以下の７種類が可能です。

Googleアナリティクスのユーザー：Googleアナリティクスで作成したオーディエンスをターゲットに設定
※このターゲティングは有料版(オプティマイズ360)のみ利用可能です。
Google広告：Google広告のアカウント、キャンペーン、広告グループ、キーワードをターゲットに設定
UTMパラメータ：UTMパラメータに基づいてユーザーをターゲティング
デバイスカテゴリ：モバイル、デスクトップ、タブレットデバイスを使用しているユーザーをターゲットに設定
行動：特定ユーザーやリピーター、特定の参照URLからのユーザーをターゲットに設定
地域：特定の都市、大都市圏、地域、郡などからのユーザーをターゲットに設定
テクノロジー：特定のデバイス、ブラウザ、OSを利用しているユーザーをターゲットに設定

「説明」は何か自分やチームメイトにメモを残したい時に使える項目です。