商品ページは、訪問者が買い手になるか離脱するかの分かれ目です。オフラインでは販売員が疑問を解消します。手に取らせ、質問に答え、商品を適切な角度から見せます。オンラインでは、この作業をすべて商品ページが担う必要があります。しかも、黙ったまま数秒で。だからこそ、コンバージョンを生む商品ページとは「美しいページ」ではなく、買い手の疑問に順を追って答えるものです。自分が探しているものか?どのように見えるか?いくらで、いつ届くのか?なぜ信頼すべきか?合わなかったらどうすればよいか?
それでは、買い手が見る順番に沿って、商品ページを要素ごとに見ていきましょう。
見出し:何かが一目でわかるように
商品名は一瞬で識別でき、主要な属性を含んでいる必要があります。商品の種類、ブランド/モデル、決め手となる特徴(容量、サイズ、素材、色など、バリエーションを分ける要素)です。
- 悪い例:「Уют-2000 Премиум」
- 良い例:「綿毛布 Уют、150×200 cm、グレー」
見出しは検索(サイト内・サイト外)にも影響します。人は品番ではなく「毛布 綿 150 200」で検索するからです。内部コードや謎めいたコレクション名は見出しではなく、特徴欄に記載します。
写真:商品ページの主役
買い手は商品ページを読む前に、まず見ます。最低限そろえたい構成は次のとおりです。
- メイン写真 — 商品全体をニュートラルな背景で、大きく、商品と競合する小道具なしで撮影します。この写真はカタログにも表示され、隣り合う商品とクリックを争います。
- アングル — 正面、背面、側面、そして重要なディテールを大きく:縫い目、金具、接続部、質感。各アングルは「そこはどうなっているのか」という具体的な疑問に答えます。
- スケール — 手に持った状態、人と一緒に、よく知られた物の隣に置いた状態。スケールの誤りは返金の主な原因の一つです:「もっと大きいと思っていた」。
- 使用シーン — ソファの上の毛布、テーブルの上のランプ。この写真は物ではなく、結果を売ります。
- バリエーションのある商品の場合 — 各色の写真。青い商品のグレーの写真に「色が異なる場合があります」は返金の前触れです。
技術的な最低条件:カタログ内のすべての写真のスタイルを統一し、ズームに十分な解像度を確保し(買い手は必ず拡大します)、すばやく読み込まれること。15~30秒の動画は、動き、音、または寸法が重要な商品にとって強力な補足となります。
価格・在庫・バリエーション:迷わせない
- 価格はすぐに見えるように、購入ボタンのそばに表示します。「価格はお問い合わせください」は不要です(これが機能するのは限られたB2Bのニッチだけです)。割引がある場合は両方の価格を見せます。ここでは誠実さが重要です。存在しなかった「元の価格」を取り消し線で示しても、買い手はそれを見抜けるようになっています。
- 在庫は明示:「在庫あり」「残りわずか」「お取り寄せ、N日後に出荷」。不明な状態は長い納期よりも悪いものです。
- バリエーション(サイズ、色、容量)はクリックでき、分かりやすく。 購入できないバリエーションは隠さず、購入できない状態として示します。自分のサイズが見つからない買い手は、推測するのではなく入荷通知を受け取れるようにする必要があります。
説明:まずメリット、次に詳細
効果的なテキスト構成は2つの層です:
層1 — 上部の短い箇条書き(3〜6個)。 スペックではなく「自分にとって何が得か」への答えです。「密度400 g/m²」ではなく「厚手で透けにくく、暖かさを保つ」。式はシンプル:特性 → それが買い手に何をもたらすか。
層2 — 下部の詳細な説明。 最後まで読む人向け:素材とその由来、使用シーン、ケア、互換性、同梱内容。具体的に、無駄なく書きましょう。「柔らかくて高品質」は何も意味しませんが、「チクチクせず、素肌に着けられる」は意味があります。
別途必須のブロック — 表形式のスペック: 寸法、重量、素材、国、保証。表はお役所仕事ではありません:競合との比較に使われ、カタログのフィルターや検索エンジンも活用します。スペックの充実度は商品の見つけやすさにもつながります。
テキストに含めるべきでないもの:仕入先の説明のコピー(すでに20のサイトに存在します)、小見出しのないテキストの壁、商品が果たせない約束 — そのような約束は一つひとつが返金と悪いレビューに変わります。
配送と返金:フッターではなく、ボタンのそばに
買い手が商品以外で抱く主な疑問は「いつ届くのか」「合わなかったらどうなるのか」の2つです。答えはカード上から見えるようにし、別セクションへ移動させないようにします。
- 配送期間と送料 — ボタンのすぐ下に簡潔に(「配送2〜4日、0 ₽から」)、詳細はクリックで;
- 返金条件 — 一行で(「返金は14日以内」)、詳細はクリックで。
わかりやすい返金は、逆説的ですが返金を減らします。購入の決断に対する不安を取り除き、買い手はより自信を持ち、納得して購入するようになります。
レビューと質問:自分では書けない信頼
レビューブロックは写真に次いで影響力の大きい要素です。
- 買い手の写真付きレビューはテキストのみのレビューより価値があります。スタジオ撮影では見せられなかった部分を補完してくれるからです。
- レビューは積極的に集めましょう — 配送後にフォームへの直接リンクを記載したメールを送ります。レビューを「自然に」書くのは、主に不満を持つ人だけです。
- ネガティブなレビューには商品ページ上で直接返信しましょう。問題のあるレビューに対する店舗の冷静な回答は、5件の絶賛レビューよりも読み手を強く納得させます。
- 質問と回答は無料の分析データ源です。一つひとつの質問は、商品ページに不足している情報を示しています。繰り返し寄せられる質問は説明文に移しましょう。
購入ボタンとその先の導線
購入ボタンはコントラストを効かせ、スクロールせずに目に入る位置に置き、テキストは「カートに入れる」「購入する」のように意味が一つに定まるものにします。カートに追加した後は、何が起きたのかがはっきり分かり、買い物を続けるか、注文手続きに進むかを迷わず選べるようにします。関連商品を並べるのも有効ですが、カートに追加する代わりではなく、追加した後に表示します。
さらに、カード全体に共通する2つの要件があります。速度(遅いカードは、その良さを見せる前に買い手を失います)と、モバイル版です。トラフィックの大半はスマートフォンからカードを見るため、ブロックの順序、ボタンのサイズ、読みやすさはまず小さな画面で確認します。役立つ習慣として、月に一度、実際の商品で「カタログ → カード → カート」の流れを自分のスマートフォンからたどってみましょう。ショーケースのエディターを備えたシステム(たとえばCenaly)では、公開前にモバイルプレビューでカードの変更を確認できます。
要点
- 商品ページは買い手の疑問に、買い手の順番で答えます。これは何か → どのように見えるか → 価格と納期 → なぜ信頼できるか → 合わなかったらどうなるか。
- 写真が最初に売り込みます。無地の背景、アングル、縮尺、使用シーン、すべての色、そしてぼやけないズーム。
- テキストは2層構成です。上にメリットの箇条書き、下に詳細と仕様表を置きます。仕入先からのコピー&ペーストは避けます。
- 配送と返金は商品ページから見え、ボタンの近くに置きます。わかりやすい返金は購入を後押しします。
- 写真付きのレビューとショップからの回答は、信頼を築く中心的なブロックです。買い手からの繰り返しの質問は、説明文を改善する計画の手がかりになります。