ECの商品ページの作り方|CVRを上げる写真・説明文・レビュー活用のコツ

ECの商品ページの作り方|CVRを上げる写真・説明文・レビュー活用のコツ

広告を出しても、SNSでアクセスを集めても、なぜか注文につながらない。ECサイトの売上が伸び悩むとき、その原因の多くは集客ではなく「商品ページ」にあります。

商品ページは、訪問者が「買う・買わない」を最終判断する場所です。写真の見せ方、説明文の順番、レビューの置き方を変えるだけで、同じアクセス数のままCVR(購入率)が1.5倍、2倍になることも珍しくありません。

この記事では、ECの商品ページの作り方を7つのステップで解説します。準備段階でやるべきこと、写真・説明文・レビューそれぞれの設計ルール、そして多くの店舗がつまずく失敗パターンと対策まで、今日から手を動かせる形でまとめました。

ECの売上は商品ページのCVRで決まる

商品ページは「最後のひと押し」を担う場所

ECサイトの購入までの流れは、大きく「知る→比べる→決める」の3段階に分かれます。広告やSNS、検索が担うのは最初の2段階までで、最後の「決める」を担当しているのが商品ページです。

つまり商品ページは、どれだけ良い商品を扱っていても、そこで不安が解消されなければすべての集客投資が無駄になる場所だと言えます。

実店舗に置き換えると、商品ページは接客そのものです。店員なら「これ、洗濯機で洗えますか?」と聞かれればその場で答えられますが、ECでは聞く相手がいません。訪問者が抱くであろう質問を先回りして、ページの中にすべて答えを置いておく必要があります。

逆に言えば、ここを丁寧に設計するだけで、広告費を1円も増やさずに売上を伸ばせるということです。商品ページの改善は、EC施策のなかでもっとも費用対効果の高い打ち手のひとつです。

📌 ポイント

商品ページは「商品を説明する場所」ではなく「買わない理由を消す場所」です。訪問者の不安をひとつ消すごとに、CVRは着実に上がっていきます。

CVRが0.5ポイント変わるだけで売上はどう動くか

商品ページ改善のインパクトを、具体的な数字で見てみましょう。月間3万セッションのECサイトで、客単価8,000円、CVRが1.0%だとします。この場合の月商は240万円です。

ここでCVRを1.5%まで引き上げられたとすると、注文件数は300件から450件へ増え、月商は360万円、増加分は月120万円・年間1,440万円になります。アクセス数は1件も増やしていません。

💰 計算例

30,000セッション × 1.5% × 8,000円 = 月商360万円

CVR1.0%時(月商240万円)と比べて年間1,440万円の差。広告費の追加はゼロ。

同じ売上を広告で作ろうとすれば、CPA(顧客獲得単価)が3,000円なら月45万円の追加予算が必要です。商品ページの改善は一度作り込めば効果が続くため、広告と違って毎月のコストが積み上がりません

商品ページで離脱が起きる3つの典型パターン

アクセス解析を見ると、商品ページからの離脱には決まったパターンがあります。ひとつ目は「写真が足りない」ケース。掲載写真が2〜3枚しかないと、訪問者はサイズ感や質感を判断できず、その場で比較検討をやめてしまいます。

ふたつ目は「説明文が読まれていない」ケースです。スペックが箇条書きで並んでいるだけのページは、訪問者にとって「自分の悩みが解決するかどうか」がわからず、読み飛ばされます。

3つ目は「不安が残ったまま」のケース。送料はいくらか、返品できるのか、いつ届くのか。この3点が見つからないだけで、カートに入れる直前で手が止まります。

❌ よくある失敗

「商品の魅力は伝わっているはずだから、あとは価格の問題だろう」と判断して値引きに走ること。多くの場合、原因は価格ではなく情報不足です。値引きの前に、まず情報を足してください。

商品ページを作る前に準備する3つのこと

誰の・どんな不安を解消するページかを決める

