商品ページのインフォグラフィック：作り方と何を書くべきか

メイン画像とギャラリーに載せるインフォグラフィックは、折りたたまれた説明文よりも早く、購入者の代わりに判断を下します。人は検索結果のなかで商品をコンマ数秒しか見ておらず、その一瞬でページを開くか、そのままスクロールするかを決めます。だからこそ最初の購買を生むのはテキストではなく画像です。ここでは、画像に何を載せるべきか、ベネフィットの階層をどう組み立てるか、どんなテキストを書くか、各モールの技術要件は何か、そして初心者が最も失敗しやすいポイントはどこかを整理します。

この記事はシンプルなものから複雑なものへと進みます。まずギャラリー全体の構成、次に個々のスライドの構図、続いてテキストとアイコン、そのあとに各モールの技術要件、最後に仕上げのチェックリストです。順番に読んでもよいですし、商品ページが半分できていて特定の穴だけ埋めたいなら、該当する節へ直接飛んでかまいません。

マーケットプレイスの購入者は検索結果を数秒で流し見し、テキストではなく画像で判断します。説明文を読むのはごく一部で、画像はほぼ全員が見ます。スマホアプリでは写真が画面のほとんどを占めるからです。つまり商品ページは商品の品質そのものではなく、自分の価値をどれだけ速く伝えられるかで競っています。インフォグラフィックはふつうの商品写真をミニプレゼンに変え、サイズ、素材、同梱物、そして核となるベネフィットを、購入者がページを開く前に見せてしまいます。これは飾りではなく、購入者の疑問に先回りして答え、競合へ流れる原因になる不安を取り除く手段です。

仕組みはシンプルです。ギャラリーを見終えたあとに残る疑問が少ないほど、カートに入れる率は上がり、「思っていたのと違う」という理由の返品は減ります。マーケットプレイスでの返品は二重に痛手です。物流でマージンを失い、同時に商品ページの評価が下がって表示回数が減ります。だからインフォグラフィックは販売そのものだけでなく、販売後のコスト削減にも効きます。

よくできたインフォグラフィックは大げさな約束をせず、購入者が受け取るものを正直に、わかりやすく説明するだけです。裏面も理解しておくべきです。きれいな画像は悪い商品を救わず、適正でない価格を埋め合わせもしません。似た提案が並ぶなかで選ばれる瞬間の摩擦を減らすだけです。同じような値段のマットが十個並ぶニッチでは、三秒で「なぜ自分のマットが快適か」を説明できたギャラリーが勝ちます。

見落とされがちなもう一つの効果は、インフォグラフィックがサポートへの問い合わせを減らすことです。サイズ、同梱物、お手入れ条件が画像に直接見えていれば、購入者は「重さはどのくらい」と書かず、期待とのズレで返品もしません。これはあなたの時間を節約し、モールのアルゴリズムがランキングで見ている商品ページの指標を改善します。以下では、構成から公開前チェックまで、こうしたギャラリーを自分で、あるいは制作会社の力を借りて組み立てる手順を解説します。

初心者の最大の失敗は、一枚の画像にすべてを詰め込もうとすることです。インフォグラフィックは製品仕様書ではなく、「なぜ自分に合うのか」への答えです。情報はギャラリーのスライドに分けて配置します。通常は五枚から十枚の画像が使え、各スライドはちょうど一つの課題を閉じるべきです。一枚のスライドがサイズ、素材、保証、使用シーンを一度に語ろうとすると、購入者は何も覚えません。

基本のスライド構成

• スライド1（メイン画像）： 商品をきれいに大きく、加えて核となるベネフィット一つか二つを短いプレートで。これは商品ページの顔で、検索結果に表示され、クリックされるかどうかを決めます。
• スライド2： 成分・素材・寸法を実際の数値と外寸で。ここで購入者は商品が物理的に合うかを確認します。
• スライド3： 同梱物、箱に何が入っているか。「充電器は付属しますか」のような疑問を消します。
• スライド4： 使用シーン、あるいはインテリアの中・手の中・人が身につけた状態の商品。自宅で使う姿を想像させます。
• スライド5： 反論の打ち消し。保証、お手入れ、認証、特定の特性による差別化。

