楽天スマホ商品ページで制限なく画像説明を載せる方法

楽天に限らずネットショッピング界隈ではスマートフォンでのアクセスが PC を上回るなど年々スマートフォン比率が上昇してきています。今まではスマートフォンは後回し～にしてきた所もあるかと思いますが、パソコン版もスマートフォン版の商品ページも力を入れないと売上は伸び悩んでいくことでしょう。

スマートフォンの商品ページにも力を入れないといけないと書きましたが、楽天のスマートフォン商品ページには制限があって思うように作る事ができません。その制限とは…。

• 掲載できる画像は3枚まで
• 画像の高さは1200pxまで

スマートフォン用商品説明文に掲載できる画像は3枚までだとパソコン版に比べてかなり表現に制限がかかります。お客様に伝えたい商品イメージも中途半端に終わってしまうかもしれません。

これからもスマートフォン比率が上昇していきますし、出来るなら100％アピール出来る商品ページを作りたいものです。実はその画像に関する制限を無視する方法があります。

画像を楽天GOLDにアップすれば高さは無制限に

商品説明画像は、楽天 RMS にアップするもの。と固定観念をお持ちの人もいらっしゃると思います。実は私もそうだったのです。

画像を楽天の GOLD スペースに画像をアップすれば、高さ1200px制限はかかりません。ここは盲点でした。この方法を使えば、パソコン版の商品ページと同レベルの商品説明画像を使う事ができます。

画像は極力軽く

画像の高さ制限がないからといって滅茶苦茶長い画像を使った場合、それがスマートフォンで本当にわかりやすく使いやすいのか考慮する必要はあります。画像は見やすいか、文字サイズは読みやすい大きさか、重くないか等。

長い画像を使うとファイルサイズも大きくなってしまうので、スマートフォン向けに極力軽くする必要があります。以下のような Web サービスを使うと画像の質はそのままにファイルサイズだけ軽くする事ができます。

Kraken.io Image Optimizer · Kraken.io

スマートフォン商品ページに画像を載せる方法

普通に img タグで画像を指定すればいいのですが、端末によっては画像がはみ出してしまう場合があります。そのため、画像の幅を指定します。

<img src="画像URL" alt="画像説明" width="100%" />

width を 100％ 指定にすると、どんな画面サイズでもはみ出したりせず横幅に合わせて画像が伸縮するようになります。

おわりに

楽天のスマートフォンページでは制限がある為に仕方なく中途半端に終わらせていた場合も、この方法なら更に充実させる事ができます。よりお客様に商品の魅力が伝わるようになれば、お客様の購入機会も増えるかもしれません。是非スマートフォン商品ページの充実化にお役立てください。

関連記事

2016年スマホページの画像制限が緩和！

楽天スマホページをほぼ自動で最適化できちゃうツール。

楽天がスマホ商品ページを大幅改善！