楽天の店舗トップページの作り方｜役割・構成・編集方法

結論から言うと、楽天の店舗トップページは「店の顔」であり「回遊の起点」です。 大バナーで今の推しを見せ、カテゴリ・特集・ランキング・おすすめ商品を並べて店内を巡らせる。編集はRMSの「新店舗トップページ」でパーツを選び、画像やテキストを入れ、プレビューで確認して反映する——この3ステップが基本です。本記事は役割・必須要素・RMSでの編集手順・スマホ表示の注意を順に解説します。

楽天の店舗トップページは、単なる表紙ではありません。商品ページから流入したお客様が「他にどんな商品があるのか」「どんな店なのか」を確かめに戻ってくる、店内回遊の中継地点です。ここを整えるほど、離脱を防ぎ、ついで買いを後押しできます。

楽天の店舗トップページの役割とは

店舗トップページの役割は、お店を訪れたお客様に「お店の特徴」を伝えることです。店舗情報・キャンペーン情報・商品情報などを、店の顔としてまとめて掲載します。

掲載する情報の例は次のとおりです。

なぜトップページが「回遊の起点」なのか

お客様の多くは、検索や広告から商品ページに直接たどり着きます。そこで興味を持った人が「他の商品も見たい」と思ったとき、店舗トップページを経由して店内を回遊します。

回遊が生まれると、主に2つの効果が期待できます。

1. 店舗離脱を防ぐ——店内に別の入口があると、他店へ移らず自店に留まりやすくなります。
2. 客単価を上げる——回遊の途中で目に入った商品が、ついで買いにつながります。

つまりトップページは「1商品で終わらせない」ための仕掛けです。商品ページの作り込みと合わせて整えると効果が高まります。商品ページ側の作り方は「[楽天の商品ページの作り方](https://rakurip.com/ec/rakuten-shohin-page/)」で解説しています。

楽天の店舗トップページに載せる必須要素

トップページに置きたい要素を、役割別に整理します。上から順に「掴む→巡らせる→背中を押す」の流れで並べるのが基本です。

特集や読み物で回遊を深めたい場合は、楽天のコンテンツページが有効です。仕組みは「[楽天のコンテンツページとは](https://rakurip.com/ec/rakuten-contents-page/)」を参照してください。自由度の高いデザインで作り込みたい場合は「[楽天GOLD](https://rakurip.com/ec/rakuten-gold/)」という選択肢もあります。

RMSでの楽天店舗トップページの編集方法

以前と現在の違い

以前の店舗トップページは、PC用とスマホ用を別々に編集する方式でした。現在は2022年から使える「新店舗トップページ」が主流で、スマホ用を作って反映するとPC用も連動して変わります（PC用新店舗トップへ移行済みの店舗が対象）。編集は「パーツ」を組み合わせるパズル方式です。

編集画面の場所（RMSメニュー動線）

RMSトップ → 店舗設定 → トップページ設定 → スマートフォンデザイン → トップページ管理・編集 から入り、[ページを新規作成]で編集を始めます。

基本の3ステップ

新店舗トップページの編集は、次の3つを繰り返すだけです。

1. パーツを選ぶ——左側のパーツ一覧から追加、またはドラッグ&ドロップで配置。
2. 中身を入れる——画像はR-Cabinetから選択、テキストは直接入力。
3. プレビュー→反映——スマホ/PCの見た目を確認し、問題なければ反映。

セール期間だけ差し替えたいときは、反映時に表示期間（開始・終了日時）を指定すれば、期間限定トップとして予約公開できます。

主なパーツと推奨サイズ（2026年1月時点・楽天市場推奨）

※パーツ仕様は楽天側で随時更新されます。最新はRMS店舗運営Naviで確認してください。

楽天店舗トップページのスマホ表示で気をつけること

楽天の流入はスマホが中心です。PCで整っていても、スマホで崩れれば意味がありません。次の点を押さえます。

• ファーストビューで用件を伝える——最上部の大バナーだけで「何の店か・今の推し」が伝わる状態にする。
• 画像は速度と見やすさの両立——高精細でも重すぎない容量に。R-Cabinetは画像1枚あたり縦最大3,840pxが目安。
• 文字を画像に焼き込みすぎない——見出し全角12字・テキスト全角30字などの制限を踏まえ、テキストパーツを併用する。
• タップしやすい間隔——バナーやボタンは指で押しやすいサイズ・余白を確保。
• スライド（自動回転）は枚数を絞る——多すぎると読み込みが重く、伝わりにくくなる。
• 公開前に実機プレビュー——反映前にスマホ実機での見え方と動作を必ず確認する。

よくある質問（FAQ）

Q. 楽天の店舗トップページはスマホとPCで別々に作りますか？ A. 新店舗トップページでは、スマホ用を作って反映するとPC用も連動して変わります（PC用新店舗トップへ移行済みの店舗が対象）。基本はスマホ起点で設計します。

Q. トップページはどこから編集しますか？ A. RMSトップ → 店舗設定 → トップページ設定 → スマートフォンデザイン → トップページ管理・編集、から入ります。

Q. セール期間だけトップページを差し替えられますか？ A. できます。反映時に表示期間（開始・終了日時）を指定すると、期間限定トップとして予約公開できます。

Q. トップページに必ず載せるべき要素は何ですか？ A. 大バナー（メインビジュアル）、カテゴリ・特集への導線、店舗内ランキング、おすすめ／目玉商品、レビューが基本です。回遊の起点として「掴む→巡らせる→押す」の順に並べます。

Q. 画像サイズの目安は？ A. 大バナーは横1080×縦168〜1920px、小バナーは横540×縦360〜540pxが楽天市場の推奨です（2026年1月時点）。仕様は更新されるため、最新はRMSで確認してください。