Yahoo!ショッピングの商品ページ最適化｜CVRを上げる画像・説明文・B-Space活用ガイド

Yahoo!ショッピングでは、検索やカテゴリから流入したユーザーが購入に至るかどうかは商品ページの質に大きく依存します。「アクセスはあるのに売れない」という場合、商品ページの改善がCVR向上への最短ルートです。特にスマホ経由の購入が7割以上を占める現在、ファーストビュー設計・商品画像・説明文の最適化は避けて通れません。本記事では、商品ページの改善を優先順位付きで整理し、画像・説明文・スマホ最適化・B-Space活用・商品動画の設定方法まで体系的に解説します。

【早見表】商品ページ改善の優先順位チェックリスト

まず、商品ページの改善で取り組むべき要素を優先度順に一覧で確認しましょう。

優先度	改善要素	CVR効果	難易度	所要時間
1	商品画像の最適化（ガイドライン準拠・枚数増）	最大	中	1商品30分
2	商品説明文の改善（冒頭100文字・HTML活用）	大	中	1商品20分
3	スマホ用フリースペースの設定	大	低	1商品15分
4	配送情報の明示（優良配送・送料無料）	中〜大	低	5分
5	商品動画の設定	大	中	1商品30分
6	B-Spaceでの販促バナー・商品棚設置	中	中	初期設定1時間
7	バリエーション・SKU表示の整理	中	低	1商品10分

**まずは優先度1〜3に取り組んでください。**画像・説明文・スマホ表示の3要素を改善するだけで、CVRが大きく変わるケースが多いです。

Yahoo!ショッピングの商品ページ構成と各要素の役割

PC版とスマホ版のページ構成の違い

Yahoo!ショッピングの商品ページは、PC版とスマホ版でレイアウトが異なります。

要素	PC版	スマホ版
商品画像	左側に大きく表示	画面上部にスワイプ式で表示
商品名	画像の右側	画像の下
価格・ポイント	画像の右側	画像の下
商品説明	ページ下部にタブ切替	「商品情報をもっと見る」で展開
フリースペース	PC用フリースペース	スマホ用フリースペース（別設定）

スマホ版では商品説明がデフォルトで折りたたまれている点が重要です。スマホユーザーが最初に目にするのは商品画像とファーストビューの情報のみです。

CVRに影響する7つの要素

商品ページのCVRに影響する要素を整理します。

1. 商品画像 — 購買判断の最大の要因。枚数・品質・構成がCVRを左右
2. 商品説明文 — 商品の特徴・使い方・スペックを伝える
3. 価格・ポイント表示 — お得感の訴求
4. 配送情報 — 優良配送ラベル・送料無料の有無
5. レビュー — 評価点・件数による信頼性
6. 商品動画 — 使用感・サイズ感を伝える強力なコンテンツ
7. バリエーション表示 — サイズ・カラーの選択肢の分かりやすさ

商品画像の最適化 — 最もCVRに影響する要素

画像ガイドラインの早見表

Yahoo!ショッピングの商品画像ガイドラインのポイントを整理します（ファイブスプリングス）。

ルール	基準	違反時のペナルティ
背景色	白背景または写真背景（枠線・装飾NG）	検索順位低下
テキスト占有率	メイン画像：20%以下	検索順位低下・検索除外
画像サイズ	600×600px以上推奨（1200×1200px理想）	ズーム機能が使えない
画像形式	JPEG / PNG / GIF	―
禁止事項	他社ロゴ・著作権画像・虚偽表示	出品停止の可能性

推奨画像サイズと登録枚数（最大20枚の戦略的活用）

商品画像は最大20枚まで登録できます。すべて埋める必要はありませんが、最低7〜10枚は登録することでCVRの向上が見込めます。

売れる商品画像の構成パターン

20枚の画像枠を戦略的に活用しましょう。推奨する構成パターンを整理します。

枚数	内容	目的
1枚目	メイン画像（白背景・商品正面）	検索結果のサムネイル表示
2〜3枚目	使用シーン・ライフスタイル写真	利用イメージの喚起
4枚目	サイズ比較（手や身体との比較）	サイズ感の伝達
5〜6枚目	商品スペック・特徴のインフォグラフィック	機能・特徴の訴求
7枚目	レビュー引用画像（高評価レビューのキャプチャ）	社会的証明
8〜10枚目	カラーバリエーション・素材感	選択肢の提示
11枚目以降	付属品・同梱品・保証書	安心感の提供

ガイドライン違反のペナルティと修正手順