何を最初に出すかの決め方

最初に何を出すかはニッチによって変わります。衣類ならサイズ表と着用感、電子機器なら仕様と互換性、化粧品なら成分と効果、生活雑貨なら寸法と素材が重要です。以下は代表的なカテゴリの簡単な目安です。

万能なやり方は、自分と競合の「商品への質問」欄を開き、最も多い三つから五つを書き出すことです。ケーブルの長さや生地の伸縮について繰り返し聞かれるなら、その答えは折りたたまれた説明文ではなく画像に直接あるべきです。この繰り返される質問こそ、最初のスライドの出来上がった仕様書です。何が大事かを当てずっぽうで決めるのではなく、購入者の実際の行動から取ってくるのです。

スライドの順序のロジック

ギャラリーの画像の順番は偶然ではなく、ファネルです。一枚目は注意を引きベネフィットを約束し、二枚目と三枚目は合理的な反論（サイズ、成分、同梱物）を消し、四枚目は生活の中の商品を見せて感情を動かし、最後は信頼（保証、認証）で押し切ります。順番を入れ替えて認証を二番目に、サイズ表を最後に置くと、購入者は自分にとって最も重要な画面にたどり着く前に去ってしまいます。ギャラリーは販売員との短い会話だと考えてください。まず注意を引き、次に「自分に合うか」に答え、保証の話は最後です。

一商品につき一つの核となるメッセージ

商品ページには、あなたが売る主軸となる考えが一つあるべきです。保温マグなら「六時間温かさを保つ」であって、「おしゃれで軽くてエコで安くて大容量」を同時に、ではありません。ほかの特性はすべて主軸を支えますが、注意を奪い合ってはいけません。スライドを描く前に一文にまとめましょう。「この商品が買われるのは、___だから」。空欄に入るものが、ギャラリー全体の軸になります。主軸が決まれば、迷う場面でも判断が簡単になります。軸を強めるものは残し、軸をぼやけさせるものは後ろのスライドへ回すか、いっそ削ります。

スライドは何枚作るか

最低限機能するギャラリーは五枚から六枚、最適なのは七枚から九枚です。五枚未満だと、売り手に語ることがないように見えて信頼を下げます。十枚を超えると最後まで見られることは稀で、余計なスライドは焦点をぼやけさせます。内容が多いなら、数のために新しいスライドを足すより、各スライドを意味で密にする方がよいです。単純なルールで判断してください。追加するスライドは購入者の実在する質問に一つ答えるべきで、そうでなければ不要です。

どの画像にも意味の中心が一つあるべきです。同じ大きさのプレートが五つ並んでいると、目はどこから見ればよいかわからず、何も読み取れません。ここで働くのは視覚的階層の原則です。主となる考えを一つ大きく、残りは小さく静かに。デザイナーはこれを「エントリーポイント」、視線が最初に落ちる場所と呼びます。エントリーポイントは一つでなければなりません。

注意の三つのレベル

• 第一レベル： 商品写真そのもの。常にどのテキストよりも大きく、プレートで四分の一を超えて覆われてはいけません。購入者はバナーを読みに来たのではなく、商品を見に来ています。
• 第二レベル： 主となるベネフィット、二語から四語を大きな書体で。たとえば「滑らない」「六時間保温」「サイズL、身長170から180」。
• 第三レベル： 支える特性を小さなテキストとアイコンで、最大でも三つから五つ。第二レベルに引き込まれた人が読む部分です。

構図：要素をどこに置くか

