スマホで潰れた

PCで確認すると、ページは綺麗に見える。

画像のバランスも良い。文字量も十分ある。商品の特徴も、レビューも、Q&Aも並んでいる。

ところがスマホで見ると、画像内の文字が小さく、読みにくい。

スマホの画面では、PCで整っていた1枚が詰まって見える。

「これでは読まれない」と考え、スマホ用に情報を削る。

文字量を減らす。画像を短くする。説明を削る。スマホでは見やすくなった。

しかし、翌月のRMSを見ると、転換率が落ちている。

スマホ用に短くしたことが、悪かったとは限りません。
ただ、表示を軽くするために、読者が購入に進むための理由まで削ってしまうことがあります。

スマホでは、文字の大きさ、画像の分割、余白、スクロールの間隔を変える必要があります。

ただし、「なぜこの商品なのか」まで削る必要はありません。

表示を整えることと、選ぶ理由を削ることは別です。

スマホ用に作り直す前に見るべきなのは、現在の商品ページで読者がどこで止まっているかです。

分ける場所が違う

「スマホとPCを分けるべきか」。

この判断で迷うことがあります。

スマホのアクセスが多い。PCでは高単価の注文が入る。どちらも無視できない。

そこで、スマホ用とPC用を別々に作るべきか、一つのページを共通で使うべきかを考えます。

分ける前に見ること
よくある見方
スマホとPCでは画面サイズや操作性が違うため、情報量も見せ方も別々に最適化する必要がある
残っていること
文字の大きさ、画像の分割、レイアウトは変える必要がある。ただ、「なぜこの商品なのか」まで別々にすると、同じ読者が別の印象を受けやすくなる

商品ページ改善では、スマホとPCを分けて作る提案が出ることがあります。

これは必要な場合があります。

ただ、表示形式を分けることと、なぜこの商品なのかまで別々に作ることは違います。

スマホとPCで変えるべきなのは、文字の大きさ、画像の分割、レイアウトです。

変えてはいけないのは、読者が商品ページ前半で受け取る選ぶ理由です。

楽天のPC/スマホ別入力について。
楽天には、PC向けとスマホ向けで別々に入力できる場所があります。これは表示を分けられる仕様です。ただ、別々に入力できることと、別々のメッセージにすることは違います。同じ商品を検討している読者に、別々の印象が届くと、ページをまたいだ理解がつながりにくくなります。

短くしたら落ちた

「スマホユーザーは長い文章を読まない」。

そう考えて、商品ページを短くする。

説明を削る。Q&Aを減らす。開発背景を省く。細かな比較説明を外す。

すると、スマホでは見やすくなる。

しかし、転換率が下がることがあります。

短くする前に見ること
よくある見方
スマホでは読者が文章を読まないため、情報を削って短くし、インパクト重視にした方が購入に進みやすい
残っていること
スマホで読まれないのは、長さだけが理由ではない。ページ冒頭で「自分に関係ある商品だ」と受け取れていなければ、短くしても読み進められない

スマホで読まれないのは、長いからだけではありません。

ページの冒頭で「自分に関係ある商品だ」と受け取れていなければ、短くしても読み進められません。

逆に、必要な理由まで削ると、表示は軽くなっても転換率は落ちやすくなります。

短くする前に見るべきなのは、どの情報が不要かではありません。

どの情報が、読者の「これでよさそうだ」を作っているかです。

別々でも残る

PC用とスマホ用を、別々に作る。

PC用は情報量を残す。スマホ用は短く、インパクト重視にする。

見た目は整う。

ただ、それでも転換率が大きく変わらないことがあります。

別々に作る前に見ること
よくある見方
スマホ専用に短くインパクト重視のページを作れば、スマホユーザーに合わせた見せ方になり、転換率が上がりやすい
残っていること
スマホ用に短く作ると表示は整う。ただ、「なぜこの商品なのか」まで削れていれば、購入に進む理由も弱くなる

スマホ用に短く作ると、表示は整います。

ただ、なぜこの商品なのかまで削れていれば、購入に進む理由も弱くなります。

PCとスマホで別々のメッセージになると、同じ読者が見たときに印象がつながりません。

PCで検討し、スマホで購入する読者もいます。

その読者に、PCとスマホで別の商品に見えるほど違う言葉が届けば、検討の流れが切れやすくなります。

止まる3つの型

表示だけを直している

スマホで文字が小さい。画像が読みにくい。ボタンが押しにくい。

これらを直すことは必要です。

ただ、表示を整えても、商品ページ前半で選ぶ理由が届いていなければ、同じ場所で止まりやすくなります。

更新が別々になっている

PC用とスマホ用を別々に管理する。

イベントのたびにPC用は変えたが、スマホ用を変え忘れる。

この状態が続くと、スマホ側に古い情報が残ります。

選ぶ理由を共通で持っておき、表示だけをデバイスごとに調整できれば、更新漏れは減らしやすくなります。

言葉が別の商品に見える

PC用は丁寧で情報量の多いコピー。

スマホ用は短く、強いコピー。

どちらも単体では悪くありません。

ただ、同じ読者がPCとスマホをまたいで見たときに、別の商品に見えるほどメッセージが変わると、理解がつながりにくくなります。

以下の状態が続いているなら、スマホ用に作り直す前に確認すべき場所があります。

無料診断
スマホ用に作り直す前に、現在の商品ページで止まっている場所を見る。
スマホで転換率が動かないなら、表示の止まっている場所なのか、選ぶ理由が届いていない止まっている場所なのかを分けて見る必要があります。
URLを送るだけで、どこで購入に進む理由が弱くなっているかを2営業日以内に診断レポートで整理します。
スマホ修正前に止まる場所を診断する
※営業電話は一切いたしません。

まず、今を見る

スマホ表示を直すこと、文字を読みやすくすること、画像を分割すること。どれも必要な場面があります。

ただ、スマホ用に作り直しても転換率が動かないなら、表示の前に見るべき場所があります。

現在の商品ページで、読者がどこで止まっているか。そこが見えれば、表示を直すべきか、情報を削りすぎているのか、商品ページ前半で選ぶ理由を届けるべきかも判断しやすくなります。