EC実務ラボ
販促中級者

EC商品ページの比較コンテンツ戦略|自社比較・他社比較の作り方とCVRへの効果

2026年3月28日

EC商品ページの比較コンテンツを解説します。自社商品同士の比較表と他社との差別化バナーの使い分け、比較軸の選び方、モール別の実装方法(Amazon A+比較表モジュール・楽天HTML・Yahoo!ショッピング)、景品表示法の比較広告ルール、商材別テンプレート、効果測定まで整理します。

対象読者: 商品ページのCVR改善に取り組んでいるEC担当者で、比較表や差別化バナーの作り方を知りたい方

この記事で分かること

  • 比較コンテンツがCVRに効く理由と、自社比較・他社比較の使い分け判断基準が分かる
  • Amazon A+比較表モジュール・楽天HTML・Yahoo!ショッピングのモール別実装方法が分かる
  • 景品表示法の比較広告3要件と、違反しない他社比較の作り方が分かる

ECモールで商品を探すユーザーは、1つの商品ページだけを見て購入を決めることはほとんどありません。複数の商品を比較し、スペック・価格・レビューを見比べて「これに決めよう」と判断します。この「比較して決める」プロセスを自分の商品ページの中で完結させるのが比較コンテンツの役割です。

本記事では、自社商品同士の比較表と他社製品との差別化バナーの使い分け、モール別の実装方法、景品表示法のルール、商材別のテンプレートまで整理します。

比較コンテンツがCVRに効く理由

比較コンテンツは「他のページに離脱して比較する」行動を防ぎ、自分のページ内で購入を決めてもらうための仕組みです。

ユーザーは「比較」で購入を決める

ECモールのユーザーは購入前に平均3〜5つの商品ページを閲覧するといわれています。つまり、商品ページを見ている時点では「まだ比較検討中」であり、購入を確定していません。

このとき、商品ページに比較コンテンツがなければユーザーは以下の行動をとります。

  1. 検索結果に戻って別の商品を見る
  2. 競合店舗のページに移動する
  3. 比較しきれず「今日は買わない」と離脱する

いずれもCVRを下げる行動です。比較コンテンツを設置することで、ユーザーが自分のページ内で比較を完結できるようになり、離脱を防げます。

比較コンテンツの3つの効果

効果内容
離脱防止「他のページで比較しなくても、この表を見れば判断できる」と感じてもらえる
納得感の醸成比較軸が整理されていると「この商品を選ぶ理由」が明確になり、購入の後押しになる
自社内回遊の促進自社の他商品への導線になり、ラインナップ全体の売上を底上げする

比較がないとどうなるか

比較コンテンツがない商品ページでは、ユーザーは自分で比較するために他の商品ページ・他の店舗に移動します。そこで競合のほうが分かりやすければ、そのまま競合で購入されてしまいます。

特にAmazonでは商品ページ下部に「この商品に関連する商品」として競合商品が自動表示されるため、自社のA+比較表を設置しないとAmazon側が自動で表示する競合商品に流れるリスクが高まります。

自社比較と他社比較の使い分け早見表

まず自社比較表を優先し、他社比較バナーはリスクと手間を理解した上で追加する、が基本方針です。

項目自社商品同士の比較表他社製品との差別化バナー
目的ラインナップ内で最適な商品を選んでもらう競合ではなく自社を選ぶ理由を示す
リスク低い(自社商品間の回遊なのでどれが売れても良い)高い(景品表示法の3要件を満たす必要あり)
制作の手間中程度(自社情報のみで完結)高い(競合調査+法的チェックが必要)
効果CVR改善+複数購入促進競合からの差別化+指名買い促進
優先度高(まずこちらから)中(自社比較で効果を確認してから)

自社商品同士の比較表

自社のラインナップ内でサイズ・容量・グレード・用途が異なる商品を並べて比較します。

  • カラーバリエーション(色・柄の違い)
  • サイズバリエーション(S/M/L、容量違い)
  • グレード違い(スタンダード/プレミアム)
  • 用途別(家庭用/業務用、朝用/夜用)

他社製品との差別化バナー

競合製品と比較して自社の優位性を訴求するバナーや表です。「一般的な○○と比較して」「従来品との違い」といった形で、自社商品の強みを際立たせます。

商材・状況別の判断基準

状況おすすめ理由
自社にラインナップが3商品以上ある自社比較表選びやすさの向上+自社内回遊
自社は1商品のみ、競合が多い他社差別化バナー「なぜこの商品か」の理由づけが必要
高単価商品(5,000円以上)自社比較表+他社差別化慎重に比較するユーザーが多い。両方あると効果的
低単価の消耗品自社比較表のみ他社比較の手間に見合わない。自社内の容量比較で十分
競合と明確なスペック差がある他社差別化バナー数値で差を見せられる(ただし景表法3要件を遵守)