ガイドライン違反の通知を受けた場合は、速やかに修正しましょう。主なペナルティと対応を整理します。

違反レベル	ペナルティ	対応期限の目安
軽度（テキスト占有率超過等）	検索順位の低下	2週間以内に修正
中度（背景ルール違反等）	検索結果からの除外	1週間以内に修正
重度（著作権違反・虚偽表示等）	商品ページの停止	即時対応

商品説明文の最適化 — 購入の決め手を作る

商品説明文の入力ルール（全角5,000文字・HTML可）

Yahoo!ショッピングの商品説明文は全角5,000文字（半角10,000文字）まで入力可能で、HTML記述にも対応しています。HTML見出しや表組みを活用することで、読みやすく情報量の多い商品説明を作成できます。

冒頭100文字で勝負する — ファーストビューの書き方

スマホ版商品ページでは商品説明がデフォルトで折りたたまれているため、展開前に見える冒頭部分（約100文字）が特に重要です。

冒頭100文字には以下を含めましょう。

• 商品の最大の魅力・差別化ポイント（「累計10万個突破」「楽天ランキング1位」等）
• ターゲットユーザーの課題解決（「朝の支度を10分短縮」等）
• 具体的な数値（「サイズ：幅30cm × 高さ20cm」等）

HTML活用のポイントと商品説明テンプレート

商品説明でのHTML活用ポイントを整理します。

• 見出しタグ（h2〜h4） — セクションを分けて読みやすくする
• 表組み（table） — スペック情報や比較表に活用
• 太字（strong/b） — 重要な情報を強調
• 箇条書き（ul/li） — 特徴や付属品のリスト化

スマホ用フリースペースの設定方法と重要性

スマホ用フリースペースは、PC版とは別に設定する必要があるスマホ専用の説明欄です。購入の7割以上がスマホ経由の現在、フリースペースの設定は必須です。

設定手順は以下のとおりです。

1. ストアクリエイターProにログイン
2. 対象商品の「編集」を選択
3. 「フリースペース」タブを開く
4. 「スマホ用」のフリースペースにHTMLを入力
5. プレビューでスマホ表示を確認
6. 保存

スマホ表示の最適化 — 購入の7割以上がスマホ経由

スマホファーストビューの設計ポイント

スマホの商品ページで最初に目に入る「ファーストビュー」で伝えるべき情報は以下の3つです。

1. 商品の全体像が分かるメイン画像
2. 価格とポイント還元率
3. 送料無料・優良配送などの配送情報

この3つが一目で確認できる状態になっていれば、ユーザーがスクロールして詳細を確認する確率が上がります。

スマホ用フリースペースの活用（PC版との違い）

PC版のフリースペースはページ下部に表示されますが、スマホ版では商品情報の直後に表示されるため、購買判断により強く影響します。

スマホ用フリースペースに入れるべき内容を整理します。

• 商品の特徴を3〜5点の箇条書きで要約
• サイズ表（アパレルの場合）
• 配送・返品に関する重要事項
• レビュー特典の案内

スマホ最適化チェックリスト（10項目）

スマホ版商品ページの最適化を以下のチェックリストで確認しましょう。

No	チェック項目	確認方法
1	メイン画像が正方形（1:1）で表示されているか	スマホで検索結果を確認
2	画像内テキストがスマホで読めるサイズか	スマホで商品ページを確認
3	商品名が30文字以内で要点が伝わるか	検索結果でのタイトル表示を確認
4	価格とポイント還元率がファーストビューに表示されるか	スマホで商品ページを確認
5	送料無料・優良配送の表示があるか	配送情報の設定を確認
6	スマホ用フリースペースが設定されているか	ストアクリエイターProで確認
7	商品画像が7枚以上登録されているか	画像管理画面で確認
8	バリエーション（サイズ・色）の選択が分かりやすいか	スマホで実際に操作確認
9	レビューが表示されているか	商品ページ下部を確認
10	ページ読み込み速度が遅くないか	スマホで体感確認

商品動画の活用 — 訪問率4倍・転換率1.5〜2倍の新施策

商品動画の効果と設定方法

Yahoo!ショッピングのデータによると、商品動画を設定した商品は訪問率が4倍以上、転換率が1.5〜2倍向上する傾向があります（JERICHO TOKYO）。2026年時点で動画を設定している出店者はまだ少数のため、先行者メリットが大きい施策です。

動画の設定手順は以下のとおりです。

1. ストアクリエイターProの商品編集画面を開く
2. 「動画」タブを選択
3. 動画ファイル（MP4推奨）をアップロード
4. サムネイル画像を選択
5. 保存してプレビューで確認

