楽天GOLD（ゴールド）ページ作成完全ガイド【2026年最新】HTMLカスタマイズで売上を伸ばす方法

楽天市場で本格的な店舗デザインを実現するために欠かせないのが「楽天GOLD（ゴールド）」です。RMSの標準エディタでは表現しきれない自由なHTML/CSSカスタマイズが可能になり、ブランド力の訴求やユーザー導線の最適化に大きく貢献します。一方で、FTP接続やHTMLコーディングが必要になるため、初心者にとってはハードルが高いと感じることも少なくありません。さらに2023年以降、楽天GOLDの新規申込が停止されR-Storefrontへの移行が進んでいることから、既存のGOLDページをどう維持・移行すべきかという課題も生じています。この記事では、楽天GOLDの基本概念から実践的なHTMLテンプレート、スマホ対応テクニック、画像最適化、そしてGOLD廃止後の移行対応まで、楽天GOLDに関するすべてを体系的に解説します。

1. 楽天GOLDとは？標準ページとの違い

楽天GOLDは、楽天市場の出店者に提供されていた無料のWebサーバースペースです。通常、楽天市場の商品ページやカテゴリページはRMS（楽天管理システム）内のエディタを使って作成しますが、RMSのエディタはテンプレートに沿ったレイアウトしか使えず、デザインの自由度に制限があります。楽天GOLDを利用すると、HTMLファイル・CSSファイル・画像ファイルを自分でアップロードし、完全にオリジナルのページを構築できるようになります。

楽天GOLDが広く活用されてきた理由は、トップページ・カテゴリページ・特集ページなどを自由にデザインできるためです。たとえば、季節に合わせたビジュアルの変更、セール特集ページの作成、ブランドストーリーの訴求ページなど、RMSのテンプレートでは実現困難なページを自在に構築できます。楽天市場のトップ店舗の多くがGOLDを活用して独自デザインのトップページを構築しており、ブランディングと顧客体験の面で大きなアドバンテージを得てきました。

• 利用できるファイル形式 — HTML、CSS、JavaScript、JPEG、PNG、GIF画像ファイルをアップロード可能。PHPやサーバーサイドスクリプトは使用不可
• 楽天GOLDの提供状況（2026年時点） — 2023年に楽天GOLDの新規申込が停止され、代替としてR-Storefrontが提供開始。既存のGOLDユーザーは引き続き利用可能だが、将来的な完全廃止が予定されている
• GOLDを使うべきケース — 既にGOLDを利用中の店舗は、R-Storefrontへの移行計画を立てつつ現行GOLDページの最適化を継続する。新規出店者はR-Storefrontの利用が推奨される

2. GOLDページのメリットとデメリット

楽天GOLDは強力なツールですが、すべての店舗に最適というわけではありません。導入を検討する際は、メリットとデメリットを正しく理解した上で、自店舗の状況に合った判断をすることが重要です。

結論として、既にGOLDを利用中の店舗は、R-Storefront移行までの間は引き続きGOLDページの最適化を進めることが合理的です。ただし、新規にGOLDページを大量に作り込むのはリスクがあるため、移行コストを考慮して最小限の改善にとどめる判断も必要です。月商100万円以上の店舗であれば、GOLDによるデザイン強化で得られるCVR向上効果は投資対効果が十分に見合う水準です。

3. FTP接続とファイルアップロード方法

楽天GOLDを使うにはFTP（File Transfer Protocol）でサーバーに接続し、HTMLファイルや画像をアップロードする必要があります。FTPクライアントソフトを使った接続手順は以下の通りです。

FTP接続ができたら、ファイルのアップロードと管理を行います。楽天GOLDのサーバーにはルートディレクトリ直下にファイルを配置でき、フォルダを作成してカテゴリやページの種類ごとに整理することが推奨されます。

• ファイル名のルール — 半角英数字とハイフン（-）のみを使用する。日本語ファイル名は文字化けやリンク切れの原因になる。スペースも使用しない
• アップロード後の確認 — アップロードしたページは「https://www.rakuten.ne.jp/gold/店舗ID/ファイルパス」でブラウザからアクセスして表示確認する。キャッシュが効いて更新が反映されない場合は、ブラウザのキャッシュクリアまたはスーパーリロード（Ctrl+Shift+R）を行う
• バックアップの重要性 — FTPで誤ってファイルを削除・上書きすると復元できないため、ローカルPCに必ずバックアップを保持する。ファイルを更新する際は日付フォルダ（例: backup_20260516）にコピーを残してからアップロードする

4. HTML/CSSの基本テンプレート

楽天GOLDページをゼロから作成するのは時間がかかるため、まずは基本テンプレートを用意し、それをカスタマイズしていく方法が効率的です。ここでは楽天GOLDで使用するHTMLの基本構成と、最低限必要なCSSの設計について解説します。

