WordPressのCRO（コンバージョン率最適化）の進め方｜計測・分析・改善・A/Bテスト

CRO（Conversion Rate Optimization、コンバージョン率最適化）は、サイトを訪れた人のうち、問い合わせ・資料請求・購入・会員登録など、サイトの目的となる行動をとる人の割合を上げる取り組みです。

集客を増やす SEO や広告と違い、CRO は すでに来ている訪問者 に目的を達成してもらいやすくします。進め方は「計測する → 離脱している箇所を見つける → 仮説を立てて直す → 結果を確かめる」の繰り返しです。この記事では、WordPress サイトでの具体的な手順を説明します。ツールの画面や機能は2026年10月時点のものです。

手順1: 成果（コンバージョン）を決めて計測する

最初に、何を成果とするかを決め、数えられるようにします。計測できていない状態で改善を始めると、良くなったのか悪くなったのか判断できません。

GA4でキーイベントにする

Google アナリティクス 4（GA4）では、成果にしたいイベントを キーイベント（以前の「コンバージョン」）として登録します。Google のヘルプに書かれている手順は次のとおりです。

1. GA4 の 管理 → データの表示 → イベント を開く
2. すでに記録されているイベントなら、一覧のイベント名の横にある星のアイコンをクリックしてキーイベントにする
3. まだ無いイベントなら、イベントを作成 から条件を指定して作り、キーイベントとしてマークする

GA4 をサイトに入れる方法は WordPressにGA4を設定する方法 を参考にしてください。

フォームの送信を数える

問い合わせ完了を数えるには、主に2つの方法があります。

• 送信後に「ありがとうページ」へ移動させる。そのページの表示（page_view）を条件にイベントを作り、キーイベントにする
• フォームの送信完了をイベントとして送る

GA4 の拡張計測機能にはフォームの操作（form_start / form_submit）を記録する設定もありますが、ページを移動せずに送信するフォームでは、送信完了を正しく判定できない場合があります。成果として数えるなら、送信完了を明示的に送るほうが確かめやすくなります。

Contact Form 7 は、送信してメールの送信に成功したときに wpcf7mailsent というイベントをブラウザーで発生させます。これを使って GA4 にイベントを送る例です。GA4 のタグ（gtag.js）がサイトに入っていることが前提です。

<?php
// Contact Form 7 の送信完了を GA4 のイベントとして送る（子テーマの functions.php）
add_action( 'wp_footer', function () {
	?>
	<script>
	document.addEventListener( 'wpcf7mailsent', function ( event ) {
		if ( typeof gtag === 'function' ) {
			gtag( 'event', 'generate_lead', {
				form_id: String( event.detail.contactFormId )
			} );
		}
	} );
	</script>
	<?php
} );

generate_lead は GA4 が用意している推奨イベント名の1つです。送られたイベントは、GA4 の レポート → リアルタイム で届いているか確かめ、届いたらキーイベントにします。Google タグマネージャーを使っている場合は、gtag() の代わりに dataLayer.push() でイベントを送り、タグマネージャー側でタグを作ります。

手順2: どこで離脱しているかを見つける

成果が数えられるようになったら、成果に至るまでの道筋のどこで人が離れているかを調べます。

GA4の目標到達プロセスデータ探索

GA4 の 探索 で「目標到達プロセスデータ探索」を使うと、「サービス紹介ページ → 料金ページ → フォームのページ → 送信完了」のような段階ごとに、次へ進んだ人と離れた人の数がわかります。離脱が大きい段階が、改善の候補です。

あわせて、次の点も見ておきます。

• 成果に至った人が、その前によく見ているページ
• パソコンとスマートフォンで、成果の割合に大きな差がないか（差が大きければ、スマートフォンの表示や操作に問題があることが多い）
• 流入元（検索・広告・SNS）ごとの違い

ヒートマップと録画で見る

数字で「どこで離れたか」がわかったら、その画面で「なぜ離れたか」を、ヒートマップや操作の録画で確かめます。Microsoft Clarity は無料で使えるツールで、クリックやスクロールのヒートマップ、操作の録画を見られます。WordPress には Microsoft が配布するプラグイン（スラッグ microsoft-clarity）があります。