目は予測可能な軌道で画像を走査します。ふつうは上から下、左から右です。だから主となるベネフィットは上部三分の一か、商品から対角線上に置くのが理にかなっており、隅に隠すべきではありません。テキストを対象にぴったり寄せず、余白を残してください。ぎっしり詰まったスライドは安っぽく重く見えます。簡単なテスト：レイアウトを画面上の爪の大きさまで縮めてみてください。その大きさでも主となる考えが読めるなら、階層は正しく組まれています。

特性ではなくベネフィットを

特性ではなくベネフィットを書きましょう。「ステンレス304」は購入者に何も伝えませんが、「錆びず食品に安全」なら伝わります。仕様の言葉を「特性＋それが人に何をもたらすか」の公式でベネフィットの言葉に翻訳します。「EVAソール」なら「軽く、長時間歩いても痛くならない」。「密度200g/m²」なら「透けない」。そして一画面のルールを忘れないでください。重要なものはすべてマッチ箱ほどのサムネイルで読めるべきです。スマホのフィードで商品はまさにその大きさに見え、クリックの判断の大半はそこで下されるからです。

階層の道具としてのサイズ・コントラスト・色

目は三つの手がかりで優先順位をつけ、あなたはそれを意識的に操ります。サイズ：要素が大きいほど重要に見えるので、主となるベネフィットは常に支える要素より大きく。コントラスト：落ち着いた背景の上の鮮やかなプレートは、同じトーンのブロックが十個並ぶより強く視線を引きます。色：アクセントの色合いは最も重要な一つか二つの要素のために取っておくべきで、すべてに使うとアクセントは働かなくなります。この三つのレバーが同じ方向に引かれると（主となるベネフィットが大きく、コントラストが強く、アクセント色）、購入者は意識的に読み始める前にそれを瞬時に把握します。

余白とグループ化

空白は失われた場所ではなく道具です。主プレートの周りの余白は、サイズを大きくせずにそれを目立たせます。関連する要素は近づけ、無関係な要素は離します。アイコンとその説明はぴったり寄せ、異なる二つの特性は余白で隔てます。こうすると脳が自分で情報をブロックにまとめ、スライドを速く読みます。詰め込みすぎたレイアウトは目をつまずかせ、人は理解しないまま去ります。

特性をベネフィットに翻訳する表

原則は一つ。購入者は仕様にではなく、それが自分にもたらすものに対してお金を払います。どんな特性も「で、自分に何の得があるの」という問いに通してください。答えがなければその特性は不要で、スライドに載せる場所はありません。答えがあれば、それをプレートに書き、特性自体は詳しい人のために小さな書体で残します。

インフォグラフィックのテキストは厳しい制約に従います。歩きながら、ちらっと読まれます。だから短いフレーズ、具体的な数字、水増しなし。よいルール：半秒で読めないフレーズはプレートには長すぎるので、削るか分割します。

テキストのルール

• プレートは二語から五語であって、一文ではありません。「低刺激素材で作られています」ではなく「低刺激」。
• 数字は具体的に。「六時間」「30%厚い」「120kgに耐える」。抽象的な「高品質」や「プレミアム」は効きません。誰もが書き、何も意味しないからです。
• 細いセリフのない書体で、モバイルのサムネイルで読める級数に。装飾書体は最小限に。基本一つ、多くて二つのウェイト（レギュラーとボールド）まで。
• コントラストは必須。明るい下地に濃い文字、あるいはその逆。派手な写真の上に直接置いた文字は読めません。半透明のプレートか、文字の下にわずかな暗さを加えてください。
• 売り手の誇りではなく、購入者の得から書きます。「当社は使用しています」を「あなたは手に入れます」に変えましょう。

アイコン

アイコンは読み取りを速めますが、統一されている場合だけです。線の太さが同じ、パレットが一つ、サイズが一つ。シンプルで見分けやすい記号（しずく、盾、葉、温度計）を使い、必ず説明を添えます。説明のない裸のアイコンは多義的に解釈されます。盾は保証か、頑丈さか、防水か。説明があれば読み違いは消えます。一枚に五個から六個を超えないこと。それ以上だと記号の列は視覚的なノイズに変わります。

