← 記事一覧に戻る

楽天サムネイルの作り方|ガイドライン準拠でクリックされる商品画像のコツ
チュートリアル

楽天サムネイルの作り方|ガイドライン準拠でクリックされる商品画像のコツ

楽天市場で商品を検索したとき、ユーザーが最初に目にするのがサムネイル画像(商品第一画像)です。このサムネイルの出来次第で、クリックされるかスルーされるかが決まります。

しかし、楽天市場にはサムネイルに関する独自のガイドラインがあり、自由にデザインできるわけではありません。ルール違反の画像はペナルティの対象になることもあります。

この記事では、楽天市場のガイドラインを守りながらクリック率(CTR)の高いサムネイルを作る方法を、具体的な手順とコツに分けて解説します。さらに、作ったサムネイルをABテストで検証し、勝者を自動反映するワークフローまでカバーします。

28_rakuten_thumbnail_howto_img01.png

なぜサムネイルが楽天市場で最重要なのか

検索結果の「第一印象」を決める

楽天市場の検索結果ページでは、1ページに最大45件の商品が表示されます。ユーザーはこの中からわずか数秒でクリックする商品を選びます。判断材料のほとんどは、サムネイル画像と価格です。

つまり、サムネイルは商品の顔であり、広告でいうところのクリエイティブそのものです。

CTRが売上に直結する

サムネイルの改善がもたらす効果は、単なるクリック数の増加にとどまりません。

  • RPP広告のROAS改善:クリック課金型広告では、CTRが上がれば同じ広告費でより多くの流入を獲得できます
  • 楽天SEOの順位向上:CTRが高い商品は楽天の検索アルゴリズムで優遇される傾向があります
  • CVR(転換率)への波及:適切な期待値を伝えるサムネイルは、クリック後の購買にもつながります

実際に、サムネイルを改善しただけでCTRが30〜50%向上したケースは珍しくありません。


楽天市場のサムネイル画像ガイドライン

楽天市場では、商品画像(第一画像)に関する厳格なガイドラインが設けられています。違反するとペナルティや検索順位の低下につながるため、必ず遵守してください。

4つの必須ルール

ルール

内容

テキスト占有率20%以下

画像内のテキスト・ロゴ等の面積が画像全体の20%を超えてはいけません

背景は白または写真背景

白背景(RGB: 255,255,255)が推奨。カラー背景やグラデーション背景はNGです

枠線・帯の使用禁止

画像の周囲を囲む枠線や、上下に帯を入れることは禁止されています

GIFアニメーション禁止

動くGIF画像は使用不可。JPEG、PNG形式を使いましょう

テキスト20%ルールの具体的な考え方

「テキスト20%以下」は多くの出店者が引っかかるポイントです。以下が対象に含まれます。

  • キャッチコピー(「送料無料」「ポイント10倍」など)
  • ブランドロゴ
  • 商品名テキスト
  • アイコン・バッジ類

20%は思ったよりも狭いです。文字を入れたい場合は、フォントサイズを小さめにし、配置を1箇所にまとめるのがコツです。

28_rakuten_thumbnail_howto_img02.png

違反するとどうなるか

  • 商品画像の差し替え要請(メールで通知)
  • 対応しない場合、検索結果からの非表示
  • 繰り返すとペナルティポイントの加算

ガイドラインは楽天が不定期に更新するため、RMSの最新ガイドラインを定期的に確認しましょう。


サムネイル画像の作成手順【5ステップ】

ステップ1:商品写真を撮影する

サムネイルの土台は、やはり商品写真のクオリティです。

  • 自然光 or ソフトボックスを使い、影が柔らかくなるようにする
  • 白背景で撮影すると、後の切り抜き作業が楽になる
  • 複数アングルで撮影し、サムネイル用に最もインパクトのある1枚を選ぶ
  • スマートフォンでもOKですが、三脚を使って手ブレを防ぐことが大事
28_rakuten_thumbnail_howto_img03.png

ステップ2:背景を処理する

撮影した写真の背景を純白(RGB: 255,255,255)に処理します。

  • Adobe Photoshop:選択とマスクで精密に切り抜き → 白背景レイヤーを配置
  • Canva(無料プランあり):背景リムーバー機能でワンクリック切り抜き
  • remove.bg:AI切り抜きサービス。シンプルな商品なら十分な精度

白背景でない場合、楽天のガイドラインに抵触するだけでなく、検索結果で他の商品と並んだときに浮いてしまうデメリットもあります。

ステップ3:画像サイズを調整する