いきなり写真を撮り始めたり、説明文を書き始めたりすると、たいてい「言いたいことを全部書いただけのページ」になります。最初にやるべきは、このページが誰に向けたもので、どの不安を消すのかを言語化することです。

おすすめは、想定顧客の質問を10個書き出す方法です。「サイズは何センチ?」「他社製品と何が違う?」「肌が弱くても使える?」といった具合に、実際に届いた問い合わせやレビューのコメントから拾うと精度が上がります。

この10個の質問が、そのまま商品ページの構成案になります。上から重要度順に並べ替えれば、どの情報を上に置くべきかも自然に決まります。

ここを飛ばしてページを作ると、公開後に「何を直せばいいかわからない」状態に陥ります。改善の基準を先に作っておくことが、結果的にいちばんの近道です。

競合の商品ページを5つ調べて差分を洗い出す

次にやるのが競合調査です。同じジャンルで売れている商品ページを5つほど開き、写真の枚数、説明文の項目、レビューの表示位置、送料や返品条件の書き方をひとつずつ表にまとめます。

ここで見るのは「真似する点」ではなく「自社にしか書けない点」です。競合が全員書いていて自社にない情報は最低ラインとして揃え、競合が誰も触れていない切り口は差別化のポイントになります。

📊 比較データ

チェック項目 推奨ライン
商品写真の枚数 7〜10枚
使用シーン写真の割合 全体の3〜4割
掲載レビュー件数 20件以上
ファーストビューの高さ スマホ1画面以内

計測環境を先に整える

改善を続けるには、数字で判断できる状態が欠かせません。ページを公開する前に、GA4で商品ページの閲覧数・カート追加数・購入数を取得できるようにしておきましょう。

特に見るべきは「商品ページ閲覧→カート追加」の遷移率です。ここが低ければ商品ページ自体に問題があり、カート追加後の離脱が多ければ購入手続き側に問題があると切り分けられます。

あわせてヒートマップツールを入れると、訪問者がどこまでスクロールし、どこをタップしているかが見えます。スクロール到達率が50%を切る位置より下の情報は、ほぼ読まれていないと考えて構成を見直してください。

⚠️ 注意

計測を後回しにしたまま改修すると、効果があったのかどうかを判断できません。最低でも改修前2週間分のデータを取ってから手を入れましょう。

▶ 関連記事|ECマーケティング

ECサイトのカゴ落ち対策と改善施策|離脱率を半減させるチェックポイント15選

CVRを上げる商品ページの作り方7ステップ

ステップ1〜3:ファーストビューと写真で「欲しい」を作る

商品ページの勝負は、開いてから3秒で決まります。スマホの1画面目に「何の商品か」「誰向けか」「いくらか」が収まっているかを最優先で確認してください。

ステップ 1ファーストビューを1画面に収める

メイン画像・商品名・価格・カートボタンをスマホ1画面に配置します。ここにキャッチコピーを1行足し、「誰の・どんな悩みを解決するか」を明示してください。商品名だけでは、訪問者は自分向けかどうかを判断できません。

ステップ 2写真を7〜10枚、役割を分けて用意する

全体像・正面・背面・ディテール・サイズ比較・使用シーン・同梱物の7種類が基本セットです。特にサイズ比較(手や既存アイテムと並べた写真)と使用シーンは、返品率を下げる効果もあります。

ステップ 3画像内に短いテキストを載せる

説明文は読み飛ばされても、画像内の文字は見られます。「たった15秒で装着」「洗濯機で洗える」といった要点を、写真の上に大きめの文字で置いてください。スクロールしながらでも情報が入ります。

写真の枚数は多ければよいわけではありませんが、3枚以下のページと7枚以上のページでは、カート追加率に明確な差が出ます。まずは7枚を目標に揃えましょう。

ステップ4〜5:説明文で不安をひとつずつ消す

ステップ 4「悩み→解決→根拠」の順で書く

冒頭でスペックを並べるのではなく、想定顧客の悩みから書き始めます。「夕方になると足がむくむ」→「この設計でむくみを軽減します」→「素材と構造がこうなっているから」という3段構成にすると、最後まで読まれる説明文になります。

