*

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

公開日: : 最終更新日:2016/02/17 ネットショップ

ガラケーとスマホ

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

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

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

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

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

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

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

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

画像は極力軽く

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

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

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

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

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

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

おわりに

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

関連記事

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

楽天スマホ商品ページの画像制限が緩和!3枚から10枚までへ
楽天でインターネットショップを運営されている方に朗報です。かつては楽天のスマートフォン用商品ページには画像は3枚まで(高さは1200pxまで)という画像制限がありました。よ

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

手間不要!楽天スマホページ自動で楽に作れる「Snapp」が凄い
ネットショップにおいてもスマートフォンからの利用者が PC 利用者を上回りつつある事は周知の事実となっています。PC のページは作りこんでいても、スマートフォンページまでは

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

楽天ショップの商品ページスマホ版が見やすく改善されリニューアルしてました
2015年9月下旬、楽天ショップの商品ページのスマートフォン版が見やすく、買いやすく改善されました。楽天本家の仕様改善です。告知はされていますが、ひっそりといつの間にか改善

上部広告

  • Pocket

おすすめトピックス

関連記事

画像上書きの反映は遅いが一瞬で反映させる代替策はある【楽天ショップ】

楽天ショップを運営している人なら一度は頭を悩まされた事はあるでしょう。楽天の商品画像、すなわち楽天 RMS にアップロードした画像・楽天 GOLD スペースにアップロードした画像を上書きして差し替える場合、画像の反映処理 […]

楽天会社概要
楽天ショップ会社概要ページもCSSを使って若干のデザイン付けが可能です

楽天ショップで買い物しようとするとき、送料や支払い方法、納期、利用規約等を調べるために会社概要ページを見る事もあると思います。 その会社概要ページ、字ばかりでダラダラと書き連ねられており読むのも辛いほど読みづらい構成とな […]

動画からアニメーションgifへ自動で変換してくれるフリーソフト「動画GIF変換」

gif と言えば透過に対応した画像形式の一つですが、gif はアニメーションにも対応しています。ただの画像でありながらパラパラ漫画の要領で動く画像が作れるわけです。アニメーション gif はインターネット上で動画が普及し […]

ポンパレモールの商品ページで外部CSSを使用する方法

ポンパレモールに出店されている方向けの記事となります。 ポンパレモールと言えば、ページ作成において使用できるタグが制限されており作りづらい仕様でした。しかし、2014年12月からタグの規制が一部緩和されました。緩和された […]

楽天のスマホ商品ページにPC版で見るボタンを追加するカスタマイズ

Freepikによるデザイン スマートフォンでウェブサイトを見ていたり、ネットショッピングをしている時に PC 版のサイトを見たいと思った事はありませんか? 大抵のウェブサイトやネットショッピングサイトでもスマートフォン […]

iphone
Yahooショッピングのトリプルページを手っ取り早くスマホ対応に

Yahoo!ショッピングにショップを出店している方で、jquery や CSS が自由に使えてデザインができる「トリプル」を契約していらっしゃる方も多いと思います。しかし、トリプルで普通に PC 用のトップページを作った […]

上部広告

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

上部広告

       
月曜日に財布を忘れる時が多いので対策を考えた

財布、携帯電話、家の鍵など毎日の生活に日々身につけている物がた

Excel2010で最近使用したブックの一覧に表示しない、または表示数を指定する方法

Excel2010 で画面上部のタブからファイルをクリックして

宇佐美
ガソリンスタンドENEOSの看板にある「宇佐美」とは何か?

普段何気なしに利用しているガソリンスタンドですが、ふと気になっ

中部国際空港のプレミアムラウンジセントレアに入るための条件や必要な物

空港には特別な待合室(ラウンジ)があります。中部国際空港も例外

厚さ4cmの封筒が入る郵便ポストは存在するか?

郵便物をポストに投函する場合、投函できる厚みのボーダーラインとしてよく

→もっと見る