ShopifyストアのCVR改善方法｜商品ページ最適化のポイント

アクセスは増えているのに、売上が思うように伸びない。広告をさらに足す前に、まず見直したいのが商品ページです。同じ商品でも、ページの作り方ひとつで、買う人の数は変わります。

CVR（サイトを訪れた人のうち、購入に至った人の割合）は、いくつものレバーで動きます。表示速度やスマートフォンでの見やすさもその一つですが、これらは別の記事（現在制作中のため完成次第で公開予定）で扱います。

この記事で絞って扱うのは、商品ページの中身です。写真、説明文、レビュー、送料や返品の表示、価格、そして購入ボタン。なお、使える支払い方法をどう見せるか（決済手段の提示）も購入直前に効く要素ですが、これは別の記事にまとめています。訪れた人が「欲しい」と思ってから、迷わずカートに入れるまでの間に目にしているものを、一つずつ点検していきます。

参考記事：Shopifyの決済方法一覧｜日本向け決済の導入ガイド

集客を増やすより先に、いま来ている人を取りこぼさない。この記事では、その具体的な打ち手を、効果が大きく取り組みやすいものから順に並べていきます。

1.欲しいと思わせる商品写真と説明文の作り方

商品ページを開いた人が最初に見るのは、文字より写真です。写真で心が動き、説明文でその商品を使う自分を思い描けたとき、買う理由が固まります。

1-1. 写真・動画｜サイズ感と使用シーンが伝わるカット

白い背景に商品だけが写ったカットは、きれいでも大きさが伝わりません。届いてから「思っていたのと違う」を生まないために、商品ページには次のカットを足します。

ネット通販では実物を手に取れません。読者は画面の商品を、自分の知っている物と照らし合わせて大きさや質感を推し量っています。基準になる物がなければ推測は外れやすく、それが届いたときのギャップになります。

収納ボックスを白背景で一個だけ撮っても、うちの棚に入るかは伝わりません。本やペットボトルと並べた一枚、棚に収めた一枚を足すだけで、読者は自分の家での使い方を頭の中で再生できます。動画があれば、引き出しの開け閉めや手触りまで届きます。なお、一覧に並んだときの一枚目は、クリックするかどうかの分かれ目。最初の一枚には、商品の魅力が一番伝わるカットを選びます。

サイズ感と使用場面を写真で示すことが、読者の購入イメージ形成につながります。

1-2. 商品の説明文は、使った後の変化まで書く

容量20L、重さ500g、撥水加工とスペックを並べるだけでは、読者は自分がどう得をするのかまでは分かりません。説明文の役割は、このスペックを、その人の暮らしがどう変わるかに翻訳することです。

数字や素材は、それ自体では価値になりません。容量20Lなら、一泊分の着替えとカメラが入る。撥水加工なら、急な雨でも荷物が濡れない。こう言い換わって、はじめて読者の得になります。

軽さを伝えたいリュックなら、500gと書くだけより、肩がこりやすい人でも一日背負って疲れにくい、と書いたほうが、読者は通勤や旅行の自分を思い浮かべます。スペックは根拠として残し、その隣に、だからあなたはこうなる、を一文添える。受け取り方がそれだけで変わります。

使う前と使った後で、読者の何が変わるのか。そこまで書ければ、読者は説明文を読みながら、自分がその商品を使っている場面を思い浮かべられます。写真で購入意欲が高まった読者に、説明文で購入の根拠を示せます。

2.購入直前の不安を、レビューと配送・返品の明示で取り除く

買う気になった人が最後にためらう理由の多くは、「本当に大丈夫か」という不安です。これを残したままだと、カートの手前で手が止まります。ここでは、他の購入者の声と、送料・返品・納期の見せ方という二つから、その不安をほどきます。

2-1. レビュー・UGC｜写真付きレビューを増やして信頼を高める方法

初めて買うショップで、星4.5とだけ並んでいても、最後の一歩が出ないことがあります。そこで効くのが、購入者が実際に使った写真付きのレビューです。件数や星の平均より、こうした一枚のほうが、初めて買う人の不安を下げる材料になりやすいです。

星の数は、満足した人がどれくらいいたかは教えてくれますが、その商品が自分の用途に合うかまでは分かりません。写真付きのレビューには、実際の色味、想像とのサイズの差、使っている場所が写ります。自分に近い誰かが使った実物が見えると、読者は自分が使うところを具体的にイメージできます。