自社商品の比較表を作るコツ

比較軸の選び方で「分かりやすい表」と「意味のない表」が分かれます。

比較軸の選び方

比較表に載せる項目は「ユーザーが購入判断で迷うポイント」から選びます。

商材迷いやすいポイント(=比較軸にすべき項目)
家電サイズ、消費電力、機能の有無、対応規格
食品味・フレーバー、内容量、1個あたり単価、原材料
アパレル素材、サイズ感、厚さ、洗濯方法
化粧品容量、テクスチャ、香り、対象肌タイプ
日用品容量、使用回数目安、1回あたり単価
比較項目は5〜7個が目安です。少なすぎると比較の意味がなく、多すぎると読む気が失せます。ユーザーが「これを見ればどれを買うか決められる」と感じる粒度を意識してください。

情報の並べ方

ポイント内容
おすすめ商品を左(または先頭)にユーザーの視線は左→右に動くため、最も売りたい商品を先頭に配置
差がある項目を上に全商品で同じ値の項目は下部に。違いが明確な項目を上部に配置
「こんな人におすすめ」を追加各商品の下に1行で「○○な方向け」と書くと選びやすさが格段に上がる

画像・デザインのポイント

  • 背景を統一: 商品画像の背景色・角度を揃えると比較しやすくなる
  • サイズ感が伝わる構図: 同じアングル・同じ縮尺で撮影
  • スマホで見やすいレイアウト: 比較項目を3〜4列以内に。横スクロールが発生すると見てもらえない

「どれを選べばいい?」に答える導線設計

比較表を見ても迷うユーザーのために、表の下に選び方ガイドを添えると効果的です。

  • 「迷ったらMサイズがおすすめ(最も売れています)」
  • 「初めての方はスタンダードタイプから」

この一言があるだけで、決めきれないユーザーの背中を押せます。

他社製品との差別化バナーを作るコツ

他社比較は効果が高い反面、景品表示法のルールを守る必要があります。

差別化ポイントの洗い出し方

他社製品と比較する前に、まず自社商品の「選ばれる理由」を整理します。

  1. スペックの優位性: 容量が多い、成分が多い、機能が多いなど数値で示せるもの
  2. 価格・コスパの優位性: 1個あたり単価、送料無料、まとめ買い割引
  3. サービスの優位性: 保証期間、返品対応、サポート体制
  4. 実績の優位性: レビュー数、販売実績、受賞歴

このうち客観的な数値やデータで裏付けられるものを比較コンテンツに使います。

比較広告の景品表示法3要件

他社製品と比較する際は、景品表示法で定められた3つの要件をすべて満たす必要があります。

要件内容具体例
①客観的に実証されている比較内容が試験データや第三者機関の調査で裏付けられている「第三者機関のテストで○○が2倍」(テストデータあり)
②正確かつ適正に引用されている数値や事実を正確に引用し、調査条件も明示している「2025年○月 ○○研究所調べ」と出典を明記
③比較方法が公正である同等の条件・グレードの商品と比較している同じカテゴリ・同じ価格帯の商品との比較

景品表示法の基本はECの景品表示法入門で解説しています。

根拠のない「業界No.1」「最安値」は3要件を満たしていても景品表示法違反になる可能性があります。また、競合の旧モデル(すでに廃番の製品)と比較するのも不公正な比較として問題になります。

NG表現とOK表現の具体例

NG表現問題点OK表現
「業界No.1の品質」客観的な根拠がない「○○テストで業界平均の2倍の耐久性(○○研究所2025年調べ)」
「他社より圧倒的にお得」「圧倒的」の根拠がない「同容量の一般的な製品と比較して1回あたり約30%お得(当社調べ)」
「A社の製品より優れている」比較条件が不明確「従来品と比較して○○成分を20%増量」(自社従来品との比較に変更)

「他社名を出さない比較」のテクニック

他社名を直接出すとトラブルになるリスクがあるため、以下のテクニックが実務では一般的です。

  • 「一般的な○○」との比較: 「一般的なコラーゲンドリンクと比較して」
  • 「従来品」との比較: 自社の旧製品との比較であれば3要件の適用ハードルが下がる
  • 「当社比」での表現: 「前年モデル比120%の吸収力」
  • 客観的な数値のみ掲載: 他社名を出さず、スペックの数値だけを並べてユーザーに判断させる

モール別の比較コンテンツ実装方法

3モールとも比較表を設置できますが、実装方法と制約が異なります。