楽天市場での推奨サイズは以下のとおりです。

項目

推奨値

画像サイズ

700×700px 以上(正方形推奨)

ファイル形式

JPEG または PNG

ファイルサイズ

2MB以下

解像度

72dpi(Web表示用)

正方形でない場合、検索結果でのトリミングにより商品の一部が切れてしまうことがあります。必ず正方形(1:1)のアスペクト比で作成しましょう。

ステップ4:テキスト・要素を追加する(20%以内)

ガイドラインの範囲内で、以下の情報をテキストとして追加できます。

  • 商品の特長(例:「国産」「オーガニック」「1000ml大容量」)
  • 受賞歴(例:「楽天ランキング1位」)
  • ブランドロゴ(小さめに配置)

テキストを入れすぎないのがポイントです。検索結果では画像が小さく表示されるため、詰め込みすぎると視認性が下がります。

ステップ5:最終チェックして入稿する

完成した画像を以下の観点でチェックします。

  • [ ] テキスト占有率は20%以内か
  • [ ] 背景は白(RGB: 255,255,255)か
  • [ ] 枠線・帯が含まれていないか
  • [ ] GIF形式になっていないか
  • [ ] 画像サイズは700×700px以上か
  • [ ] ファイルサイズは2MB以下か
  • [ ] スマートフォンの小さな画面でも商品がはっきり分かるか

クリックされるサムネイル 7つのコツ

ガイドラインを守ることは前提として、その中でCTRを最大化するためのテクニックを7つ紹介します。

コツ1:商品を大きく見せる

画像内で商品が小さいと、検索結果の一覧ページで埋もれてしまいます。画像面積の70〜80%を商品が占めるように配置しましょう。

良い例

悪い例

商品が画像の中央に大きく配置されている

余白が多く、商品が画像の30%程度しか占めていない

パッケージ全体がしっかり見える

商品の一部が切れている、または小さすぎて詳細が分からない

コツ2:商品の「使用シーン」を想起させる

白背景の制約の中でも、商品の置き方やアングルで使用シーンを伝えることは可能です。

  • 食品 → 器に盛り付けた状態を白背景で撮影
  • アパレル → トルソーやハンガーに着せた状態
  • 家電 → 手に持っているカット(手だけ映す)

コツ3:テキストは「1メッセージ」に絞る

20%以内という制約があるからこそ、伝えるメッセージは1つに絞りましょう。

良い例

悪い例

「楽天ランキング1位」の1メッセージだけ

「送料無料・ポイント10倍・レビュー4.5・楽天1位」と4つ詰め込み

フォントが大きく、一目で読める

文字が小さすぎて、スマホでは読めない

コツ4:フォントカラーは2色以内

テキストに使う色は2色以内に抑えましょう。色が多すぎると安っぽく見え、信頼感が下がります。

  • 推奨: 黒 + アクセントカラー1色(赤・ゴールドなど)
  • NG: 5色以上のカラフルなテキスト

コツ5:競合のサムネイルと差別化する

作成前に、同じキーワードで検索した際の競合商品サムネイルを必ず確認してください。競合と同じような構図・色味では埋もれます。

  • 競合が正面アングルばかり → 斜めアングルにする
  • 競合がテキストなし → テキストで情報を付加する
  • 競合が暖色系 → 寒色系のアクセントを使う

検索結果ページ全体の中での「目立ち方」を設計する意識が重要です。

コツ6:スマホ表示を最優先で確認する

楽天市場のトラフィックの約70〜80%はスマートフォンからです。PCでは見やすくても、スマホの小さな画面で潰れてしまっては意味がありません。

作成した画像を実際にスマホで表示し、以下を確認しましょう。

  • 商品が何か一目で分かるか
  • テキストが読めるか
  • 細かい情報が潰れていないか

コツ7:複数パターンを作り、データで判断する

「どのサムネイルが最もクリックされるか」は、プロのデザイナーでも予測が難しいものです。最低2パターンは作成し、ABテストで検証するのが最も確実な方法です。

感覚や好みではなく、実際のCTRデータで勝者を決めることが、サムネイル最適化の本質です。


サムネイル作成におすすめのツール

デザインツール

ツール名

特徴

料金

Canva

テンプレート豊富、直感操作。楽天向けテンプレートも充実

無料〜月1,500円

Adobe Photoshop

プロ品質の編集が可能。背景処理・レタッチに最適

月2,728円〜

Figma

チームでの共同編集に強い。無料プランあり

無料〜

GIMP

無料のオープンソース画像編集ソフト。Photoshopの代替

無料

