【必見】売上アップにつながる楽天の商品ページ作成方法とポイント解説

楽天ショップを運営している方必見！商品の魅力を最大限に引き出し、集客力を高めるために重要な役割を果たす「サムネイル」の作成方法とポイントを解説します。鮮明な画像や効果的なデザインを取り入れることで、顧客の興味を引きつけ、購買意欲を高めましょう！

Contents

1 サムネイルの重要性と役割
2 楽天市場のガイドラインを確認しよう！
3 写真の種類
- 3.1 白背景のメリット・ポイント
- 3.2 写真背景(イメージ写真)のメリット・ポイント
4 サムネイルを作成しよう！
5 困ったときは？
6 楽天の商品ページ作成の5つのポイント
7 楽天の商品ページ作成に役立つテンプレート
- 7.1 SketchPage for 楽天市場とは
- 7.2 compass（コンパス）for 楽天市場
8 まとめ
9 スマホ対応のページを見直す理由
10 スマホ目線で考える改善のポイント
11 まとめ

サムネイルの重要性と役割

ネットショップでのサムネイル画像は、「第一画像」と呼ばれることも多くあります。それは単なるサムネイルとしての意味や価値よりも強く、一枚目の画像が商品の顔として扱われている重要性を表しているからです。それにしたがって、重要性とその役割が大きい分、１枚目の画像に係る規約は厳しくなってきます。次に楽天市場で設けられているサムネイルについての規約について解説いたします。

楽天市場のガイドラインを確認しよう！

2018年7月19日より、楽天市場での出品にあたって重要となる公式なガイドラインが発表されました。以下にそれについて詳しく紹介します。

1.テキスト占有率は20％以内

楽天市場では、画像内におけるテキスト要素を含む占有率は20％以内にしなければならないという規約があります。ユーザーに与える視覚情報はテキストより画像の方が、商品詳細が伝わりやすいためです。テキストの要素には、企業やブランドのロゴについても含有率として含まれるので、注意が必要です。

2.枠線はNG

サムネイル画像には、枠線が使用不可となっています。これは、いかなる割合であっても、画像の四辺を囲むもの、帯状、L字型はすべて使用不可となっています。その他画像内に様々な理由によって形成された境界線も同様に枠線として認識されてしまう可能性もあるので、注意が必要です。

3.背景は白背景or写真背景

楽天市場での商品画像の背景は、白背景か写真背景のみに限られています。ここでいう白背景とは、RGB値（255、255、255）、カラーコードは#FFFFFFと指定されています。また、写真背景とは、商品とともに撮影された背景のことです。どちらも何が商品か、ユーザーが一目でわかるようなシンプルな画像にすべく、背景にも一層こだわらなければなりません。

4.合成はNG

画像内写真の合成も不可となっています。しかし、付属品の紹介やカラーバリエーション表現等の加工画像のみは許可されており、問題はありません。ユーザーにリアルな商品を提供できるよう、撮影も工夫を凝らしましょう。

写真の種類

規定されている背景の規定について、白背景と写真背景それぞれのメリットやそれに伴うポイントについて紹介します。

白背景のメリット・ポイント

商品背景を白一色にすることによって、シンプルでクリーンな印象を与えることができます。商品が背景から際立ち、視覚的に引き立つため、商品そのものにフォーカスを集めることができます。また、白背景は商品の詳細や色彩を鮮明に画面先に伝えることができるので、商品の細部や素材の質感までほぼ正確にユーザーは受け取ることができます。

写真背景(イメージ写真)のメリット・ポイント

写真背景（イメージ背景）を使用して商品を実際の環境や使用シーンを写真で表すことによって、商品の現実感を高めるとともに自身の使用シーンを想像しやすくなります。また、写真背景は他の商品・企業との差別化を図りやすく、自社のブランドスタイルやアイデンティティの表現も行いやすくなります。写真背景を使用することで、商品の魅力をより多角的に伝え顧客の興味を引きつけることができます。

サムネイルを作成しよう！

以上のポイントや留意点をもとに、自身でサムネイルを作成してみましょう。

オススメの作成ツール