Amazon:A+比較表モジュールの活用

AmazonのA+コンテンツ(商品紹介コンテンツ)には専用の比較表モジュールがあり、視覚的に整った比較表を簡単に作成できます。

項目内容
比較可能な商品数最大6商品
比較項目数最大10項目
推奨画像サイズ150×300px
利用条件大口出品プランへの加入
他社商品の掲載可能(ただし購入流出リスクあり。自社商品同士が基本)

設定手順:

  1. セラーセントラルの「A+コンテンツマネージャー」を開く
  2. 「モジュールを追加」から「標準的な比較表」を選択
  3. ASINを入力して商品を追加(最大6商品)
  4. 比較項目と各商品の値を入力
  5. 「承認用に送信」をクリック(下書き保存では商品ページに反映されません)
A+比較表では「価格」「返品」等の禁止ワードは使用できません。比較項目にはスペック・機能・用途など商品の特徴を記載してください。A+コンテンツ全体の作り方はA+コンテンツの作り方で解説しています。

楽天:商品説明文HTMLでの比較表

楽天市場にはA+のような専用モジュールがないため、商品説明文のHTMLエリアにtableタグで比較表を作成します。

項目内容
作成方法商品説明文(PC)・スマートフォン用商品説明文にHTMLで記述
デザインの自由度高い(HTML/CSSで自由にデザイン可能)
スマホ対応スマートフォン用商品説明文で別途最適化が必要
画像での対応比較表を画像として作成し、商品画像の2〜7枚目に設置する方法も有効

実務で多い実装パターン:

  1. 商品画像に比較表を入れる: サブ画像(2〜7枚目)に比較表の画像を入れる方法。最もユーザーの目に触れやすい
  2. 商品説明文にHTMLテーブルで記載: PC用説明文にtableタグで比較表を作成
  3. 回遊バナーとして設置: 他の自社商品へのリンクバナーを設置し、ラインナップ比較を促す

スマホでは横幅が狭いため、比較項目は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-CUSB-CUSB-A
こんな人向けコンパクト重視パワー重視コスパ重視

食品・飲料

比較軸レギュラー大容量お試しセット
内容量200g500g100g
1gあたり単価○円○円○円
賞味期限6ヶ月6ヶ月6ヶ月
こんな人向けまず試したい方リピーター味を確認したい方

アパレル

比較軸ライトモデルスタンダードヘビーウェイト
素材ポリエステル綿混綿100%
厚さ薄手中厚厚手
洗濯洗濯機OK洗濯機OK手洗い推奨
シーズン春夏通年秋冬
こんな人向け暑がりな方オールシーズン寒がりな方

化粧品・健康食品

比較軸しっとりタイプさっぱりタイプエイジングケア
テクスチャクリームジェル濃厚クリーム
容量50ml50ml30ml
対象肌タイプ乾燥肌脂性肌年齢肌
こんな人向け保湿重視べたつきが苦手ハリ・弾力を求める方

日用品・消耗品

比較軸お試しレギュラーお得パック
容量300ml600ml1,200ml
使用回数目安約30回約60回約120回
1回あたり単価○円○円○円
こんな人向け初めての方定期的に使う方まとめ買い派

比較コンテンツの効果測定

設置して終わりではなく、CVRと回遊率の変化を確認して改善サイクルを回します。

CVR(比較表あり vs なしのA/Bテスト)

モール測定方法
AmazonManage 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枚目に比較表画像を設置するのが最も手軽です。

次に読むべき記事

よくある質問

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初心者

Amazon商品ページのCVR改善|転換率を上げる優先順位と8つの施策

Amazon商品ページのCVR(転換率)を改善するための優先順位と8つの具体的施策を整理します。カテゴリ別の平均値・セラーセントラルでの確認方法・A/Bテスト活用法まで、現場で使える実践ガイドです。

2026年3月22日

Amazon初心者

Amazon A+コンテンツの作り方|初心者向け完全ガイド

Amazon A+コンテンツ(商品紹介コンテンツ)の作り方を、種類・利用条件・作成手順・モジュール選び・改善のコツまで体系的に整理します。初めてA+コンテンツを作成するEC担当者でも、この1記事で実務に必要な知識が身につきます。

2026年3月22日

楽天初心者

楽天 商品ページの作り方|売れるページに必要な要素と改善手順

楽天市場の商品ページの作り方と改善方法を解説します。売れるページに必要な5つの要素(ファーストビュー・商品説明文・画像・スマホ対応・回遊導線)の具体的な設計方法と、転換率の確認方法・改善の優先順位を整理します。

2026年3月22日

Yahoo初心者

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日