色と統一されたスタイル

配色は二色から三色プラス中間色に抑えます。ブランドの色プラスアクセント。十色の派手な虹は安っぽく見え、注意を散らします。自分用のミニルール（プレートの色、書体、アイコンの太さ、余白の大きさ）を決め、すべてのスライドとすべての商品ページに適用しましょう。そうすれば商品が一つのラインとして認識されます。これは何十点も扱うときに特に重要です。統一されたスタイルはブランドとして働き、ショップへの信頼を高めます。

タイポグラフィ：文字サイズと可読性

テキストは幅数センチのサムネイルでも判読できるべきです。実用的な目安：主となるベネフィットはスライドの高さのおよそ十分の一を占め、支える説明はその二分の一から三分の一の大きさ、ただしスマホで読めなくなるほど小さくはしないこと。極端に細いウェイトや小級数の斜体は避けてください。圧縮でにじみます。文字を横に引き伸ばしたり潰したりしないこと。歪んだ書体は雑さとして読まれます。迷ったら級数を上げましょう。マーケットプレイスでベネフィットのテキストが「大きすぎる」ことはほとんどなく、逆に小さすぎるものは常にあります。

プレートの言い回し：ビフォーアフターの例

• 「良質な素材で作られています」を「三年色あせません」に。
• 「大容量」を「500ml入ります」に。
• 「使いやすい」を「片手で開きます」に。
• 「モダンなデザイン」を「どんなインテリアにも合います」に。
• 「高い耐久性」を「120kgに耐えます」に。

法則はすぐ見えます。あいまいな形容詞を、具体的な事実か数字に置き換えるのです。購入者は検証できる主張を信じ、ニッチの誰もが書く一般的な言葉は読み飛ばします。

アイコンをどこで手に入れ、どう統一するか

アイコンは一つのセットから取り、別々の出所から一個ずつ集めないこと。そうしないと線の太さとスタイルがばらけます。線画やフラットの無料ライブラリで十分ですが、大事なのは商品ページの中で同種であることです。自分のアクセント色一つか二つに塗り替えて、ブランドスタイルに結びつけましょう。各アイコンの周りに同じ余白と同じコンテナサイズを保てば、記号の列は整ったグリッドに見え、ランダムな散らばりには見えません。もう一度、説明について。下に言葉のないアイコンはほぼ常に二義的に読まれるので、一つひとつに説明を添えてください。

各モールには独自の技術ルールがあり、違反すると商品ページが差し戻されたり、メイン画像が不都合に切れたりします。正確なピクセル数はモールが折々変えるので、必ず出品者向けヘルプで確認してください。ただし原則は安定していて、めったに覆りません。

絶対にやってはいけないこと

• 画像に価格、割引、「セール」「大特価」などの言葉を載せる。価格は商品ページ側にあり画像より頻繁に変わるため、モールはこれを削ります。
• 電話番号、リンク、QRコード、他店の名前を置く。購入者をモールの外へ誘導しようとする行為はすべて禁止です。
• 仕様にないことを約束する。返品とアカウント制限への道です。
• 引き伸ばした、あるいは強く圧縮した画像をアップロードする。サムネイルにピクセルやモアレが見え、商品が低品質に見えます。
• 他人の写真や競合のインフォグラフィックを使う。権利侵害であり、重複として差し戻されるリスクもあります。

セーフゾーンと切り抜き

セーフゾーンを別に確保してください。重要なテキストを端ぎりぎりに置かないこと。スライドの下部はアプリのインターフェース（ボタン、評価、価格表示）で覆われがちです。端に高さの十分の一ほどの余白を残し、ベネフィットがモールの要素の下に隠れないようにします。切り抜きが変わることも忘れないでください。検索結果では正方形、商品ページでは縦長で表示されることがあるので、核となる対象と主となる文字は端ではなく構図の中央に保ちます。