とはいえ、写真付きのレビューは黙っていても集まりません。購入から数日後に使い心地を尋ねるメールを送る、商品に小さなカードを同梱して投稿をお願いする。こうした地道な導線が、写真付きの声を増やします。このとき、投稿のお礼に特典を渡すこと自体は問題ありませんが、高い評価を書くことを条件にしたり、書く内容を指定したりするのは避けます。事業者が関与を隠して消費者の口コミを装う行為は、景品表示法上のステルスマーケティングとして規制の対象になるためです。

購入者が自分で撮った写真や投稿は、UGC（ユーザーが作ったコンテンツ）と呼ばれます。お店が用意した完璧な商品写真とは違う、生活感のある一枚が、かえって信頼につながります。商品ページに載せるときは、最初の画面に入りきらない位置でも構いませんが、説明文を読み終えた人が自然に目を落とす場所に置くと、最後のひと押しになります。

写真とテキストの両方がそろったレビューは、初めての買い物につきまとう「失敗したくない」という気持ちを、実物の姿でやわらげます。星の数を増やすことより、一枚の写真付きの声を増やすほうに手をかける価値があります。

2-2. 返品・送料・納期を商品ページに明示して離脱を防ぐ方法

送料はいくらか、返品はできるのか、いつ届くのか。この三つが商品ページで分からないと、カートに入れる直前でためらいが生まれます。探させずに先に出すほど、離脱は減ります。

送料は、商品代金とは別にいくらかかるのかを、その商品ページの中で見せます。一定額以上で送料無料になるなら、そのラインも近くに置くと、あといくら買えば無料になるかを読者が自分で計算できます。

返品については、できるかどうか、何日以内か、どんな手順かを、平易な言葉で書きます。条件が細かくても、要点を先に示してから但し書きを添えると読まれます。返品できると分かること自体が、買う前のためらいを減らします。

いつ届くかも、買う前に知りたい情報です。正確な日付が出せなくても、注文からおおよそ何日で届くかの目安があるだけで、読者は受け取りの予定を立てられます。

これらは、カートに入れるボタンより前、遅くとも同じ画面で目に入る位置に置きます。探さないと分からない状態だと、人はわざわざ探さずに離れます。送料・返品・納期は、隠さず先に出すほど、買う直前の不安をまとめて減らせます。

3.購入を先送りにさせない、価格と在庫、CTAの見せ方

欲しくて、不安もない。それでも人はすぐには買わず、「あとで」と画面を閉じることがあります。この「あとで」を減らすのが、価格の見せ方、在庫の出し方、購入ボタンの作りです。急かすのではなく、今決める理由を読者自身が見つけられるよう設計します。

3-1. 価格・在庫｜総額と残数で「今」を後押し

商品ページに出ている価格と、最後に払う金額が同じであること。これが「あとで」を減らす一番の土台です。あわせて在庫の残りが見えると、今買う理由になります。

ページでは安く見えたのに、進めるうちに合計が膨らむと、人は一度立ち止まります。税込みなのか、ほかに何が乗るのかを商品ページの段階で分かるようにしておくと、最後まで気持ちよく進めます。

セール中なら、元の価格と今の価格を並べて見せる手があります。Shopifyでは、商品に元値を登録しておくと、値引き後の価格と一緒に元値を表示できます。これは比較価格（セール前の参考価格）と呼ばれ、多くのテーマでは元値に消し線がついた形で自動的に表示されます。いくら得かがひと目で分かると、買うかどうかの判断が軽くなります。

在庫が少なくなってきたら、残りの数を見せると今の後押しになります。ただし、本当に少ないときだけにします。常に「残りわずか」と出ていると、すぐに見抜かれて逆効果です。なお、残数を出せるかどうかはテーマや設定により、比較的新しいテーマでは在庫状況の表示が標準で用意されている一方、古いテーマではコードの追加やアプリが必要になることもあります。

総額が読めて、在庫の今が分かる。この二つがそろうと、読者は先送りではなく、今カートに入れる理由を持てます。

3-2. 購入ボタンのクリック率を上げるCTA配置と文言の設計

ここまで読んで買う気になった人が、最後に探すのが購入ボタンです。その一手間を減らせるかどうかが、CTA（購入や申し込みを促すボタン・リンク。Call To Actionの略）の設計で決まります。迷わせないほど、ボタンは押されます。

ボタンは、ページを開いてすぐ見える位置と、読み進めても指の届く位置の両方にあると親切です。スマートフォンでは、画面の下に固定してスクロールしてもついてくる形がよく使われます。