画像作成はいくつものアプリやソフトが存在しますが、楽天での商品画像サムネイルを作成するにあたって有効的なツールを紹介します。
・テキスト要素カウントツール（店舗運営Navi）
これは、画像内に含まれるテキスト要素の％を判定してくれるとても便利なツールです。規約内容について効率的に活用しましょう。（楽天RMSへのログインが必要です）

作成のポイント①見やすくする

サムネイルの作成にあたっては、何よりも見やすさが重要です。この見やすさを追及する方法はいくつもあり、それらは上記で紹介した内容とも重複する点ではありますが、サイズ展開にも柔軟に対応できるシンプルでクリアな画像とすることが重要です。また、様々な規約内でいかに商品情報を正確かつ魅力的に工夫して表現できるかも重要です。

作成のポイント②統一感のある雰囲気にする

ネットショップでのサムネイル作成は、自社ブランドアピールの機会にもなるので、統一感を揃えることも重要です。それぞれの商品の魅力を表現しつつ、いかにショップ内でのサムネイルに統一感をもたせられるかが自社のアイデンティティ確立にも直結してきます。

困ったときは？

売れ筋の商品を見てアイデアをもらいつつ、自身のサムネイルに取り入れてみましょう！
様々なソーシャルメディアで重要視されているサムネイルですが、それはネットショップでも非常にウエイトの高い位置づけをされています。「売れる商品」を継続して出品できるよう、規約内で試行錯誤しつつ商品の魅力あふれるサムネイルを作成していきましょう。

「楽天に出品しているけど商品ページがイマイチ」
「魅力的な商品ページを作成するポイントを知りたい」
「ノウハウがなくても商品ページは作成できるの？」

楽天市場で出品する場合、商品ページのデザインや文章は売上に大きく左右します。実際出品されているショップオーナーさんの中には、商品ページの作り方が分からず上記のような悩みをお持ちの方もいらっしゃるかもしれません。

そこでこの記事では、売上アップにつながる楽天の商品ページ作成のポイントについて解説していきます。これから商品ページを制作する方、商品ページを改善し売上アップを狙いたい方は、最後まで読んで是非参考にしてみてください。

楽天の商品ページ作成の5つのポイント

ネットショップの売上の鍵となる商品ページですが、楽天市場のページ作成ではある程度フォーマットが決まっており１から作る必要はありません。しかしフォーマットが決まっている分、他ショップとの差別化が難しくなります。売れる商品ページを作るためには、商品画像や紹介文など工夫することが重要です。
商品ページ作成の際には以下の5つのポイントを押さえておきましょう。

・長文で丁寧な商品ページを作成する
・1秒で伝えるECデザインを作成する
・伝えたい情報は大きく、わかりやすく表現する
・パッ！と見てわかるように図や写真を使って作成する
・スマートフォンでの見やすさも重視する

それぞれ解説していきます。

長文で丁寧な商品ページを作成する

商品ページひとつ目のポイントは、長文で丁寧な商品ページを作成することです。Amazonでは商品スペックなどが分かりやすく記載されていることが重要視されますが、楽天市場では商品について詳しく丁寧に記載されていることも重要となります。

楽天市場はクーポン配布やポイントキャンペーンを日頃から行っており、「購入の意思はないが商品を見て回っている」というユーザーも多く滞在しています。そういったユーザーの興味を引くためにはスペックだけでなく、思わず買いたくなるような説明や具体例を商品ページ内に盛り込む必要があります。

長いページでも見たくなるように文頭で商品一番の特徴を表現し興味を引き、ページの中で商品を使うシーンや使用例を盛り込むことでユーザーが使用するイメージを具体的に伝えていきましょう。また「似た商品との違い」や「どのような悩みを解決してくれるか」などを考えた文章を完成させるのも重要です。

1秒で伝えるECデザインを作成する

1秒で伝えるECデザインを作成するのも売れる商品ページには欠かせないポイントです。ひと目でパッと分かりやすい商品ページはユーザーの滞在率がアップします。逆にページを訪れたものの何を販売しているのか、どんな特徴を持っているのかが分かりにくい場合はユーザーのページ離脱率は高くなります。