背景切り抜きツール

ツール名

特徴

料金

remove.bg

AI自動切り抜き。精度が高い

無料(低解像度)〜

Canva背景リムーバー

Canva Pro内蔵機能

Canva Pro(月1,500円)

Photoshop 選択とマスク

複雑な形状にも対応

Photoshop契約が必要


ABテストでサムネイルを検証する

どれだけ「良い」と思ったサムネイルでも、実際のデータで検証しなければ確信は持てません。ここでは、サムネイル作成後のABテストによる検証ワークフローを解説します。

なぜABテストが必要なのか

サムネイルのCTRは、以下のような要因で変動します。

  • 季節・イベント(スーパーセール期間中はユーザー行動が変わる)
  • 競合の動き(競合がサムネイルを変えると相対的な見え方が変わる)
  • 商品ジャンルごとのユーザー心理の違い

つまり、「正解」は商品・タイミングごとに異なるため、データに基づいた検証が不可欠です。

手動ABテストの限界

手動でサムネイルのABテストを行う場合、以下の作業が毎日発生します。

1. RMSにログインして商品画像を差し替える

2. 翌日にアクセスデータを確認して記録する

3. 一定期間後にデータを集計・比較する

これを複数商品で行うと、運用負荷が非常に高く、現実的ではありません。切り替え忘れやデータの記録ミスも起こりがちです。

イージークリエイティブなら「作成→テスト→反映」を自動化

イージークリエイティブを使えば、サムネイルのABテストを以下のワークフローで自動化できます。

ステップ1:サムネイルを2パターン登録する

作成したサムネイルをA案・B案としてアップロードするだけ。RMSの操作は不要です。

ステップ2:自動で日替わり切り替え

毎日0時に自動でサムネイルが切り替わります。手動での差し替え作業は一切不要です。

ステップ3:データを自動収集・可視化

CTR・CVR・売上・RPP広告のROASなどのKPIが自動で収集され、ダッシュボードでリアルタイムに確認できます。

ステップ4:統計的有意差の自動判定

十分なデータが集まると、統計的に有意な差があるかどうかを自動で判定します。感覚ではなく、科学的な根拠で勝者を選べます。

ステップ5:勝者サムネイルの自動反映

テスト終了後、勝者のサムネイルをワンクリックで本番に反映できます。

このように、サムネイルの作成→ABテストで検証→勝者を自動反映という一連のワークフローを回すことで、継続的にサムネイルを改善し続けることができます。


良いサムネイルと悪いサムネイルの比較

最後に、典型的な「良い例」と「悪い例」を対比でまとめます。

観点

良いサムネイル

悪いサムネイル

背景

純白(RGB: 255,255,255)

グレーや薄い色味のある背景

商品サイズ

画像の70〜80%を商品が占める

余白が多く商品が小さい

テキスト量

1メッセージ、占有率20%以内

複数メッセージを詰め込み、20%超過

フォント

2色以内、読みやすいサイズ

5色以上で派手、小さくて読めない

枠線・帯

なし

赤い枠線で画像を囲んでいる

スマホ表示

商品が一目で分かる

文字が潰れて何の商品か分からない

競合との差別化

検索結果で目を引く構図

競合と同じようなアングル・色味

28_rakuten_thumbnail_howto_img04.png

まとめ

楽天市場でクリックされるサムネイルを作るポイントをおさらいします。

1. ガイドラインの遵守が大前提:テキスト20%以下・白背景・枠線なし・GIF禁止

2. 商品を大きく、メッセージは1つに絞る:スマホ表示を最優先で確認

3. 競合と差別化する構図を設計する:検索結果ページ全体の中での見え方を意識

4. 複数パターンを作り、ABテストで検証する:感覚ではなくデータで判断

5. ツールを活用して運用を自動化する:作成→テスト→反映のサイクルを回し続ける

サムネイルの改善は、一度やって終わりではなく継続的な最適化が重要です。季節や競合の変化に応じて、常に最適なサムネイルを模索し続けましょう。


楽天サムネイルの最適化を始めませんか?

イージークリエイティブなら、サムネイルのABテストを完全自動化。作成したサムネイルを登録するだけで、日替わり切り替え・データ収集・統計判定・勝者反映までワンストップで行えます。

  • 14日間の無料トライアルで、すべての機能をお試しいただけます
  • 初期費用なし、いつでも解約可能
  • 導入は最短5分、RMSとの連携もかんたん

まずは1商品から、サムネイルのABテストを始めてみませんか?

▶ イージークリエイティブ 無料トライアルはこちら