動画制作のポイント（スマホ撮影でも可）

プロの撮影機材は不要です。スマホで撮影した動画でも十分な効果が得られます。

ポイント	内容
長さ	15〜30秒が最適（長すぎると離脱）
内容	商品の使い方・サイズ感・質感が伝わるシーン
撮影	スマホ横向き撮影、自然光で明るく
音声	なしでもOK（テロップで補完）
解像度	720p以上推奨

業種別の動画活用例

業種	動画の内容例
アパレル	着用動画（サイズ感・生地感・シルエット）
食品	調理シーン・盛り付け・パッケージ開封
家電	操作デモ・サイズ比較・動作音
日用品	使用シーン・Before/After・収納例

B-Spaceを活用した商品ページの訴求力アップ

B-Spaceとは — 主要ツールの概要

B-SpaceはYahoo!ショッピング公式の販促ツールで、商品ページやストアトップに販促バナー・関連商品棚を設置できます。

ツール名	機能	おすすめ用途
GAZN（ガゾーン）	商品ページ内に販促バナーを設置	セール告知、まとめ買い訴求
動く商品棚	関連商品をスライド表示	クロスセル・回遊率向上
にぎわいバナー	アクセスカウンターやランキングバッジ表示	社会的証明・人気感の演出

B-Spaceで商品ページに販促バナーを設置する方法

GAZN（ガゾーン）を使った販促バナーの設置手順を整理します。

1. B-Space管理画面にログイン
2. 「GAZN」メニューから「新規作成」
3. バナー画像をアップロード（推奨：横幅750px以上）
4. リンク先URL（セールページ等）を設定
5. 表示する商品ページ・表示位置を選択
6. プレビュー確認後に公開

「動く商品棚」で関連商品の回遊を促す

「動く商品棚」は、商品ページ内に関連商品をスライド形式で表示する機能です。ユーザーが見ている商品に関連する商品を提案することで、回遊率の向上と客単価アップが期待できます。

設定のポイントは以下のとおりです。

• 同カテゴリの商品を表示する（色違い・サイズ違い・グレード違い）
• セット購入がおすすめの商品を表示する（本体＋アクセサリ等）
• 表示商品数は4〜8商品が適度

B-Spaceの料金プランと費用対効果

B-Spaceの料金プランを整理します。

プラン	月額費用	主な機能
無料プラン	0円	GAZN基本機能（バナー1つ）
ライトプラン	550円	複数バナー・動く商品棚
レギュラープラン	3,300円	全機能・にぎわいバナー含む

月額550円のライトプランでも十分な機能が使えるため、まずはライトプランから試すのがおすすめです。月商10万円以上の店舗であれば、回遊率向上による売上増で費用は十分に回収できます。

配送情報・在庫情報の最適化

優良配送ラベルの表示条件と設定

優良配送ラベルは商品ページに「あすつく」「優良配送」のバッジが表示される仕組みで、CVRに大きく影響します。取得条件は出荷遅延率5%以下、注文日+2日以内のお届け設定などです。

優良配送ラベルが表示されると、検索結果でも優先表示されるため、SEO効果もあります。詳しくはYahoo!ショッピングSEO対策ガイドで解説しています。

送料無料表示の効果と設定方法

「送料無料」の表示はCVRに大きく影響します。送料無料が難しい場合は、「○○円以上で送料無料」の条件付き無料を設定し、客単価アップとの両立を図りましょう。

在庫切れ時の機会損失を防ぐ設定

在庫切れの商品ページがそのまま放置されていると、ユーザーの離脱を招きます。以下の対策で機会損失を最小化しましょう。

• 入荷予定日の明記 — 「○月○日入荷予定」で再訪を促す
• 再入荷通知の設定 — ユーザーがメールで入荷通知を受け取れるようにする
• 代替商品への誘導 — B-Spaceの「動く商品棚」で類似商品を表示

業種別の商品ページテンプレート

アパレル — サイズ表・着用画像・カラバリ表示の最適化

アパレル商品の商品ページで必須の要素を整理します。

要素	内容	配置場所
サイズ表	S/M/L/XL × 身幅/着丈/肩幅の表	スマホ用フリースペース
着用画像	モデル着用写真（身長記載）	サブ画像2〜4枚目
カラバリ	全色の一覧画像	サブ画像5〜7枚目
素材感	生地のアップ写真	サブ画像8枚目
洗濯表示	洗濯方法・お手入れ情報	商品説明文

食品 — 賞味期限・アレルギー・調理例の訴求