分かりやすいECデザインを作成するためには写真やテキスト、図などをバランスよく配置するのが重要です。たとえばテキストが多すぎると固いイメージを与えてしまいます。一方、画像ばかりだとごちゃごちゃとして見にくいページになります。分かりやすくバランスの良いページでユーザーの滞在率を高める工夫をしていきましょう。

伝えたい情報は大きく、わかりやすく表現する

伝えたい情報は大きく、わかりやすく表現するのもポイントです。写真やテキストの大きさやフォントを統一するのはページの一体感を作るには最適です。しかしながら一本調子で変化がないページはユーザーに伝わりにくく、インパクトにも欠けてしまいます。

ユーザーに興味を持ってもらうためにも、伝えたい情報の部分は変化を付けていきましょう。たとえば画像であれば、「商品の特徴がわかる部分を大きくする」「商品のキャッチコピーを入れる」など、インパクトを強める工夫が考えられます。またテキストであればイチオシのポイント部分のフォントを変えたり、太字で記載したりするとより効果的です。伝えたい情報に変化を付けてユーザーに伝わりやすいページを作っていきましょう。

パッ！と見てわかるように図や写真を使って作成する

ページのインパクトを上げたい場合はパッ！と見てわかるように図や写真を使って作成するのがポイントです。

楽天市場に限らずどのショッピングサイトでも、訪れたユーザーに商品を説明した文章をじっくり読んでもらえることは多くありません。しかし商品ページを訪れた際、図や写真に工夫がしてあり、ひと目で商品の詳細や特徴などを伝えることができれば、ユーザーの興味を引きやすくなり「もっと詳しく知りたい」という気持ちになってもらえる可能性も高まります。興味を持ったユーザーには商品の具体的な特徴や魅力を記載した紹介文を、読んでもらえるようになるため売上アップにもつながります。
インパクトのある写真や、商品の特徴や良さを分かりやすく伝える画像を組み合わせて、ユーザーに第一印象で興味を思ってもらえるような画像を作成していきましょう。

スマートフォンでの見やすさも重視する

ユーザーが買い物しやすいためにも、スマートフォンでの見やすさも重視なポイントです。スマートフォンとPCどちらで見られるようなWebデザインをレスポンシブデザインと言います。レスポンシブ対応でないサイトをスマートフォンで閲覧すると、画像が表示されなかったり文字が切れていたりなどの不具合が生じます。見にくい、読みにくい、使いにくいサイトはユーザーの利便性を損ねるため売上につなげるのが難しいというのは想像が付きやすいのではないでしょうか。

またマイボイスコム株式会社がおこなった「オンラインショッピングの利用に関するアンケート調査」ではスマートフォンでオンラインショップを利用したユーザーは年々増え続けているという結果がでています。（オンラインショッピングの利用のアンケート調査（17）｜ネットリサーチのマイボイスコム (myvoice.co.jp)）

今後ますます増加すると考えられるスマートフォンユーザーの販売機会を逃さないためにも、スマートフォンで見やすいサイト作りをしていきましょう。

楽天の商品ページ作成に役立つテンプレート

商品ページは、楽天のRMSを使って作成していきますが、中には「サイトのページ作成に時間をかけていられない」「初心者なのでちゃんと作れるか不安」といった方もいらっしゃると思います。そんな時に活用したいのが、楽天市場と提携している制作支援ツールです。

制作支援ツールにはページ作成に役立つテンプレートなどが豊富に用意されており、代表的なものに「compass（コンパス） for 楽天市場」「Biiino（ビーノ）for 楽天市場」「Biiino（ビーノ）for 楽天市場」などがあります。

SketchPage for 楽天市場とは

株式会社アラタナが提供していたのが楽天市場専用の商品ページ・画像作成アプリケーションが「SketchPage for 楽天市場」です。

約4000種類以上の豊富なデザイン素材の中から、ネットショップに最適のデザイン素材を利用することができスマートフォン用サイト、商品ページのデザインテンプレート、バナー用イラスト・画像など商品ページを構成するさまざまなものを作成することが可能です。

プロのイラストレーターが作成したクオリティの高いデザイン素材や、バレンタインやお花見など季節に合わせたデザイン素材も購入できるので、デザイン初心者でもオリジナリティ溢れる商品ページや販売促進用のバナー画像の作成がかんたんに可能です。
尚、2021年2月1日をもって『SketchPage for 楽天市場』は新規申込みを終了し、同年4月30日をもってサービスを終了しています。