アップロード前の確認

公開前に、大きなモニターではなくスマホで、実際の大きさで完成レイアウトを開いてください。27インチの画面では完璧に読めても、スマホでは潰れることがあります。あればモールの管理画面のプレビューを通し、検索結果でメイン画像がどう切れるかを見ましょう。この二分が、差し戻し後の作り直しの一日を節約します。

解像度と容量：ノイズのない品質

画像は高解像度でアップロードしてください。モールが必要なサイズに縮小してくれますが、小さな画像を品質を保って拡大することはできません。小さな原本から引き伸ばした画像は、にじみと荒れた輪郭で正体がばれます。JPGで保存するとき圧縮を限界まで上げないこと。テキストやコントラストの強い境界の周りに色のにじみやモアレが出ます。商品に細かい質感や細い線があるなら、少し重くてもきれいに保存する方がよいです。完璧に均一な単色背景や細かく鮮明なテキストが必要なところではPNGを使いましょう。

モールごとの特徴

原則は共通ですが細部は異なり、頭に入れておく価値があります。

• 新品系モール（楽天市場、Amazon、Yahoo!ショッピングなど）： 縦長形式、メイン画像は白または明るい背景、他社ロゴや連絡先の審査が厳しめ。メイン画像はモバイルの検索結果で積極的に切り抜かれるので、対象を中央に保ちましょう。多くのカテゴリでメイン画像はテキストで過剰にせず、商品をきれいに見せることが好まれます。
• リッチコンテンツ許容型モール： 商品ページ内でより濃いインフォグラフィックやリッチコンテンツを許すモールもありますが、一枚目はやはりテキストで詰め込みすぎず、きれいに保つ方がよいです。
• 中古系モール（メルカリ、ラクマなど）： 白背景の整ったメイン画像と、仕様との正確な一致が評価されます。画像と説明の食い違いは信頼を損ないます。

アップロード前には必ず、該当モールの最新の出品者向けヘルプを開いてください。ピクセル、背景、形式の要件は折々更新され、昨日の手順は古くなっているかもしれません。この記事の原則は残りますが、正確な数値は現地で確認しましょう。

画像と実物の一致

技術ルールは仕事の半分で、もう半分は誠実さです。インフォグラフィックで色が実物より鮮やか、サイズが大きい、同梱物が豪華なら、購入者は返品し、怒りのレビューを残し、モールは商品ページを下げます。ありのままの商品を見せ、期待の正確さで勝つ方が、盛って後で返品を片づけるよりよいです。誠実なギャラリーは、安定した評価と低い返品率で報われます。

これは売り手の最初の疑問で、費用は誰がどう作るかで大きく変わります。市場に沿って正直に整理します。

市場の目安

• フリーランサー、シンプルなスライド： 比較的手頃。複雑な写真加工を伴わない定型商品向き。
• フリーランサーまたは制作会社、複雑なインフォグラフィック： より高め。背景切り抜き、レタッチ、3D要素、複雑な比較が必要な場合。
• 商品ページ一式のフルセット： 統一スタイルの五枚から八枚のセットで、写真加工とレイアウトを含み、まとまった価格帯。
• ブランドブック付きデザインスタジオ： ライン全体に独自のブランドスタイルが必要なとき、最も高額な帯。

いずれも市場の概算です。実際の価格はカテゴリ、スライド枚数、元写真の品質、納期の緊急度で変わります。

価格を左右する要因

• スライド枚数。 テスト一枚か、商品ページのフルセットか。
• 元写真の状態。 完成した清潔な写真は安く、撮影とレタッチが要るなら高くなります。
• 難易度。 フラットアイコン対3D、単純な比較対複雑な図表。
• 物量。 一つの商品ページか、数十点のロットか。量が増えるとスライド単価は下がります。

自分でやるか、フリーランサーか、フルセットか