HTMLの構造で特に重要なのは、楽天市場の共通ヘッダー・フッターとの整合性です。楽天GOLDページであっても楽天市場のナビゲーションバー（検索バー、カート、ログインなど）が表示されるため、そのスペースを考慮したレイアウト設計が必要です。楽天のヘッダーは約50px程度の高さがあるため、ページ上部のコンテンツが隠れないようにマージンを設定します。

• テンプレート入手方法 — 楽天GOLDのテンプレートは、楽天公式のデザインマーケットプレイスやEC制作会社のブログで無料配布されているものがある。有料テンプレートは1〜3万円程度で購入でき、レスポンシブ対応済みのものを選ぶと開発工数を大幅に削減できる
• JavaScriptの活用 — 画像スライダー、タブ切り替え、アコーディオンメニューなどの動的UIをJavaScriptで実装できる。ただし、楽天GOLDではjQueryなどのライブラリを自分でホスティングする必要がある。CDNからの読み込みも可能だが、表示速度への影響を確認すること
• テスト環境の構築 — HTMLファイルをアップロードする前に、ローカル環境（自分のPCのブラウザ）で表示確認する。ローカルではHTMLファイルを直接ブラウザで開くだけで確認可能。楽天GOLDにアップロード後は実際のURL上で再度確認し、楽天ヘッダー・フッターとの表示崩れがないかチェックする

5. スマホ対応（レスポンシブ）の実装

楽天市場のアクセスの7割以上がスマートフォンからのアクセスです。楽天GOLDで作成したページがスマートフォンで快適に閲覧・操作できなければ、大多数のユーザーを取りこぼすことになります。レスポンシブデザインの実装は必須と考えてください。

楽天市場のスマートフォン表示では、楽天独自のスマートフォン用ヘッダーとフッターが自動で付加されます。GOLDページのコンテンツはこのヘッダー・フッターの間に表示されるため、上下の余白設計が重要です。特にスマートフォン用フッターにはカートボタンやナビゲーションが固定表示されるため、ページ下部のコンテンツが隠れないようpadding-bottomを十分に確保します。

• テスト方法 — PC のブラウザのデベロッパーツール（F12キー）でスマートフォンの画面サイズをシミュレーションする。iPhone SE（375px幅）、iPhone 14（390px幅）、iPad（768px幅）の3サイズを最低限確認する
• 画像の出し分け — PCでは大きなバナー画像、スマホでは縦長のコンパクトな画像に切り替えることで、表示速度と視認性の両方を改善できる。CSSのdisplay: noneでPCのみ/スマホのみ表示を切り替えるか、HTML5のpicture要素を使って画面幅に応じた画像を自動選択する
• テーブルのスマホ対応 — 商品スペック表などのテーブルをスマホで見やすくするため、横スクロール（overflow-x: auto）にするか、CSSで縦積みレイアウトに変換する手法がある
• タッチ操作の最適化 — スマホではマウスホバーが使えないため、ホバーに依存したナビゲーション（ドロップダウンメニューなど）はタップで開閉する仕組みに変更する。CSSの:hoverをスマホ用に:activeや:focusに置き換え、JavaScriptでタップイベントを処理する

6. 商品ページのカスタマイズテクニック

楽天GOLDで最も効果を発揮するのが、商品ページのカスタマイズです。RMSの標準商品ページでは実現できないリッチな表現を加えることで、ユーザーの購買意欲を高め、転換率を大幅に向上させることができます。商品ページのカスタマイズには、RMSの「商品説明文」欄にHTMLを埋め込む方法と、GOLDページ上に独立した商品LP（ランディングページ）を作成する方法の2つがあります。

商品LP（ランディングページ）を楽天GOLDで作成する場合は、1つの商品に対して専用のHTMLページを作り、そこから楽天の商品ページ（カートに入れるページ）へリンクする構成が一般的です。LPは長尺の1ページ構成で、スクロールしながら商品の魅力を段階的に訴求し、最後にCTA（購入ボタン）へ導きます。

• iframeによる商品説明文への埋め込み — RMSの商品説明文欄にiframeタグを記述し、楽天GOLDにアップロードしたHTMLを読み込む方法がある。この手法を使うと、GOLDの高度なデザインを通常の商品ページ内に表示できる
• A/Bテストの実施 — GOLDページの商品LPを2パターン作成し、期間を分けて転換率を比較する。ヘッドラインの文言、ヒーロー画像、CTAボタンの色や文言を変えてテストし、効果の高いパターンを採用する
• 季節・イベント対応 — 楽天スーパーSALEやお歳暮シーズンなどに合わせて、商品LPのビジュアルやキャッチコピーを季節仕様に切り替える。GOLDページなら画像とテキストを差し替えるだけで簡単に対応できる