要素	内容	配置場所
調理例・盛り付け写真	食欲をそそるシズル感のある写真	メイン画像or2枚目
内容量・個数	「○g × ○袋」の明記	商品名・説明文冒頭
賞味期限	「製造より○ヶ月」	商品説明文
アレルギー表示	特定原材料の一覧	商品説明文
産地情報	「○○産」の明記	商品名・画像

家電 — スペック比較表・同梱品一覧・保証情報

要素	内容	配置場所
スペック表	型番・サイズ・重量・消費電力等	商品説明文（HTML表）
同梱品一覧	本体以外の付属品写真＋リスト	サブ画像・説明文
保証情報	メーカー保証期間	商品説明文
操作動画	使い方デモ	商品動画
競合製品との比較	自社の強みが分かる比較表	画像orフリースペース

日用品 — 使用シーン・容量比較・定期購入導線

要素	内容	配置場所
使用シーン写真	実際の使用場面	サブ画像2〜3枚目
容量比較	「1回○mlで約○回分」	商品名・説明文
まとめ買いクーポン	「3個セットで○%OFF」	B-Space GAZN
定期購入案内	リピート購入への導線	フリースペース

商品ページ改善の効果測定とPDCA

ストアクリエイターProでCVR・アクセス数を確認する方法

商品ページ改善の効果は、ストアクリエイターProの「アクセス分析」で確認できます。

指標	確認方法	改善の目安
商品別CVR	アクセス分析 > 商品別	改善前後で0.3%以上の向上
商品別アクセス数	アクセス分析 > 商品別	画像改善でCTR向上→アクセス増
カート投入率	注文データ分析	説明文改善で向上

月間500PV以上の商品から改善対象を選ぶ

すべての商品を一度に改善するのは非現実的です。月間500PV以上の商品から優先的に取り組みましょう。アクセスが多い商品はCVR改善のインパクトが大きく、効果を実感しやすいです。

改善対象の優先順位は以下のとおりです。

1. 高アクセス × 低CVR — 最もインパクトが大きい。画像・説明文の改善が急務
2. 高アクセス × 中CVR — さらなる最適化で売上が伸びるポテンシャル
3. 低アクセス × 高CVR — SEO・広告でアクセスを増やせば売上大幅増

Before/After記録と改善サイクルの回し方

商品ページ改善はPDCAで継続的に回しましょう。

1. Before記録 — 改善前のCVR・アクセス数・売上をスクリーンショットで記録
2. 改善実施 — 本記事のチェックリストに沿って改善
3. 2週間モニタリング — 改善後2週間のデータを収集
4. After記録 — 改善後の数値を記録し、効果を評価
5. 次の改善 — 最も効果の大きかった施策を他の商品にも展開

KPIの管理方法についてはYahoo!ショッピングのKPI管理ガイドで詳しく解説しています。

よくある質問（FAQ）

Q1. Yahoo!ショッピングの商品画像は何枚まで登録できますか？

最大20枚まで登録できます。メイン画像1枚＋サブ画像19枚の構成です。すべて埋める必要はありませんが、最低7〜10枚は登録することを推奨します。枚数が多いほどユーザーの滞在時間が伸び、CVR向上につながります。

Q2. 商品画像のテキスト占有率はどのくらいまでOKですか？

メイン画像（1枚目）のテキスト占有率は20%以下がガイドラインの基準です。テキストが20%を超えると検索結果でのペナルティ（表示順位の低下）を受ける可能性があります。サブ画像（2枚目以降）は基準が緩やかですが、過度なテキスト挿入は避けましょう。

Q3. スマホ用フリースペースとは何ですか？

スマホ版商品ページ専用の説明欄で、PC版の商品説明とは別に設定できます。スマホ画面に最適化したレイアウトや情報を掲載できるため、スマホ経由の購入が7割以上を占める現在、必ず設定すべき要素です。

Q4. B-Spaceとは何ですか？料金はいくらですか？

Yahoo!ショッピング公式の販促ツールで、商品ページに販促バナー（GAZN）や関連商品棚（動く商品棚）を設置できます。無料プランでも基本機能が使え、月額550円のライトプランで複数バナーと商品棚が利用可能になります。

Q5. 商品動画は設定した方がいいですか？効果は？

はい、設定を強く推奨します。商品動画を設定した商品は訪問率が4倍以上、転換率が1.5〜2倍向上する傾向があります。プロの機材は不要で、スマホ撮影の15〜30秒動画でも十分な効果が得られます。

Q6. 商品説明文は何文字まで入力できますか？