• CanvaやFigmaで自分で。 お金は安く、時間は高い。一点から十点程度の商品と、学ぶ気のある人向き。
• フリーランサー。 価格も品質も中程度で、担当者次第。ポートフォリオを確認し、テストスライドを依頼しましょう。量が増えると納期遅延のリスクがあります。
• 制作会社またはフルセットサービス。 単価は高いが、統一スタイル、安定した納期、写真加工込み。量が多く、節約よりコンバージョンが大事なときに見合います。

自分でやるべきか外注が有利かの詳しい判断は、別記事「加工を外注した方が得なのはいつか」で扱っています。私たちはインフォグラフィックと商品ページをフルセットで用意します。写真を加工し、各モールの要件に合わせてスライドを組みます。

万能テンプレートはありません。衣類の購入者とドリルの購入者は別のものを見ています。カテゴリに合わせて重点を置きましょう。

• 衣類・靴。 実寸入りのサイズ表、生地の組成、体型への着用感、お手入れ。サイズ表の専用スライド一枚が返品の半分を消します。
• 電子機器。 スペックを数字で、競合との比較（容量、出力、メモリ）、同梱物、互換性。
• 化粧品・香水。 成分、効果、容量、肌や髪のタイプ、使用方法。誠実さが大事で、偽りの効果は返品を招きます。
• 家具・大型品。 寸法をセンチで、素材、耐荷重、組み立て図、インテリアへのなじみ。
• ベビー用品。 安全性、認証、対象年齢、有害物質を含まない素材。保護者はまず信頼を探します。
• 食品。 成分、栄養成分、賞味期限、内容量、保存条件。

保温マグを例に、一枚のスライドを最初から最後まで組んでみます。ロジックはどんな商品にも移せます。

1. スライドの課題を決める。 一枚目は主となるベネフィット。保温マグなら「12時間保温」。ほかのベネフィットは次のスライドへ回します。
2. 写真を用意する。 マグを中立的な背景で撮り、背景を切り抜いて、どんなレイアウトにも置けるようにします。反射とほこりを取り除きます。
3. キャンバスを立てる。 CanvaやFigmaで900×1200のアートボードを作り、余白は70ピクセル。
4. 見出し。 上部に大きく「12時間、温かい」。セリフのない書体、60から70ピクセル、明るい下地に濃い色。
5. 商品。 マグを中央かやや下に、大きく、高さの半分を占めるように配置。
6. 支えのアイコン。 左に短い説明つきのアイコンを三つ。「ステンレス」「0.5L」「漏れない」。統一スタイル、アクセント色一つ。
7. 確認。 レイアウトをサムネイルの大きさに縮め、スマホで見ます。「12時間、温かい」が読めれば、スライドは機能します。
8. 書き出し。 高品質のJPGで、容量と、テキストが端に寄っていないかを確認します。

同じ手順で残りのスライドも組みます。普通のマグとの比較、同梱物、使用シーン、信頼のブロック。すべて統一スタイルで、変わるのは意味だけです。写真の背景切り抜きやレタッチが要るなら、Photoshop や自宅撮影の手法が役立ちます。

マーケットプレイスは写真だけでなくスライドのテキストも審査します。違反は商品ページの停止や販売取り下げにつながります。問題になるもの：

• 証拠のない最上級。 「最高」「ナンバー1」「最も高品質」は、モールの裏付けを求められるか禁止されます。
• 医療的な表現。 医薬品でなく認証も通っていない商品に対する「治す」「痛みを取る」「若返らせる」。
• 連絡先とリンク。 電話、住所、外部サイトやSNSへのリンク。購入者をモールの外へ誘導する試みは禁止です。
• 他社ブランドとロゴ。 自分に権利のない商標。
• 画像上の割引とセール。 「50%オフ」「今日だけ」。価格とセールはモール自体が管理します。
• 攻撃的なマーケティング。 「今すぐ買え」「お急ぎ」、スライド全面の大文字。

