その画像、規約違反かも？商品画像1枚目のレギュレーションについて

Yahoo!ショッピングに出店していると、商品画像の1枚目に「送料無料」「ランキング受賞」「クーポン対象」などの情報を入れたくなることがあります。検索結果や商品一覧で目立たせたいと考えるのは自然なことです。

しかし、Yahoo!ショッピングの商品画像1枚目には、テキスト要素の占有率、背景、枠線、余白、ファイル形式などのレギュレーションがあります。これらに合っていない画像は、レギュレーション非適合と判断される可能性があります。

この記事では、Yahoo!ショッピングの商品画像1枚目で確認すべきレギュレーションをわかりやすく整理します。とくに、テキスト要素の占有率20％以下、背景や枠線の注意点、規約違反になりやすいNG例を中心に解説します。

商品画像のレギュレーションを理解しておくと、画像修正の判断がしやすくなります。あわせて、お客様にとって見やすく、誤解を与えにくい商品ページづくりにもつながります。

Yahoo!ショッピングの商品画像1枚目は、検索結果に表示される重要な画像

Yahoo!ショッピングでは、商品画像1枚目に対して、見やすさと誤認防止のためのレギュレーションが定められています。対象になるのは、検索結果や商品ページで最初に表示される商品画像です。

Yahoo!ショッピングの商品画像登録レギュレーションでは、お客様にとって「見やすい」「誤解させない」商品画像を掲載することが重視されています。売り手側が目立たせたい情報を自由に入れられるわけではありません。

とくに注意したいのは、商品詳細画像ではなく、商品画像1枚目が規定の対象である点です。2枚目以降の商品詳細画像では、商品の使い方やサイズ感、比較情報などを補足できます。一方で、商品画像1枚目は商品そのものをわかりやすく見せる役割が強いため、テキストや装飾に制限があります。

たとえば、「送料無料」「ポイント○倍」「ランキング受賞」などの訴求は、商品を目立たせる目的で入れがちです。しかし、商品画像1枚目ではNG例に含まれる場合があります。

テキスト要素は20％以下

Yahoo!ショッピングの商品画像1枚目にテキスト要素を入れる場合、占有率は20％以下に抑える必要があります。文字情報を入れすぎると、商品そのものが見えにくくなり、レギュレーション非適合と判断される可能性があります。

ここでいうテキスト要素には、文章だけでなく、ブランドロゴ、企業ロゴ、メーカー名、商品スペック、特徴説明、画像クレジットなども含まれます。文字ではない色見本やカラーバリエーションのサムネイルも、テキスト要素として扱われる場合があるため注意が必要です。 たとえば、数量、重量、対象年齢、付加サービスなど、商品選びに役立つ情報であっても、商品画像1枚目内では入れ方に注意が必要です。

一方で、商品画像1枚目に入れるとNG例になりやすい文言もあります。代表的なものは、ストア名、商品名、送料無料、価格、ポイント、値引きクーポン、配送情報、他社ランキングなどです。これらは購入を後押しする情報ですが、商品画像1枚目では販促色が強くなりすぎるため、避けたほうが安全です。

商品名や価格、クーポン情報を伝えたい場合は、画像内に入れるのではなく、商品名欄、商品説明文、販売価格、キャンペーン設定など、Yahoo!ショッピング側で用意されている項目を活用しましょう。商品画像1枚目は、商品そのものをわかりやすく見せる場所として考えることが大切です。

画像を見直すときは、次の観点で確認すると判断しやすくなります。

• 画像内の文字やロゴが目立ちすぎていないか
• 「送料無料」「SALE」「ポイント」などの販促文言が入っていないか
• 商品よりも装飾や文字のほうが目立っていないか
• 文字を入れなくても商品内容が伝わる画像になっているか

▽テキスト占有率の例

背景・枠線・余白のレギュレーション

Yahoo!ショッピングの商品画像1枚目では、背景は「写真背景」または「単色白背景」にし、枠線や帯状の装飾は避ける必要があります。商品を中央に配置し、上下左右の余白も確保しておくと、レギュレーション非適合のリスクを下げられます。商品が見やすくても、装飾の入れ方によってはレギュレーション非適合と判断される可能性があります。

背景に使えるのは、写真背景または単色白背景です。写真背景とは、商品と一緒に撮影された背景を指します。単色白背景を使う場合は、カラーコード#FFFFFF（R255,G255,B255）の白背景にする必要があります。

一方で、白以外のベタ塗り背景や、商品と関係のない装飾が強い背景は避けたほうがよいでしょう。商品よりも背景の色やデザインが目立つと、お客様が商品を正しく判断しにくくなります。

枠線にもレギュレーションがあります。商品画像では、画像の4辺を囲う線、L字、帯状の要素などは使用しないことが求められています。線の太さに関係なく、枠線として見える表現は避けましょう。角丸や帯のような装飾も、枠線に近い表現と判断される場合があります。

余白については、商品を中央に配置したうえで、上下左右5％以上の余白を確保することが推奨されています。画像サイズが1200pxの場合は、上下左右60px以上が目安です。また、ランキングラベルが入る可能性を考え、左上30％以上の余白を確保することも推奨されています。

商品を大きく見せたい気持ちから、画像いっぱいに配置してしまうケースもあります。しかし、余白が少ない画像は一覧画面で見づらくなり、ラベル表示とも重なりやすくなります。商品画像1枚目では、目立たせることよりも、商品が正確に伝わる見やすさを優先しましょう。

▽NG例

規約違反になりやすい商品画像のNG例

