EC商品ページの比較コンテンツ戦略|自社比較・他社比較の作り方とCVRへの効果
2026年3月28日
EC商品ページの比較コンテンツを解説します。自社商品同士の比較表と他社との差別化バナーの使い分け、比較軸の選び方、モール別の実装方法(Amazon A+比較表モジュール・楽天HTML・Yahoo!ショッピング)、景品表示法の比較広告ルール、商材別テンプレート、効果測定まで整理します。
対象読者: 商品ページのCVR改善に取り組んでいるEC担当者で、比較表や差別化バナーの作り方を知りたい方
この記事で分かること
- —比較コンテンツがCVRに効く理由と、自社比較・他社比較の使い分け判断基準が分かる
- —Amazon A+比較表モジュール・楽天HTML・Yahoo!ショッピングのモール別実装方法が分かる
- —景品表示法の比較広告3要件と、違反しない他社比較の作り方が分かる
ECモールで商品を探すユーザーは、1つの商品ページだけを見て購入を決めることはほとんどありません。複数の商品を比較し、スペック・価格・レビューを見比べて「これに決めよう」と判断します。この「比較して決める」プロセスを自分の商品ページの中で完結させるのが比較コンテンツの役割です。
本記事では、自社商品同士の比較表と他社製品との差別化バナーの使い分け、モール別の実装方法、景品表示法のルール、商材別のテンプレートまで整理します。
比較コンテンツがCVRに効く理由
比較コンテンツは「他のページに離脱して比較する」行動を防ぎ、自分のページ内で購入を決めてもらうための仕組みです。
ユーザーは「比較」で購入を決める
ECモールのユーザーは購入前に平均3〜5つの商品ページを閲覧するといわれています。つまり、商品ページを見ている時点では「まだ比較検討中」であり、購入を確定していません。
このとき、商品ページに比較コンテンツがなければユーザーは以下の行動をとります。
- 検索結果に戻って別の商品を見る
- 競合店舗のページに移動する
- 比較しきれず「今日は買わない」と離脱する
いずれもCVRを下げる行動です。比較コンテンツを設置することで、ユーザーが自分のページ内で比較を完結できるようになり、離脱を防げます。
比較コンテンツの3つの効果
| 効果 | 内容 |
|---|---|
| 離脱防止 | 「他のページで比較しなくても、この表を見れば判断できる」と感じてもらえる |
| 納得感の醸成 | 比較軸が整理されていると「この商品を選ぶ理由」が明確になり、購入の後押しになる |
| 自社内回遊の促進 | 自社の他商品への導線になり、ラインナップ全体の売上を底上げする |
比較がないとどうなるか
比較コンテンツがない商品ページでは、ユーザーは自分で比較するために他の商品ページ・他の店舗に移動します。そこで競合のほうが分かりやすければ、そのまま競合で購入されてしまいます。
特にAmazonでは商品ページ下部に「この商品に関連する商品」として競合商品が自動表示されるため、自社のA+比較表を設置しないとAmazon側が自動で表示する競合商品に流れるリスクが高まります。
自社比較と他社比較の使い分け早見表
まず自社比較表を優先し、他社比較バナーはリスクと手間を理解した上で追加する、が基本方針です。
| 項目 | 自社商品同士の比較表 | 他社製品との差別化バナー |
|---|---|---|
| 目的 | ラインナップ内で最適な商品を選んでもらう | 競合ではなく自社を選ぶ理由を示す |
| リスク | 低い(自社商品間の回遊なのでどれが売れても良い) | 高い(景品表示法の3要件を満たす必要あり) |
| 制作の手間 | 中程度(自社情報のみで完結) | 高い(競合調査+法的チェックが必要) |
| 効果 | CVR改善+複数購入促進 | 競合からの差別化+指名買い促進 |
| 優先度 | 高(まずこちらから) | 中(自社比較で効果を確認してから) |
自社商品同士の比較表
自社のラインナップ内でサイズ・容量・グレード・用途が異なる商品を並べて比較します。
- カラーバリエーション(色・柄の違い)
- サイズバリエーション(S/M/L、容量違い)
- グレード違い(スタンダード/プレミアム)
- 用途別(家庭用/業務用、朝用/夜用)
他社製品との差別化バナー
競合製品と比較して自社の優位性を訴求するバナーや表です。「一般的な○○と比較して」「従来品との違い」といった形で、自社商品の強みを際立たせます。
商材・状況別の判断基準
| 状況 | おすすめ | 理由 |
|---|---|---|
| 自社にラインナップが3商品以上ある | 自社比較表 | 選びやすさの向上+自社内回遊 |
| 自社は1商品のみ、競合が多い | 他社差別化バナー | 「なぜこの商品か」の理由づけが必要 |
| 高単価商品(5,000円以上) | 自社比較表+他社差別化 | 慎重に比較するユーザーが多い。両方あると効果的 |
| 低単価の消耗品 | 自社比較表のみ | 他社比較の手間に見合わない。自社内の容量比較で十分 |
| 競合と明確なスペック差がある | 他社差別化バナー | 数値で差を見せられる(ただし景表法3要件を遵守) |
自社商品の比較表を作るコツ
比較軸の選び方で「分かりやすい表」と「意味のない表」が分かれます。
比較軸の選び方
比較表に載せる項目は「ユーザーが購入判断で迷うポイント」から選びます。
| 商材 | 迷いやすいポイント(=比較軸にすべき項目) |
|---|---|
| 家電 | サイズ、消費電力、機能の有無、対応規格 |
| 食品 | 味・フレーバー、内容量、1個あたり単価、原材料 |
| アパレル | 素材、サイズ感、厚さ、洗濯方法 |
| 化粧品 | 容量、テクスチャ、香り、対象肌タイプ |
| 日用品 | 容量、使用回数目安、1回あたり単価 |
情報の並べ方
| ポイント | 内容 |
|---|---|
| おすすめ商品を左(または先頭)に | ユーザーの視線は左→右に動くため、最も売りたい商品を先頭に配置 |
| 差がある項目を上に | 全商品で同じ値の項目は下部に。違いが明確な項目を上部に配置 |
| 「こんな人におすすめ」を追加 | 各商品の下に1行で「○○な方向け」と書くと選びやすさが格段に上がる |
画像・デザインのポイント
- 背景を統一: 商品画像の背景色・角度を揃えると比較しやすくなる
- サイズ感が伝わる構図: 同じアングル・同じ縮尺で撮影
- スマホで見やすいレイアウト: 比較項目を3〜4列以内に。横スクロールが発生すると見てもらえない
「どれを選べばいい?」に答える導線設計
比較表を見ても迷うユーザーのために、表の下に選び方ガイドを添えると効果的です。
- 「迷ったらMサイズがおすすめ(最も売れています)」
- 「初めての方はスタンダードタイプから」
この一言があるだけで、決めきれないユーザーの背中を押せます。
他社製品との差別化バナーを作るコツ
他社比較は効果が高い反面、景品表示法のルールを守る必要があります。
差別化ポイントの洗い出し方
他社製品と比較する前に、まず自社商品の「選ばれる理由」を整理します。
- スペックの優位性: 容量が多い、成分が多い、機能が多いなど数値で示せるもの
- 価格・コスパの優位性: 1個あたり単価、送料無料、まとめ買い割引
- サービスの優位性: 保証期間、返品対応、サポート体制
- 実績の優位性: レビュー数、販売実績、受賞歴
このうち客観的な数値やデータで裏付けられるものを比較コンテンツに使います。
比較広告の景品表示法3要件
他社製品と比較する際は、景品表示法で定められた3つの要件をすべて満たす必要があります。
| 要件 | 内容 | 具体例 |
|---|---|---|
| ①客観的に実証されている | 比較内容が試験データや第三者機関の調査で裏付けられている | 「第三者機関のテストで○○が2倍」(テストデータあり) |
| ②正確かつ適正に引用されている | 数値や事実を正確に引用し、調査条件も明示している | 「2025年○月 ○○研究所調べ」と出典を明記 |
| ③比較方法が公正である | 同等の条件・グレードの商品と比較している | 同じカテゴリ・同じ価格帯の商品との比較 |
景品表示法の基本はECの景品表示法入門で解説しています。
NG表現とOK表現の具体例
| NG表現 | 問題点 | OK表現 |
|---|---|---|
| 「業界No.1の品質」 | 客観的な根拠がない | 「○○テストで業界平均の2倍の耐久性(○○研究所2025年調べ)」 |
| 「他社より圧倒的にお得」 | 「圧倒的」の根拠がない | 「同容量の一般的な製品と比較して1回あたり約30%お得(当社調べ)」 |
| 「A社の製品より優れている」 | 比較条件が不明確 | 「従来品と比較して○○成分を20%増量」(自社従来品との比較に変更) |
「他社名を出さない比較」のテクニック
他社名を直接出すとトラブルになるリスクがあるため、以下のテクニックが実務では一般的です。
- 「一般的な○○」との比較: 「一般的なコラーゲンドリンクと比較して」
- 「従来品」との比較: 自社の旧製品との比較であれば3要件の適用ハードルが下がる
- 「当社比」での表現: 「前年モデル比120%の吸収力」
- 客観的な数値のみ掲載: 他社名を出さず、スペックの数値だけを並べてユーザーに判断させる
モール別の比較コンテンツ実装方法
3モールとも比較表を設置できますが、実装方法と制約が異なります。
Amazon:A+比較表モジュールの活用
AmazonのA+コンテンツ(商品紹介コンテンツ)には専用の比較表モジュールがあり、視覚的に整った比較表を簡単に作成できます。
| 項目 | 内容 |
|---|---|
| 比較可能な商品数 | 最大6商品 |
| 比較項目数 | 最大10項目 |
| 推奨画像サイズ | 150×300px |
| 利用条件 | 大口出品プランへの加入 |
| 他社商品の掲載 | 可能(ただし購入流出リスクあり。自社商品同士が基本) |
設定手順:
- セラーセントラルの「A+コンテンツマネージャー」を開く
- 「モジュールを追加」から「標準的な比較表」を選択
- ASINを入力して商品を追加(最大6商品)
- 比較項目と各商品の値を入力
- 「承認用に送信」をクリック(下書き保存では商品ページに反映されません)
楽天:商品説明文HTMLでの比較表
楽天市場にはA+のような専用モジュールがないため、商品説明文のHTMLエリアにtableタグで比較表を作成します。
| 項目 | 内容 |
|---|---|
| 作成方法 | 商品説明文(PC)・スマートフォン用商品説明文にHTMLで記述 |
| デザインの自由度 | 高い(HTML/CSSで自由にデザイン可能) |
| スマホ対応 | スマートフォン用商品説明文で別途最適化が必要 |
| 画像での対応 | 比較表を画像として作成し、商品画像の2〜7枚目に設置する方法も有効 |
実務で多い実装パターン:
- 商品画像に比較表を入れる: サブ画像(2〜7枚目)に比較表の画像を入れる方法。最もユーザーの目に触れやすい
- 商品説明文にHTMLテーブルで記載: PC用説明文にtableタグで比較表を作成
- 回遊バナーとして設置: 他の自社商品へのリンクバナーを設置し、ラインナップ比較を促す
スマホでは横幅が狭いため、比較項目は3〜4列以内に収めるか、横スクロール可能なテーブルにする必要があります。商品ページ全体の作り方は楽天 商品ページの作り方を参照してください。
Yahoo!ショッピング:商品説明での比較表
Yahoo!ショッピングでは商品説明欄にHTMLで比較表を記述するか、商品画像に比較表画像を追加する方法が一般的です。
| 項目 | 内容 |
|---|---|
| 作成方法 | 商品説明(フリースペース)にHTMLで記述 or 商品画像に比較表画像を追加 |
| デザインの自由度 | 中程度(HTMLの制約あり) |
| スマホ対応 | レスポンシブ対応を意識した実装が必要 |
Yahoo!ショッピングの商品ページ最適化はYahoo!商品ページ最適化を参照してください。
3モール比較表
| 項目 | Amazon | 楽天 | Yahoo! |
|---|---|---|---|
| 比較表の実装方法 | A+比較表モジュール(専用UI) | HTML(tableタグ)or 画像 | HTML or 画像 |
| 制作の手間 | 低い(モジュール選択式) | 中〜高(HTML/画像作成が必要) | 中〜高(HTML/画像作成が必要) |
| デザインの自由度 | 低い(テンプレート固定) | 高い(自由にデザイン可能) | 中程度 |
| スマホ最適化 | 自動対応 | 別途対応が必要 | 別途対応が必要 |
| A/Bテスト | Manage Your Experimentsで可能 | 手動で前後比較 | 手動で前後比較 |
商材別の比較コンテンツテンプレート
商材によって「ユーザーが比較したいポイント」が異なります。以下のテンプレートを参考にしてください。
家電・ガジェット
| 比較軸 | 商品A | 商品B | 商品C |
|---|---|---|---|
| サイズ | ○○cm | ○○cm | ○○cm |
| 消費電力 | ○○W | ○○W | ○○W |
| 主要機能 | ○○対応 | ○○非対応 | ○○対応 |
| 対応規格 | USB-C | USB-C | USB-A |
| こんな人向け | コンパクト重視 | パワー重視 | コスパ重視 |
食品・飲料
| 比較軸 | レギュラー | 大容量 | お試しセット |
|---|---|---|---|
| 内容量 | 200g | 500g | 100g |
| 1gあたり単価 | ○円 | ○円 | ○円 |
| 賞味期限 | 6ヶ月 | 6ヶ月 | 6ヶ月 |
| こんな人向け | まず試したい方 | リピーター | 味を確認したい方 |
アパレル
| 比較軸 | ライトモデル | スタンダード | ヘビーウェイト |
|---|---|---|---|
| 素材 | ポリエステル | 綿混 | 綿100% |
| 厚さ | 薄手 | 中厚 | 厚手 |
| 洗濯 | 洗濯機OK | 洗濯機OK | 手洗い推奨 |
| シーズン | 春夏 | 通年 | 秋冬 |
| こんな人向け | 暑がりな方 | オールシーズン | 寒がりな方 |
化粧品・健康食品
| 比較軸 | しっとりタイプ | さっぱりタイプ | エイジングケア |
|---|---|---|---|
| テクスチャ | クリーム | ジェル | 濃厚クリーム |
| 容量 | 50ml | 50ml | 30ml |
| 対象肌タイプ | 乾燥肌 | 脂性肌 | 年齢肌 |
| こんな人向け | 保湿重視 | べたつきが苦手 | ハリ・弾力を求める方 |
日用品・消耗品
| 比較軸 | お試し | レギュラー | お得パック |
|---|---|---|---|
| 容量 | 300ml | 600ml | 1,200ml |
| 使用回数目安 | 約30回 | 約60回 | 約120回 |
| 1回あたり単価 | ○円 | ○円 | ○円 |
| こんな人向け | 初めての方 | 定期的に使う方 | まとめ買い派 |
比較コンテンツの効果測定
設置して終わりではなく、CVRと回遊率の変化を確認して改善サイクルを回します。
CVR(比較表あり vs なしのA/Bテスト)
| モール | 測定方法 |
|---|---|
| Amazon | Manage Your Experiments(A/Bテスト機能)で比較表あり/なしのA+コンテンツを比較。最低2週間のテスト期間を設定 |
| 楽天 | RMSの店舗カルテでCVR推移を確認。比較表設置前と設置後の2週間で比較 |
| Yahoo! | ストアクリエイターProの統計でCVR推移を確認 |
回遊率(比較表経由の他商品ページへの遷移)
比較表から他の自社商品へのリンクを設置している場合、そのリンクがどの程度クリックされているかを確認します。Amazonの場合はA+比較表モジュールの各商品からそのまま商品ページに遷移するため、比較表に載せた商品のセッション数の変化を確認します。
効果が出ない場合の改善アクション
| 状況 | 原因の仮説 | 改善アクション |
|---|---|---|
| CVRが変わらない | 比較軸がユーザーの迷いポイントとズレている | ユーザーレビューから「迷いポイント」を再調査して比較軸を見直す |
| 比較表が見られていない | 設置位置が深すぎる | 商品画像(サブ画像)に比較表を設置。ファーストビューに近い位置に移動 |
| 特定の商品に注文が偏る | 比較表が「おすすめ1択」に見えている | 各商品の「こんな人向け」を明確にし、用途別の選び方を提示 |
お得感の設計全体についてはお得感設計の基本を参照してください。Amazon商品ページのCVR改善はAmazon商品ページのCVR改善で解説しています。
よくある質問(FAQ)
Q1. 商品ページに比較表を入れるとCVRはどのくらい上がりますか?
商材やページの品質によりますが、Amazonでは自社商品同士の比較表(A+比較表モジュール)を設置することでCVRが数%〜10%程度改善する事例が報告されています。比較表により「この商品を選ぶ理由」が明確になり、購入の意思決定が早くなる効果があります。まずは主力商品で試してCVRの変化を確認してください。
Q2. 他社製品との比較は景品表示法に違反しませんか?
3つの要件をすべて満たせば適法です。①比較内容が客観的に実証されていること、②数値や事実を正確に引用していること、③比較方法が公正であること。ただし「業界No.1」等の根拠のない表現や、条件の異なる商品との不公正な比較は違反となります。景品表示法の詳細はECの景品表示法入門を参照してください。
Q3. Amazon A+の比較表モジュールには何商品まで載せられますか?
最大6商品まで並べて比較でき、比較項目は最大10項目まで設定できます。画像サイズは150×300pxが推奨です。他社商品も掲載可能ですが、購入先が他社に流れるリスクがあるため、自社商品同士の比較が基本です。A+コンテンツ全体の作り方はA+コンテンツの作り方を参照してください。
Q4. 楽天の商品ページで比較表を作る方法は?
商品説明文のHTMLエリアにtableタグで比較表を作成する方法と、比較表を画像として作成しサブ画像(2〜7枚目)に設置する方法があります。スマホではテーブルが横スクロールになりやすいため、比較項目を3〜4列に絞るか、画像で作成するのが実用的です。
Q5. 自社商品同士の比較表と他社比較バナーのどちらを優先すべきですか?
まず自社商品同士の比較表を優先してください。自社比較表はリスクが低く、ラインナップ内の回遊促進と複数購入に直結します。他社比較は景品表示法の3要件を満たす必要があり準備に手間がかかるため、自社比較表でCVR改善の効果を確認してから検討する流れがおすすめです。
Q6. 比較コンテンツの効果をどう測定すればいいですか?
AmazonではA+コンテンツのA/Bテスト機能(Manage Your Experiments)で比較表あり/なしの効果を検証できます。楽天・Yahoo!ではRMSやストアクリエイターProでCVR推移を確認し、設置前後2週間の変化を比較します。テスト期間は最低2週間、できれば4週間を確保してください。
まとめ
比較コンテンツの対応ポイントを整理します。
- 比較コンテンツは「自分のページ内で比較を完結させる」仕組み。離脱防止・納得感・回遊促進の3つの効果がある
- まず自社商品同士の比較表を優先。リスクが低く、効果を実感しやすい
- 他社比較は景品表示法の3要件(客観的実証・正確な引用・公正な比較)を遵守。他社名を出さない表現が実務的
- 比較軸は「ユーザーが迷うポイント」から選ぶ。5〜7項目が目安
- Amazonは A+比較表モジュール、楽天はHTMLテーブル or 画像、Yahoo!はHTML or 画像で実装
- 設置後はCVRと回遊率を測定し、比較軸や設置位置を改善する
今すぐやるべきステップ: 自社の主力商品でラインナップが3商品以上あるものを1つ選び、比較表を作成してください。Amazonならセラーセントラルの「A+コンテンツマネージャー」から比較表モジュールを追加。楽天なら商品画像の3枚目に比較表画像を設置するのが最も手軽です。
次に読むべき記事
- A+コンテンツの作り方 — Amazon A+比較表モジュールの詳細な設定手順
- Amazon商品ページのCVR改善 — CVR改善の8つの施策と優先順位
- 楽天 商品ページの作り方 — 楽天商品ページの構成と改善手順
- ECの景品表示法入門 — 比較広告の法的ルールの詳細
よくある質問
Q. 商品ページに比較表を入れるとCVRはどのくらい上がりますか?▼
A. 商材やページの品質によりますが、Amazonでは自社商品同士の比較表(A+比較表モジュール)を設置することでCVRが数%〜10%程度改善する事例が報告されています。比較表により「この商品を選ぶ理由」が明確になり、購入の意思決定が早くなる効果があります。
Q. 他社製品との比較は景品表示法に違反しませんか?▼
A. 3つの要件を満たせば適法です。①比較内容が客観的に実証されていること、②数値や事実を正確に引用していること、③比較方法が公正であること。ただし根拠のない「業界No.1」や、条件の異なる商品との不公正な比較は違反となります。
Q. Amazon A+の比較表モジュールには何商品まで載せられますか?▼
A. 最大6商品まで並べて比較でき、比較項目は最大10項目まで設定できます。自社商品のラインナップ比較に最適で、画像サイズは150×300pxが推奨です。他社商品も掲載可能ですが、購入先が他社に流れるリスクがあるため自社商品同士の比較が基本です。
Q. 楽天の商品ページで比較表を作る方法は?▼
A. 商品説明文のHTMLエリアにtableタグで比較表を作成します。PC用説明文・スマートフォン用商品説明文のそれぞれで表示を最適化する必要があります。スマホではテーブルが横スクロールになりやすいため、比較項目を3〜4列に絞るのがポイントです。
Q. 自社商品同士の比較表と他社比較バナーのどちらを優先すべきですか?▼
A. まず自社商品同士の比較表を優先してください。自社比較表はリスクが低く、ラインナップ内の回遊促進・複数購入につながります。他社比較は景品表示法の3要件を満たす必要があり、準備に手間がかかるため、自社比較表で効果を確認してから検討しましょう。
Q. 比較コンテンツの効果をどう測定すればいいですか?▼
A. AmazonではA+コンテンツのA/Bテスト機能(Manage Your Experiments)で比較表あり/なしの効果を検証できます。楽天・Yahoo!ではRMSやストアクリエイターProで商品ページのCVR推移を確認し、比較表設置前後の変化を比較します。
月歩|EC実務ラボ運営者
EC運営歴10年以上。商品企画・販売に関わる事業会社で、楽天市場・Amazon・Yahoo!ショッピングの運営に携わり、商品ページ改善、広告運用、販促設計、データ分析を担当してきました。モール広告では、楽天市場・Amazon・Yahoo!ショッピングで月間数百万円規模の運用を経験しています。
関連記事
お得感設計とは|10のテクニックと買い手心理で売上を伸ばす方法
お得感設計の10テクニックを心理学の根拠付きで解説。値引き・ポイント還元の使い分けからモール別施策、景品表示法の注意点まで、EC販促の効果を最大化する実務ガイドです。
2026年3月19日
Amazon商品ページのCVR改善|転換率を上げる優先順位と8つの施策
Amazon商品ページのCVR(転換率)を改善するための優先順位と8つの具体的施策を整理します。カテゴリ別の平均値・セラーセントラルでの確認方法・A/Bテスト活用法まで、現場で使える実践ガイドです。
2026年3月22日
Amazon A+コンテンツの作り方|初心者向け完全ガイド
Amazon A+コンテンツ(商品紹介コンテンツ)の作り方を、種類・利用条件・作成手順・モジュール選び・改善のコツまで体系的に整理します。初めてA+コンテンツを作成するEC担当者でも、この1記事で実務に必要な知識が身につきます。
2026年3月22日
楽天 商品ページの作り方|売れるページに必要な要素と改善手順
楽天市場の商品ページの作り方と改善方法を解説します。売れるページに必要な5つの要素(ファーストビュー・商品説明文・画像・スマホ対応・回遊導線)の具体的な設計方法と、転換率の確認方法・改善の優先順位を整理します。
2026年3月22日
Yahoo!ショッピングの商品ページ最適化|CVRを上げる画像・説明文・B-Space活用ガイド
Yahoo!ショッピングの商品ページを最適化してCVR(転換率)を上げる方法を優先順位付きで解説。商品画像のガイドライン・説明文のHTML活用・スマホ表示の最適化・B-Spaceの活用・商品動画の設定方法まで、ストアクリエイターProの操作に沿って体系的に整理します。
2026年3月21日
楽天 商品画像の基本|ガイドライン対応と売れるサムネイルの考え方
楽天市場の商品画像登録ガイドライン4ルール(テキスト占有率20%・枠線禁止・背景・GIF禁止)を解説します。カテゴリ別の売れるサムネイル設計・2枚目以降の画像構成・判定ツールの使い方・画像改善PDCAまで整理します。
2026年3月22日
ECの景品表示法入門|有利誤認・優良誤認を防ぐ基礎知識
EC事業者向けに景品表示法の基本を解説します。優良誤認・有利誤認・不実証広告規制の違いと具体例、景品類(おまけ・プレゼント)の上限額、2024年改正のポイント、モール別の対応、EC担当者向けチェックリストまで整理します。
2026年3月23日