安全な戦略：実在の特性とベネフィットについて書き、数字と事実で裏づけ、評価的な最上級を避けること。これは同時に信頼も高めます。

インフォグラフィックは「きれいかどうか」で見た目評価してはいけません。効いているのは指標を上げるものです。見るべきもの：

• 検索結果での商品ページのCTR。 表示のうち何人がクリックしたか。上がっていれば一枚目が刺さっています。
• カート・注文へのコンバージョン。 訪問者のうち何人が買ったか。よいインフォグラフィックは反論を消し、この数値を上げます。
• 返品率。 サイズ、素材、同梱物を正直に見せていれば、返品は減ります。
• スライドの閲覧深度。 購入者がギャラリーの最後まで見送っているか。

仮説はバリエーションの比較で検証します。一枚目を変え、同じ長さの期間でCTRとコンバージョンがどう変わったかを見ます。全部を一度に変えないこと。何が効いたかわからなくなります。

インフォグラフィックは一度きりの作業ではありません。カテゴリのリーダーは季節、セール、購入者のフィードバックに合わせてスライドを定期的に更新します。少なくとも四半期に一度は商品ページの見直しを組み込みましょう。

初心者の最もありがちな失敗は、商品ページごとに繰り返されます。アップロード前にこのリストを通してください。おそらく少なくとも一項目はあなたに当てはまります。

• 詰め込みすぎ。 スライドに十個のプレート、目はどこにも引っかかりません。主となる考え一つを残し、残りは次のスライドへ。
• 読めないテキスト。 明るい写真に明るい文字、小さな級数。大きなモニターではなくスマホのサムネイルで確認しましょう。
• スタイルの不揃い。 スライドごとにデザインがバラバラで、統一されたグリッドとパレットがない。商品ページは一つのシリーズに、ショップは一つのブランドに見えるべきです。
• ベネフィットの代わりに特性。 購入者が読み解かず飛ばす無味乾燥な用語。
• 汚い背景と歪んだ切り抜き。 カーペットの上で撮った商品、フレーム内の影やゴミ、傾いたり端で切れたりした対象。
• 禁止事項。 価格、連絡先、他社ブランド。差し戻しと時間の損失を招きます。
• 実物との不一致。 画像で実物より鮮やかに大きく見せる。返品と悪いレビューへの直行便です。

最終チェックリスト

「公開」を押す前に七項目を確認してください。メイン画像がサムネイルで読める、各スライドに意味の中心が一つ、ベネフィットが数字で表現されている、ギャラリー全体でスタイルが統一、背景がきれいで切り抜きが整っている、テキストが余白のあるセーフゾーン内、禁止要素がない。七つすべてが確認できれば公開できます。一つでも弱ければ、今もう一時間かける方が、あとでコンバージョンを失い返品を受けるよりよいです。

完成した商品ページのテスト方法と改善

インフォグラフィックは一度きりの作業ではなく、検証できる仮説です。公開後は二つの数字を追ってください。検索結果でのCTR（どれだけ頻繁にクリックされるか）と、注文へのコンバージョン（開いた人のうち何人が買ったか）。コンバージョンは普通なのにCTRが低いならメイン画像の問題で、まずそこを変えます。CTRはよいのにコンバージョンが弱いなら、内側のスライドが弱いか、ギャラリーが反論を消せていません。要素は一つずつ変えましょう。そうしないと何が効いたかわかりません。同時に、新しい質問やレビューを読み返してください。どのスライドを足すか書き直すかのヒントになります。

ギャラリーを作り直すべきとき

• レビューに新しい頻出質問が現れた。答えのスライドを足しましょう。
• 季節や使用シーンが変わった。生活の中の商品のスライドを更新しましょう。
• 競合がデザインを引き上げ、自分の商品ページが見劣りするようになった。スタイルを新しくしましょう。
• モールが背景や形式の要件を変えた。新ルールに合わせて組み直しましょう。