compass（コンパス）for 楽天市場

「compass(コンパス) for 楽天市場」はハングリード株式会社が提供しているスマホショップページの自動生成ツールです。
楽天市場のオープン審査に必要な要素や、売れるショップに必要な要素が詰まったショップページが最短1日で作成可能なため、初心者でも安心して利用することができます。通常、楽天市場のページはパソコン表示ページとスマートフォン表示ページを別に作成する必要がありますが、compassではパソコンとスマートフォンで表示されるページを同時に自動作成してくれるのでレスポンシブ対応の心配もありません。

デザインの知識がなくても見やすくおしゃれなページ作成できるcompassは月額2,980円（税別）で利用できます。初回2ヶ月無料期間も付いているのでコストの面でも安心して導入できるでしょう。

まとめ

売上アップにつながる楽天の商品ページ作成のポイントについてご紹介してきました。
楽天市場で売れる商品にするためには、商品ページもしっかり作り込む必要があります。売れる商品ページにはさまざまなポイントがありますが、商品の説明が画像の選定、スマートフォンでの見やすさなどが特に重要です。
初心者向けの制作支援ツールもあるため、上手に活用することでプロ顔負けのオリジナリティ溢れるページも作れるかもしれませんね。

スマートフォンの普及により、ユーザーはますますモバイルデバイスでウェブを閲覧することが増えています。その中でも、オンラインショッピングサイトの利用は特に多く、楽天などの大手ECサイトもその一つです。しかし、スマホでの楽天ページの利用は時にストレスを感じることもあります。そこで本記事では、スマートフォン目線で楽天ページの見せ方を見直し、快適な利用環境を提供するための改善ポイント５つをご紹介します。これを読んで、より使いやすく、効率的に楽天を利用するためのヒントを得てください。

スマホ対応のページを見直す理由

現代、ECサイトでのネットショッピングを行うユーザーのほとんどがPCではなくスマートフォンとなっています。この現状から、スマホ対応のページを見直すことによる効果の最大化は想像できることでしょう。PC画面の多くはアスペクト（縦横）比が、4：3、16：10、16：9であり、そのほとんどが横長となっています。しかし、スマートフォン画面のほとんどは9：16の縦画面となっているため、ページの見直しはユーザーにとってストレスフリーなサイトの使いやすさのことを考えると必須事項と言えるかもしれません。

スマホ目線で考える改善のポイント

スマホ目線で考える改善のポイントについてご紹介いたします。

1. PCページとの情報量の差異をなくす

いくらPCページに注力して質の高いページを作成していたとしても、それらをしっかりとスマホでのページにも同情報や同クオリティで同期できていないとその差異で獲得できるユーザーも獲得し損ねる可能性も多くあります。できるだけその差異はなくすようにしましょう。

2. 画像や文字の大きさを意識する

上記の見直す理由にも記載した通り、PCとスマホとでは画面サイズが異なるため、ページ作成の同期も全く同じようにしてしまっては画像や文字が小さく見えにくくなってしまったり、画素数の粗さが目立ったりしてしまいます。画像や文字はスマホでもしっかりと最適化されて見えているか、確認をしましょう。

3. フリック画像を登録する

PCで商品ページを見る場合基本は上下スクロールになりますが、スマホでは上下左右のフリックも可能です。また、フリック画像を見ている人は、カート投入率も高い傾向があることも統計上あり、スマホユーザーの商品情報取得場所が浮彫となってきます。したがって、スマホ目線で考える場合のフリック画像はネットショップでは大きな意味を成しており、その重要性を図ることができるので、注力すべき箇所であることがわかります。

4. 読みやすい長さのページ

スマホでは、スクロール操作が主要な操作となるため、ページが長くなりすぎないようにすることが重要です。重要な情報や商品を上部に配置することで、ユーザーがスクロールしながら必要な情報にアクセスしやすくなります。また、商品情報についての文章も簡潔明瞭の短文にしてみたり、アイコン化してみるような工夫も必要です。