Yahoo!ショッピングの商品画像1枚目では、売るために入れた訴求がNG例に当てはまることがあります。とくに、価格やキャンペーン情報を画像内で強く見せている場合は注意が必要です。

商品画像1枚目で避けたい代表例は、ストア名、商品名、送料無料、価格、ポイント、値引きクーポン、配送情報、他社ランキングなどです。これらはお客様に伝えたい情報ですが、商品画像1枚目内に入れると、商品そのものより販促情報が目立ちやすくなります。

たとえば、次のような画像は見直しの対象になります。

• 「送料無料」「SALE」「今だけ○％OFF」などの文言が大きく入っている
• 商品画像の上部にクーポン情報やポイント倍率を入れている
• 他社モールのランキング受賞歴を掲載している
• 商品名やストア名をロゴのように大きく配置している
• 複数の画像を1枚にまとめて、商品が見えにくくなっている
• 商品と関係のない人物、イラスト、装飾が入っている
• 文字が小さすぎる、または背景とのコントラストが低く読みにくい

こうした画像は、目立つ一方で、お客様が商品を正しく理解しにくくなる可能性があります。Yahoo!ショッピングの商品画像1枚目では、商品そのものが見やすく、誤解を与えないことが重要です。

販促情報を伝えたい場合は、商品画像1枚目ではなく、商品名、商品説明文、商品詳細画像、キャンペーン設定などで表現しましょう。1枚目は商品の全体像や特徴が伝わる画像にし、2枚目以降でサイズ、使い方、比較、レビュー訴求などを補足すると、レギュレーションに配慮しながら商品理解を深めやすくなります。

また、社内で画像を作成している場合は、制作前にNG例を共有しておくことが大切です。デザイナーや店舗担当者ごとに判断が分かれると、画像の品質にばらつきが出ます。商品画像1枚目のチェックリストを用意しておくと、登録前の確認がスムーズになります。

▽NG例

画像データの形式やサイズのレギュレーション

Yahoo!ショッピングの商品画像1枚目は、見た目だけでなく、画像データの仕様も確認が必要です。ファイル形式や容量、ファイル名、画像サイズが条件に合っていないと、登録時のエラーや修正対応につながる可能性があります。

アップロードできる画像形式は、GIF、JPEG、PNG形式です。拡張子は「.gif」「.jpg」「.jpe」「.jpeg」「.png」が対象です。ただし、GIF形式であっても、アニメーションGIFは禁止されています。複数の画像を連続で表示するものや、画像の一部だけが動くシネマグラフもアニメーションGIFとみなされます。

ファイル容量は2MB以下です。高画質な画像を使うことは大切ですが、容量が大きすぎるとアップロードできません。画像を書き出すときは、商品の質感や色味が伝わる画質を保ちながら、容量を調整しましょう。

画像サイズは、縦3024ピクセル、横4032ピクセル以内です。商品画像を作成するときは、Yahoo!ショッピングに登録する前提で、最初からサイズをそろえておくと管理しやすくなります。

ファイル名にも指定があります。使える文字は、半角英数字、ハイフン、アンダーバー、ピリオドです。商品画像の場合は「商品コード.拡張子」の形式が基本です。たとえば、商品コードが「g-001」でJPEG画像を登録する場合は、「g-001.jpg」のように設定します。

画像データのレギュレーションは、デザイン面のレギュレーションと比べると見落とされやすい項目です。しかし、商品点数が多いECサイトでは、ファイル名やサイズの不備が積み重なると、登録作業の手戻りが増えます。商品画像を一括で作成・登録する場合は、制作前にデータ仕様を共有しておきましょう。

商品画像の見直しは売上改善の第一歩

商品画像1枚目のレギュレーション対応は、ペナルティ回避だけでなく、購入されやすい商品ページづくりにもつながります。検索結果や商品一覧で最初に見られる画像だからこそ、見やすさと正確さが重要です。

Yahoo!ショッピングでは、お客様が商品を探しやすい状態を重視しています。文字や装飾を詰め込んだ画像は一見目立ちますが、商品そのものがわかりにくくなることがあります。とくにスマホでは表示領域が小さいため、小さな文字や複数要素を入れた画像は見づらくなりがちです。

商品画像を改善するときは、次の順番で見直すと進めやすくなります。

• 商品画像1枚目に送料無料・価格・ポイント・クーポン情報が入っていないか確認する
• テキスト要素が20％以下に収まっているか確認する
• 背景が写真背景または単色白背景になっているか確認する
• 枠線や帯、角丸などの装飾が入っていないか確認する
• ファイル形式、容量、画像サイズ、ファイル名のレギュレーションを確認する

また、画像だけを直しても、商品ページ全体の訴求が弱いままでは成果につながりにくい場合があります。商品画像1枚目では商品を正確に見せ、2枚目以降の商品詳細画像や商品説明文で、サイズ、使い方、素材、比較情報、よくある疑問を補足すると、購入判断を後押ししやすくなります。

商品画像の見直しをきっかけに、商品名、商品説明文、商品詳細画像、キャンペーン設計まで整理できると、Yahoo!ショッピング全体の改善にもつなげやすくなります。まずは現在登録している商品画像1枚目を一覧で確認し、テキスト占有率、販促文言、背景、枠線、余白、ファイル仕様の6項目で棚卸ししましょう。NG例に近い画像から優先的に修正すると、手戻りを減らしながら商品ページを改善できます。

参照：Yahoo!ショッピング 商品画像登録ガイドライン、ストアクリエイターPro ツールマニュアル（確認日：2026年6月22日）