小さくても定期的な手直しが商品ページを健全に保ち、検索結果の下に沈むのを防ぎます。

まともなインフォグラフィックは自力でも十分実現できます。均一な光で商品を撮り、背景を取り除いて画像を統一形式に整えたうえで、この記事の原則に沿ってプレートとアイコンを足しましょう。一つか二つの商品ページならこれで十分で、最初の成果は販売開始の時点で、検索結果でのクリックの伸びと、商品への質問の変化として見えてきます。

手順どおりに進めてください。購入者の頻出質問を三つ集め、それに沿って最初のスライドを書き、各画像に意味の中心を一つ作り、スマホで可読性を確認し、チェックリストを通す。この一式があれば、商品ページは競合に埋もれなくなります。

商品が数十、数百点あり、時間もデザインの技術もないなら、外注が理にかなっています。フルセットサービスは全工程を引き受けます。撮影、加工、統一されたインフォグラフィックのスタイル、各モールの要件に合わせた準備、そしてあなたは完成した商品ページをシリーズで受け取ります。小さく始め、いくつかの商品で仮説を検証し、方法が機能するとわかったらスケールを制作会社に任せましょう。

フリーランサーに頼むと一枚いくらくらいですか。 市場の目安として、シンプルなスライドは比較的手頃、写真加工を伴う複雑なスライドはより高めです。統一スタイルの五枚から八枚の商品ページ一式は、まとまった価格帯になります。正確な価格はカテゴリ、スライド枚数、元写真の品質、緊急度で変わります。

スライドは何枚作ればよいですか。 インフォグラフィック三枚から五枚に、清潔な商品写真を加えるのが最適です。最初の二枚から三枚が商品ページの顔で、そこに主要な優位性を入れます。多くのモールは相当数のメディアファイルを許容しますが、詰め込む必要はありません。購入者が五、六枚目より先へ進むことは稀です。

無料で作れますか。 はい、CanvaやFigmaには無料プランと商品ページ向けのテンプレートがあります。無料の代わりに、習得の時間と最初のレイアウトの品質で払うことになります。商品が多い、あるいはプロ水準が重要なら、外注の方が得です。

どのツールがよいですか。 始めるならCanvaが最も簡単で、テンプレートとブロックのドラッグ&ドロップがあります。正確なコントロールとスライドのシリーズにはFigmaが便利です。商品写真の切り抜き、レタッチ、背景変更が必要なら Photoshop が要ります。

サイズはどうすればよいですか。 900×1200ピクセル、比率3:4で作りましょう。この寸法は新品系モールでも中古系モールでも作り直しなしで使えます。正方形表示のモール向けには中央を切り抜きます。形式はJPGまたはPNGです。

インフォグラフィックは本当に効きますか。 はい。写真だけの商品ページに比べて、検索結果でのCTRと購入コンバージョンを目に見えて押し上げます。一瞬の閲覧でベネフィットを伝え反論を消すからです。競争の激しいカテゴリでは、インフォグラフィックのない商品ページは明らかに不利です。

自分でやるべきか、外注すべきか。 商品が少なく時間があるなら自分で。商品ページが多い、時間がデザイン費より高い、過去の商品ページがコンバージョンを出していない場合は外注が得です。人気商品の一枚目のミスは、専門家の作業料より高くつきます。

メイン画像にインフォグラフィックを載せてよいですか。 一枚目にインフォグラフィックを許容し、CTRを上げることが多いモールもあります。一方でメイン画像は白背景の清潔な商品を求め、インフォグラフィックは二枚目以降からとするモールもあります。該当モールの要件を確認してください。

写真がよくてもインフォグラフィックは要りますか。 はい。良質な写真でも外観しか示せません。インフォグラフィックはベネフィットとスペックを伝え、写真では見えない反論を消します。競争の激しいカテゴリでは、撮影品質が同等でも、インフォグラフィックのない商品ページは負けます。