ヒートマップで見るポイントの例です。

• 重要なボタンや情報が、多くの人がスクロールで到達しない位置にないか
• リンクではない画像や文字が、何度もクリックされていないか（押せると思われている）
• フォームのどの項目で入力をやめているか

ヒートマップの使い方は ヒートマップでユーザーの行動を分析する方法 も参考にしてください。

録画や行動データを集めるツールを入れる場合は、プライバシーポリシーに記載し、入力欄の内容が記録されない設定（マスキング）になっているかを確認します。

手順3: 仮説を立てて改善する

離脱の原因について「〇〇なので離れている。△△を直せば進む人が増える」という仮説を立て、影響の大きそうなものから直します。よく見直される改善の候補は次のとおりです。

フォーム

• 入力項目を必要なものだけに減らす（「会社名」「部署」などが本当に必要か見直す）
• 必須の項目をわかりやすく示し、エラーは該当する項目のそばに出す
• スマートフォンで入力しやすくする（電話番号やメールアドレスの欄に合った入力形式を使う）
• 送信後に何が起きるか（返信の目安の日数など）を書いておく

CTA（行動を促すボタンやリンク）

• ボタンの文言を、押した後に起きることがわかる言葉にする（「送信」より「無料で資料を受け取る」など）
• 記事やページの読み終わりの位置など、読者が次の行動を考える場所に置く
• 1つの画面に、目的の違うボタンをたくさん並べない

信頼の材料

• 料金・費用の目安、運営者の情報、実績、よくある質問など、申し込む前に知りたい情報を、申し込みの近くに置く
• サイト全体を HTTPS で配信する

表示速度

表示が遅いページは、読まれる前に離れられます。Google の PageSpeed Insights で、Core Web Vitals の3つの指標を確認します。web.dev では「良好」の目安を次のように示しています。

計測用のタグやプラグインを増やすほど、ページは重くなります。使っていないツールのタグは外します。

手順4: A/Bテストで確かめる

改善の効果がはっきりしない場合や、影響の大きいページを変える場合は、A/Bテストで確かめます。A/Bテストは、訪問者を元のページ（A）と変更したページ（B）に振り分け、成果の割合を比べる方法です。

Google のA/Bテストツール「Google オプティマイズ」は、2023年9月で提供が終わっています。WordPress では、A/Bテスト用のプラグイン（例: Nelio A/B Testing、スラッグ nelio-ab-testing。無料の範囲は月あたりのテスト対象の表示回数に上限がある）や、外部のA/Bテストサービスを使います。

A/Bテストを行うときの注意点です。

• 1回のテストで変えるのは1か所 にする。複数を同時に変えると、どれが効いたのかわからない
• 曜日による違いが出るので、少なくとも1〜2週間など、曜日がひととおり含まれる期間を続ける
• 途中で差が出ても、決めた期間や件数に達する前に止めない。少ない件数では、偶然の差が大きく見える
• 成果の件数が月に数件しかないページでは、A/Bテストで差を判定するのは難しい。その場合は、ヒートマップや利用者の声をもとに改善し、前後の期間で比べる

ページキャッシュを使っている場合は、テストのプラグインがキャッシュと併用できるか、ドキュメントで確認します。

手順5: 記録して繰り返す

CRO は1回で終わりではありません。次の内容を記録しておくと、同じ失敗を繰り返さずに済みます。

• 変更した日、変更したページと内容
• 立てた仮説
• 変更前後（またはA/B）の成果の割合と件数
• 採用したか、元に戻したか

まとめ

• まず成果を決め、GA4 のキーイベントとして数えられるようにする。フォームは送信完了を明示的に送ると確かめやすい。
• GA4 の目標到達プロセスデータ探索で離脱の多い段階を見つけ、ヒートマップや録画で理由を確かめる。
• フォームの項目、CTA の文言と位置、信頼の材料、表示速度から、影響の大きい順に直す。
• 効果を確かめるには A/B テストを使う。変えるのは1か所、期間を決めて途中で止めない。
• 計測ツールを入れるときは、プライバシーポリシーへの記載と、ページの重さに注意する。