ステップ 5スペックと配送・返品条件を表にする

サイズ・素材・重量・生産国などは表形式で整理します。あわせて送料・お届け目安・返品可否を同じ表に入れておくと、購入直前の不安を一箇所で解消できます。この3項目を探させないことが重要です。

説明文を書くときの目安は、想定顧客の質問10個に対して、すべて回答が書かれている状態です。書き終えたら質問リストと照らし合わせ、答えのない項目がないかを確認してください。

💡 ポイント

送料・お届け日・返品条件の3点は、購入をためらう理由の上位に入ります。カートボタンのすぐ近くに1行で添えるだけでも、カート追加率が改善します。

ステップ6〜7:レビューとカート導線で背中を押す

ステップ 6レビューを20件以上、属性つきで載せる

星の数だけでなく、「30代・敏感肌・リピート3回目」のような属性情報を添えると、自分に近い人の声を見つけやすくなります。星5だけを並べるより、星3〜4の率直な声も混ぜたほうが信頼されます。

ステップ 7カートボタンを3箇所に置く

ファーストビュー・説明文の直後・レビューの直後の3箇所が基本です。スマホでは画面下部に固定表示するのも効果的です。「買いたい」と思った瞬間に、探させずに押せる状態を作ってください。

レビューは待っていても集まりません。購入後7日前後にメールやLINEで投稿を依頼し、次回使えるクーポンを添えると回収率が上がります。レビュー20件を超えたあたりから、CVRの立ち上がりが変わってきます

会社資料をダウンロードする →

商品ページでよくある失敗と対策

写真がきれいすぎて使用イメージが湧かない

白背景でライティングを整えた商品写真は、それだけ見れば美しく仕上がります。ただ、訪問者が知りたいのは「自分が使ったときにどうなるか」です。

スタジオ撮影の写真ばかりだと、サイズ感や質感が伝わらず、かえって購入をためらわせてしまいます。対策はシンプルで、生活空間で撮った写真を全体の3〜4割混ぜることです。

スマホで撮った写真でも構いません。手に持った写真、机に置いた写真、実際に着用した写真。多少画質が落ちても、リアルさのほうが購入判断には効きます。

❌ よくある失敗

加工で色を鮮やかにしすぎること。届いた商品との色差はレビュー低評価と返品につながり、長期的にはCVRを押し下げます。

説明文が「作り手目線」になっている

こだわりを語る説明文は、書き手の熱量は伝わるものの、読み手の関心とずれていることが少なくありません。「創業50年の技術」「独自開発の製法」といった表現は、それが買い手にとって何の得になるのかまで書かれて初めて機能します。

対策は、書いた文章の各段落末に「だから何?」と問いを立てることです。答えられない段落は、顧客の得に変換するか削ってください。

たとえば「独自製法で繊維を細くしています」だけでは伝わりませんが、「独自製法で繊維を細くしているため、肌当たりがやわらかく、敏感肌の方でも使えます」なら意味が届きます。

レビューを集める仕組みがない

レビューはCVRに直結する要素ですが、多くのECサイトが「集める設計」を作らないまま放置しています。購入者の何割かは、依頼されれば投稿してくれます。

依頼のタイミングは、商品を使い始めて感想が出てくる購入後7〜10日ごろが目安です。メールよりもLINE公式アカウントのほうが開封されやすく、投稿までの離脱も少なくなります。

📱 ポイント

購入後フォローを自動化しておけば、レビュー依頼・使い方案内・再購入の提案までを人手をかけずに回せます。商品ページの改善とセットで組むと効果が重なります。

⚠️ 注意

高評価を条件に特典を渡す依頼の仕方は、規約違反やブランド毀損につながります。特典は「投稿したこと」に対して渡し、内容には条件をつけないでください。

▶ 関連記事|顧客育成・リピート獲得

購入後フォローメールの書き方|リピート購入につなげるメッセージテンプレート

