*

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

公開日: : 最終更新日: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

おすすめトピックス

関連記事

スマートフォン
楽天ショップも影響有るかも、スマホ対応サイトをGoogle検索順位で優遇化

2015年2月末、Google がスマホ対応サイトをモバイル検索で検索順位を優遇するという発表しました。PC の検索には影響しません。 Google、スマホ対応サイトをモバイル検索結果で優遇するアルゴリズム変更を発表、4 […]

ボタン
Photoshop不要!ボタン素材を自動生成してくれるButton Makerの使い方

Web 上にはボタンというものが至る所に存在しています。検索ボタン、閉じるボタン、送信ボタン、クリアボタン、これらは Web 上でよく見られるボタンです。 このボタン画像は一見簡単に見えて地味に手間がかかるんですよね。C […]

ダンボール
楽天の商品ページの納期情報の文字色やサイズを変更する方法

「楽天商品ページにある納期情報の文字色変えれる?」 突如放たれるその言葉。全く無茶を言ってくれますねと思いつつも、試行錯誤を始めます。試しに google で検索しても特に情報はありません。しかし、google の検索予 […]

amazons
Amazonの商品説明文に画像を載せられるようになりました「商品紹介コンテンツ」

Amazon の商品ページを想像してみてください。商品画像に商品説明がリストで列挙されている程度で実にシンプルですよね。楽天など他ショッピングモールと比べて商品アピール具合が大人しいと思いませんか? その理由は Amaz […]

kusoxtu
偽サイト蔓延、早期対策を!楽天偽サイトの探し方

楽天ショップを丸々コピーした偽サイトや、楽天市場を装った偽メールが蔓延していると楽天が注意を促しています。 楽天市場を装う偽サイトやメール出現 楽天が注意呼びかけ – ねとらぼ 私からすると今更?という印象で […]

Sold Out
あなたのショップは大丈夫?誤解を招く文言でお客様を逃しているかもしれません

日本語って難しいな。といつも切に思います。 例えば複数の必要条件があるキャンペーンをショップで打ち出す時、どのようにお客様にわかりやすくお伝えするか。本当に難しい事です。もちろん、長い文章で説明するのであれば簡単です。イ […]

上部広告

著者について

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

フォローはこちら

       

上部広告

       
airport
空港の売店で見かけるTax Freeとは何か?

飛行機をよく利用する人ならご存知かと思いますが、空港の売店には

スマホサイト
プラグイン無しで簡単に実現するスマホサイトの上からドロワーメニューの作り方【jQuery】

近年どこでもスマートフォン向けサイトが用意されているのが当たり前です。

sumaho-footer2
これを見れば簡単!スマホサイトのフッターメニューをサクッと作るサンプル

スマートフォンなどのモバイル端末でウェブサイトを見る人が急増し、今の時

gifuparking
名鉄岐阜駅直結の最も近い駐車場、24時間営業で2日以上停められます

名鉄岐阜駅から名古屋方面へ旅行やお出かけ、また中部国際空港へ電

wordpressengry
WordPress管理画面の投稿一覧で表示される投稿数を変更するには

WordPress の管理画面と言えば、WordPress でブログや

→もっと見る