ボタンの言葉は、押した先で何が起きるかが分かるものにします。カートに入れる、購入手続きへ、といった次の行動がそのまま書かれた言葉だと、指が迷いません。

クリック率を上げたいなら、押し先を一つに絞るのが基本です。同じ画面に強いボタンをいくつも並べると、どれを押すか迷って、かえって手が止まります。関連商品へのリンクや大きなバナーといった寄り道も、購入ボタンの近くでは控えめにします。

ここで一つ注意があります。絞る対象は、あくまでボタンや寄り道です。色やサイズといった商品の選択肢は、逆に隠さず、選びやすく見せます。選択肢が探しにくいこと自体が、離脱の理由になるからです。

目立つ場所に、迷わない言葉で、一つに絞ります。寄り道は減らし、選択肢は見やすく整えます。

4.改善優先度｜離脱が大きい箇所を効果と手間で判断する

ここまで、写真・説明文・レビュー・配送表示・価格・ボタンと、商品ページの打ち手を見てきました。とはいえ、全部を一度に直すのは現実的ではありません。どこから手をつけるかは、勘ではなく、数字に教えてもらいます。

4-1. 離脱率とカート投入率｜優先して改善すべき箇所の特定方法

どこを直すか迷ったら、目についた所からではなく、人が一番多く抜けている段から手をつけます。それがどこかは、Shopifyのストア分析の数字を見れば見当がつきます。

見るのは、「時間の経過によるオンラインストアのコンバージョン」というレポートです。来店した人が、サイトへの着地、カートに追加、チェックアウトに到達、そしてコンバージョンに結びついたセッション（購入セッション）へと進む、各段階の数が並びます。

レポートに出るのは各段階の実数と、全体のコンバージョン率が一つ。段と段の間でどれだけ人が減ったかは、実数を見比べて自分で読み取ります。場所は、管理画面のストア分析＞レポートで、行動のカードから開けます。ストア分析の主な機能はどのプランでも使えますが、利用できるレポートの種類はプランによって異なります。読み方には型があります。ただし、このレポートのカート追加の数は、商品ページに限らずストア全体の着地を母数にしている点に注意します。商品ページ単位で見たいときは、GA4など外部 Nashの分析で商品ページに絞る必要があります。そのうえで、商品は見られているのにカートへ進む人が少ないなら、止まっているのは商品ページの中身だと見当がつきます。写真でサイズ感が伝わっているか、説明文が得に翻訳できているか、レビューや送料・返品が見えているか。この記事の前半で見た打ち手が、そのまま効く場所です。

どの段で大きく落ちているか。それを先に見つけることが、限られた時間をどこに使うかの答えになります。数字は、直す場所を指し示してくれます。

4-2. 効果が大きく手間が小さい施策から着手し、前後比較で効果を検証する

直す場所が見えたら、次は順番です。効果が大きく、かつ手間が小さいものから着手します。すべてを完璧にしようとせず、効きそうで早く終わるものを先に片づけます。

効果が大きいとは、一番人が抜けている段に効くということです。手間が小さいとは、すぐに着手して終えられるということ。たとえば、売れ筋の商品ページに送料と返品の条件を書き足すのは、短時間で済んで効きやすい打ち手です。一方、全商品の写真を撮り直すのは効果はあっても手間が大きいので、まずは反応を見たい数点から始めます。

手を入れたら、効いたかどうかを必ず確かめます。直した後の数字を、直す前の同じ期間・同じ条件と並べて比べます。Shopifyのレポートは期間を指定して前後を比較できるので、ここで通過率が上がったかを見ます。

このとき、一度にいくつも変えないことが重要です。同じ週に写真もボタンも説明文も変えてしまうと、数字が動いても何が効いたのか分からなくなります。一つ直して確かめてから、次に進みます。

効果と手間で並べ、一つずつ直して前後で確かめる。この回し方ができると、商品ページの改善は感覚頼りではなく、効果が確認できる繰り返しの作業になります。

5.まとめ

商品ページの打ち手はいくつもありますが、一度に全部はできません。まず数字で、人が一番多く抜けている段を見つける。そこが商品ページの中身なら、写真・説明文・レビュー・送料や返品の表示・価格・購入ボタンの中から、効果が大きく手間の小さいものを一つ選んで直す。直したら前後を比べて、効いていれば次へ進む。この順番を守るほど、改善は当てずっぽうではなく積み上がっていきます。

商品ページの外側、たとえば集客や、カートからチェックアウトまでの離脱対策は、それぞれ別の記事にまとめています。

参考記事：Shopify運用・集客｜完全ガイド