まとめ

ECの商品ページは、集客したアクセスを売上に変える最後の関門です。改善の効果はアクセス数に比例して効いてくるため、広告を増やす前にまずここを整えるのが定石になります。

この記事で紹介した流れをあらためて整理します。準備段階で想定顧客の質問を10個書き出し、競合5社との差分を洗い出し、計測環境を整える。そのうえで、ファーストビュー・写真7〜10枚・悩み起点の説明文・スペック表・レビュー20件・カートボタン3箇所という7ステップを順に埋めていきます。

すべてを一度にやる必要はありません。まずは写真の追加と、送料・お届け日・返品条件の明記から着手してください。この2つは工数が小さいわりに、カート追加率への影響が大きい項目です。

📌 ポイント

改修は1回で終わらせず、2週間ごとに1項目ずつ変えて数値を確認します。CVR1.0%から1.5%への改善で、月商240万円が360万円になるインパクトを、着実に積み上げていきましょう。

WEB FLEEKでは、ECサイトの商品ページ設計から広告運用、LINE公式アカウントを使った購入後フォローまで一貫してご支援しています。「どこから手をつければいいかわからない」という段階でも構いませんので、お気軽にご相談ください。

無料相談する →

よくある質問(FAQ)

Q. 商品ページの写真は何枚あればよいですか?

7〜10枚を目安にしてください。全体像・正面・背面・ディテール・サイズ比較・使用シーン・同梱物の7種類が基本セットです。特にサイズ比較と使用シーンの写真は、購入後のイメージ違いを防ぎ、返品率を下げる効果もあります。写真が3枚以下のページはカート追加率が伸びにくいため、まずは7枚を目標に揃えることをおすすめします。

Q. 商品ページのCVRはどのくらいが目安ですか?

扱う商材や価格帯によって大きく変わるため、他社との比較よりも自社の過去数値との比較で判断してください。重要なのは「商品ページ閲覧→カート追加」の遷移率です。ここが低ければ商品ページ側、カート追加後の離脱が多ければ購入手続き側に課題があると切り分けられます。GA4で両方の数値を取得できる状態にしておきましょう。

Q. レビューが少ない立ち上げ期はどうすればよいですか?

購入者へのフォロー配信で投稿を依頼するのが基本です。購入後7〜10日ごろにメールやLINE公式アカウントで依頼し、次回使えるクーポンを添えると回収率が上がります。レビューが揃うまでの間は、使用シーン写真や詳しい説明で情報量を補い、送料・返品条件を明記して不安を減らす対応が有効です。

Q. 商品ページの改善はどのくらいの頻度で行うべきですか?

2週間ごとに1項目ずつ変更し、数値の変化を確認する進め方をおすすめします。一度に複数箇所を変えると、どの施策が効いたのか判断できなくなるためです。またアクセス数が少ないサイトでは、2週間では有意な差が出ないこともあるため、月間の注文件数が数十件以下の場合は1か月単位で見るとよいでしょう。

Q. 商品ページの改善と広告出稿はどちらを優先すべきですか?

すでに一定のアクセスがあるなら、商品ページの改善が先です。CVRが低いまま広告費を増やしても、獲得単価が高止まりして費用対効果が悪化します。逆にアクセスがほとんどない段階では、改善の効果測定ができないため、まず広告やSEOで一定の流入を作ってから改善に着手する順番が現実的です。


この記事の監修者

株式会社WEB FLEEK 代表取締役 歌川大介の顔写真

歌川 大介 うたがわ だいすけ

株式会社WEB FLEEK 代表取締役

Google広告Meta広告LINE公式アカウントLP制作SEO

中小企業のデジタルマーケティングを設計から実行までワンストップで支援。広告運用・LINE構築・LP制作・動画制作を横断し、「売れる仕組み」をいちからつくることを得意とする。

あわせて読みたい

BLOG TOP

CONTACT

まずは、30分。
無料でご相談ください。

ワンストップで貴社の課題解決をサポートします。