商品画像のコールアウト:買い手が読む特徴ラベルの付け方

商品画像のコールアウトを正しく使うには——1枚に何個、どのくらいの長さで、そして特徴ラベルが画像を散らかさずコンバージョンを高めるための6つのルール。

商品画像のコールアウト:買い手が読む特徴ラベルの付け方

EC サイトの半数以上は、商品画像に説明テキストやグラフィックを一切載せていません——Baymard Institute のテストによれば 52% です。つまり、買い手が疑問を持った瞬間、その画像が答えられたはずなのに、離脱するか、あなたに問い合わせを送ってくるかのどちらかになります。商品画像のコールアウトは、このギャップを埋めます。数個の短いラベルが、きれいなだけの写真を「売れる写真」に変えるのです。正しく使えばコンバージョンが上がり、間違えれば画面を散らかして無視されます。その違いを説明します。

商品画像のコールアウトとは何か(そして何でないか)

商品画像のコールアウトとは、リーダー線で商品画像上の特定の特徴を指し示す短いテキストラベルで、それが何であり、なぜ重要なのかを4〜5語で伝えるものです。「補強スチールフレーム」。「洗濯機で洗えるカバー」。「標準的なドア幅に対応」。これは、販売員が商品を指さして、あなたが見逃していたであろう一点を口にするのと同じ役割を果たします。

コールアウトでないもの:寸法線(「どのくらいの大きさ?」に答えるもの)でも、マーケティングバナー(割引を叫ぶもの)でも、長い文章でもありません。コールアウトは特徴とそのメリットを1つだけ挙げ、あとは邪魔をせず引っ込みます。コールアウトと寸法を混同すると、どちらの役目も果たせない散らかった画像ができあがります。

なぜコールアウトはコンバージョンにつながるのか

Baymard のユーザビリティ調査では、商品画像上の説明グラフィックが買い手のスピードを——良い意味で——落とすことがわかりました。ユーザーは強調された特徴について立ち止まって考え、探そうとも思っていなかったことに気づくことがよくあります。この「立ち止まり」は、離脱の正反対です。

仕組みは単純です。答えの出ていない疑問は、すべてカゴを離れる理由になります。1枚の画像から主要な特徴を把握できた買い手は反対理由が減り、反対理由が減ればカゴ落ちも減り、購入前の問い合わせも減ります。B2B のサプライヤーにとっては、その同じ画像が、買い手が引き合いを送る前からスペックシートの仕事をこなしているのです——注文を決めるのは、最初に相手の目の前に置いた分かりやすさであり、それがまさにスペックシートが B2B の注文を勝ち取る理由です。

コールアウトは何個、どのくらいの長さで

調査結果は具体的です。自己流にしないでください。

  • 1枚につき4〜6個のコールアウトが最適です。 少なすぎるとこの手法を活かせず、多すぎると画像がノイズになります。
  • 1個あたり4〜5語。 メリットを言い切れる長さで、親指がスクロールする0.5秒で読み切れる短さです。
  • 1個のコールアウトにつき1つのアイデア。 「防水・透湿・軽量」は1個ではなく3個のコールアウトです。

6個を超えると、追加のコールアウトはそれぞれ他のコールアウトから注意を奪います。目的はすべての特徴を並べることではなく——実際に販売を止めている3つか4つの反対理由に答えることです。

読まれるコールアウトの6つのルール

  • 4〜6個、各4〜5語 —— 部品名ではなくメリットを言う
  • 高コントラスト —— 明るい背景に濃い文字、またはベタ塗りのラベルチップ。ごちゃついた写真に薄いグレーは禁物
  • リーダー線または矢印 —— 正確な特徴を指し示し、目に迷わせない
  • 全画像でスタイルを統一 —— 同じフォント、同じチップ、同じ配置ルール。買い手が読み方を覚えられるように
  • 余白を取る —— 各コールアウトの周りに空間を残す。詰め込んだ画面は雑然として見え、飛ばされる
  • モバイルで読める —— トラフィックの大半はモバイル。サムネイルサイズで読めないコールアウトは、存在しないのと同じ

コールアウトと寸法:混同しないこと

寸法は「どのくらいの大きさ?」に答え、コールアウトは「この部分をなぜ気にすべきか?」に答えます——良い商品画像は両方をこなしますが、ほとんどはどちらもできていません。両者は異なる反対理由に対する異なるツールであり、1枚の画面に無造作に重ねると画像は散らかります。

きれいなやり方はこうです。正確な寸法は専用の1枚に載せ(買い手のサイズ確認)、特徴のコールアウトは別の1枚に載せます(買い手の価値確認)。サイズの見せ方をまだ決めかねているなら、写真で商品サイズを見せる方法で、なぜ小道具やモデルより実測値の記載が勝るのかを解説しています。実際の商品ページで両者が機能している様子は、このビフォー/アフターの商品画像事例で確認できます。

機能するコールアウトのレイアウト

コールアウトの位置 何に答えるか 例(4〜5語)
左上 主な素材/作り 「無垢のオーク材、突板ではない」
右上 耐久性/品質のサイン 「耐荷重300ポンド」
左下 手軽さ/利便性 「10分で組み立て可能」
右下 適合/互換性 「標準36インチのドアに対応」
中央のコールアウト(控えめに) 唯一のキラー機能 「トップ層は撥水加工」

配置をカタログ全体で統一すれば、買い手は情報を探し回らなくなります——どこを見ればいいか分かっているからで、これがコールアウトがコンバージョンにつながる理由の半分です。

よくある質問

商品画像にはコールアウトを何個入れるべきですか?

1枚につき4〜6個が検証済みの最適値です。少なすぎるとこの手法を活かしきれず、6個を超えると画像が視覚的ノイズになり、各ラベルが互いの注意を奪います。各コールアウトは4〜5語に抑え、1つの特徴とそのメリットを述べましょう。

コールアウトと寸法ラベルの違いは何ですか?

コールアウトは特徴とそれが重要な理由を挙げ(「洗濯機で洗えるカバー」)、寸法ラベルは正確な計測値を示します(「幅32cm」)。コールアウトは価値に関する反対理由に、寸法は適合に関する反対理由に答えます。互いを散らかさないよう、別々の画像に載せてください。

商品画像のコールアウトは本当にコンバージョンを上げますか?

はい。Baymard の調査では、説明グラフィックが買い手を特徴について立ち止まって考えさせ、反対理由を取り除く何かに気づかせることが多いとわかっています。反対理由が減ればカゴ落ちも減ります。導入しているサイトは半数ほどしかないため、コールアウトは競合より情報豊富に見せる低コストな方法でもあります。

モバイルでコールアウトを読みやすくするには?

高コントラストの文字かベタ塗りのラベルチップを使い、コールアウトを4〜5語に抑え、サムネイルサイズで読めるか確認しましょう——トラフィックの大半はモバイルです。スマホの画面で読めないコールアウトは、デスクトップでどう見えようと役目を果たしていません。

出典・参考

Product Photo Callouts That Convert (6 Rules)