全角5,000文字（半角10,000文字）まで入力可能です。HTML記述にも対応しており、見出し・表組み・太字を使って構造化された読みやすい説明文を作成できます。

Q7. 画像ガイドライン違反のペナルティは何ですか？

主なペナルティは検索結果での表示順位低下です。重度の違反（著作権侵害・虚偽表示等）は商品ページの停止や出品停止となる場合もあります。違反通知を受けたら速やかに修正してください。

Q8. Yahoo!ショッピングの商品ページの平均CVRは？

業種によりますが、Yahoo!ショッピングの平均CVRは1〜3%程度です。商品画像の最適化やスマホ用フリースペースの設定で、CVRを0.5〜1%程度改善できるケースが多いとされています。

Q9. 商品画像の推奨サイズは何pxですか？

推奨は600×600px以上、理想は1200×1200pxです。正方形（1:1）が基本フォーマットで、高解像度の画像はズーム機能にも対応します。ファイルサイズは3MB以内を目安にしましょう。

Q10. PC版とスマホ版で商品ページの設定を分けるべきですか？

はい、特にスマホ用フリースペースはPC版とは別に設定する必要があります。スマホユーザーは画面サイズの制約があるため、要点を簡潔にまとめたスマホ専用の情報を掲載することでCVR向上が期待できます。

まとめ｜商品ページ最適化の次のステップ

今すぐやるべき最初のステップ：売上上位5商品のスマホ表示を自分のスマホで確認し、本記事のスマホ最適化チェックリスト（10項目）でチェックしてみてください。

Yahoo!ショッピングの運営全般についてはYahoo!ショッピング運営の全体像、商品ページへの流入を増やすSEO対策はYahoo!ショッピングSEO対策ガイド、CVR改善の汎用知識はECサイトのCVR改善ガイドも合わせてご確認ください。

よくある質問

Q. Yahoo!ショッピングの商品画像は何枚まで登録できますか？▼

A. 最大20枚まで登録できます。メイン画像1枚＋サブ画像19枚の構成です。すべて埋める必要はありませんが、最低7〜10枚は登録することを推奨します。

Q. 商品画像のテキスト占有率はどのくらいまでOKですか？▼

A. メイン画像のテキスト占有率は20%以下がガイドラインの基準です。テキストが20%を超えると検索結果でのペナルティ（表示順位の低下）を受ける可能性があります。

Q. スマホ用フリースペースとは何ですか？▼

A. スマホ版商品ページ専用の説明欄です。PC版の商品説明とは別に設定でき、スマホ画面に最適化したレイアウトや情報を掲載できます。スマホ購入が7割以上を占めるため、必ず設定しましょう。

Q. B-Spaceとは何ですか？料金はいくらですか？▼

A. Yahoo!ショッピング公式の販促ツールで、商品ページに販促バナーや関連商品棚を設置できます。無料プランでも基本機能が使えますが、有料プラン（月額550円〜）で全機能が利用可能になります。

Q. 商品動画は設定した方がいいですか？効果は？▼

A. はい、設定を強く推奨します。Yahoo!ショッピングのデータによると、商品動画を設定した商品は訪問率が4倍以上、転換率が1.5〜2倍向上する傾向があります。スマホ撮影でも十分な効果が得られます。

Q. 商品説明文は何文字まで入力できますか？▼

A. 全角5,000文字（半角10,000文字）まで入力可能です。HTML記述にも対応しており、見出しや表組みを使って読みやすい構成にすることを推奨します。

Q. 画像ガイドライン違反のペナルティは何ですか？▼

A. 検索結果での表示順位低下が主なペナルティです。重度の違反や繰り返し違反の場合は、検索結果から除外されるケースもあります。ガイドライン違反通知を受けた場合は速やかに修正してください。

Q. Yahoo!ショッピングの商品ページの平均CVRは？▼

A. 業種によりますが、Yahoo!ショッピングの平均CVRは1〜3%程度とされています。商品画像や説明文を最適化することで、CVRを0.5〜1%程度改善できるケースが多いです。

Q. 商品画像の推奨サイズは何pxですか？▼

A. 推奨は600×600px以上、理想は1200×1200pxです。正方形（1:1）が基本で、高解像度の画像はズーム機能にも対応します。

Q. PC版とスマホ版で商品ページの設定を分けるべきですか？▼

A. はい、分けることを推奨します。特にスマホ用フリースペースはPC版とは別に設定する必要があり、スマホユーザー向けに最適化された情報を掲載することでCVR向上が期待できます。