7. カテゴリページ・特集ページの作り方

楽天GOLDを使ったカテゴリページと特集ページは、店舗内の回遊率を高め、顧客の滞在時間を延ばす効果があります。RMSの標準カテゴリページは商品の一覧表示しかできませんが、GOLDで作成したカテゴリページならビジュアル豊かなレイアウトで商品を紹介でき、購買意欲を刺激します。

• トップページへの導線設計 — GOLDで作成したトップページから各カテゴリページ・特集ページへのリンクを設置する。ヘッダーナビゲーション、メインビジュアル下のバナーエリア、フッターリンクの3箇所に導線を置くことで、どの位置からでもアクセスできるようにする
• 更新頻度の目安 — カテゴリページは商品の追加・入れ替え時に更新する。特集ページは季節・イベントに合わせて月1〜2回の更新が理想。古い情報のまま放置すると店舗の信頼性が低下する
• 内部リンクの最適化 — カテゴリページ内で関連する他のカテゴリや特集ページへの内部リンクを設置する。ユーザーが「ついで買い」できる回遊導線を意識し、平均注文点数の向上を狙う

8. 画像の最適化とR-Cabinetの活用

楽天GOLDページの表示品質と読み込み速度を左右する最大の要因が画像です。高品質な画像はユーザーの購買意欲を高めますが、ファイルサイズが大きいとページの表示速度が低下し、離脱率が上がります。画像の最適化はGOLDページ運用において最重要タスクの一つです。

楽天GOLDの容量は100MBが上限であるため、画像の多い店舗ではすぐに容量が不足します。この問題を解決するのがR-Cabinet（楽天の画像サーバー）との併用です。R-Cabinetに画像をアップロードし、GOLDページのHTMLからR-CabinetのURLを参照する形にすれば、GOLDの容量を消費せずに大量の画像を利用できます。

• R-Cabinetの画像URLの取得方法 — RMSの「R-Cabinet」→画像一覧から対象画像を選択し、URLをコピーする。このURLをGOLDページのimgタグのsrc属性に設定する
• GOLDとR-Cabinetの使い分け — HTML、CSS、JavaScriptファイルはGOLDに配置する。バナー画像、商品画像、アイコン画像はR-Cabinetに格納する。CSSのbackground-imageでR-CabinetのURLを参照することも可能
• alt属性の設定 — すべてのimg要素にalt属性（代替テキスト）を設定する。商品名や画像の内容を簡潔に記述することで、画像が表示されない場合の代替情報提供と、SEO（検索エンジン最適化）の両方に貢献する
• 画像の命名規則 — 半角英数字とハイフンで構成する。例: 「winter-sale-banner-2026.jpg」「product-abc-main.jpg」。日本語ファイル名は文字化けの原因になるため厳禁

9. GOLD廃止後のR-Storefront移行対応

2023年に楽天GOLDの新規申込が停止され、後継サービスとして「R-Storefront」が提供されています。既存のGOLDユーザーは当面引き続き利用可能ですが、楽天は段階的にR-Storefrontへの移行を推進しており、将来的なGOLD完全廃止に備えた対応が必要です。

• 移行のタイミング — 楽天からの公式な廃止日アナウンスを待つのではなく、余裕を持って計画的に移行を進める。セール期間中の移行は避け、閑散期に実施するのが安全
• GOLDページのバックアップ — 移行前にGOLDサーバー上のすべてのファイルをFTPでローカルにダウンロードし、完全なバックアップを保持する。移行後に参照が必要になった場合の保険になる
• 外注の検討 — GOLDからR-Storefrontへの移行作業は、ページ数が多い場合は専門の制作会社に依頼するのが効率的。移行費用の目安は1ページあたり2〜5万円程度

10. まとめ：楽天GOLDページ活用のアクションプラン

楽天GOLDは、RMSの標準ページでは実現できないデザインの自由度を提供し、ブランディング・回遊率・転換率の向上に大きく貢献するツールです。一方で、HTMLの知識が必要なこと、スマホ対応を自分で実装する必要があること、そして将来的なR-Storefrontへの移行が避けられないことを踏まえた運用判断が重要です。

GOLDページの運用で最も重要なのは、見た目のデザインに凝ることよりも、ユーザーにとって使いやすく購買につながる設計を実現することです。美しいページを作っても、スマホで表示が崩れたり、読み込みに時間がかかったりすればユーザーは離脱してしまいます。デザイン性とユーザビリティのバランスを常に意識し、アクセスデータに基づいて継続的に改善を重ねることが成果につながります。

この記事で解説した10のポイントを参考に、自店舗のGOLDページを見直し、売上向上につなげてください。楽天市場は常にアップデートが行われるため、楽天からの公式アナウンスや出店者向けニュースを定期的にチェックし、最新情報に対応していくことも忘れないようにしましょう。