Web制作

リダイレクト設定|楽天GOLDのスマホトップページを自動表示する方法

楽天市場は、PCページについてはRMSでリダイレクト設定ができましたが
スマホページについてはその機能がありませんでした。

ですが、2018年7月から、スマートフォン版トップページについても
RMSでリダイレクト設定ができるようになりました!

これまでは別の方法でリダイレクト設定をしていたショップさんも
これを機会にRMSでの設定に切り替えましょう!

というわけで今回は、リダイレクトってなに?ってところから
リダイレクト設定の方法までを解説していきたいと思います!

リダイレクトってなに?

具体的な設定方法の解説に入る前に、基礎知識をちょっとお勉強です。

サムライ
サムライ
リダイレクトってなんでござるか?

というところです。

困ったときの強い味方。ウィキペディアを見てみましょう。

 

ウェブサイトにおけるリダイレクト(英:redirect)とは、ウェブサイトの閲覧において、指定したウェブページから自動的に他のウェブページに転送されること。
URLリダイレクト(URL redirection)とも言われる。

参考サイト:wikipedia -リダイレクト(HTTP)-

 

一般的には、公開しているウェブページのURLを変更した際に
元のURLにアクセスしてきたユーザーを新URLに誘導するために利用されます。

本サイトは移転しました。5秒後に新URLにジャンプします。

こんなメッセージ、ご覧になったことありますよね?
楽天市場のショップでもたまに見かけることがあると思います。

これがリダイレクト設定だぽ!

楽天市場もこの設定を利用して、
GOLD版トップページを自動表示させているわけです。

サムライ
サムライ
なるほどでござる。

リダイレクト設定の方法

リダイレクト設定の基礎知識が分かったところで
実際にスマホトップページのリダイレクト設定をしていきましょう!

①ファイルをダウンロードする

FFFTPなどのソフトを使って、GOLDサーバ上にある
スマホトップページのHTMLファイルをダウンロードしましょう。

ファイルをダウンロード
「index.html」っていうファイルだぽ!

②ファイル名を変更する

ダウンロードした「index.html」のファイル名を
「index_sp.html」というファイル名に変更して保存しましょう。

ファイル名の変更
このあとファイルの編集をするから
バックアップを取っておいた方が良いぽ!

③ファイルの記述を修正する

エディタソフトで「index_sp.html」を開いて、
「CSS」「画像(=image)」についての記載を修正してください。

それぞれに、手順①で「index.html」が入っていたフォルダ名を追記していきます。

フォルダ名が「smart」だった場合を例に見ていきましょう。

CSSについての記載の修正

【変更前】 href=”css/style.css”
  ↓
【変更後】 href=”smart/css/style.css”

変更するとこんな感じになります。

【変更後】
css部分の記載修正

つづいて、画像についての記載も修正しましょう。

画像についての記載の修正

【変更前】 src=”images/gk-post.jpg”
  ↓
【変更後】 src=”smart/images/gk-post.jpg”

【変更後】
image部分のタグ修正

この記載は画像の数と同じだけあるぽ!

編集が終わったらファイルを保存して閉じてください。

④ファイルをアップロードする

これでファイルの編集は完了したので、
編集後の「index_sp.html」をGOLDサーバにアップロードしましょう。

ただ、ここでアップロードする先は、手順①のフォルダではなく
GOLDサーバの1番上の階層です。

アップロードする階層

FFFTPのウィンドウ上部にある階層の表示が
「/(=スラッシュ)」だけになっていれば、そこが1番上の階層です。

⑤RMSでトップページ切替設定をする

アップロードができたら、RMSトップページ切替設定をします。

トップページ切替設定メニュー

RMS > 店舗設定 > 2.デザイン設定 > トップページ切替設定

上記の順番でRMS内のメニューを進んでいくと、以下のような画面が表示されます。

トップページ切替設定引用元:楽天市場「RMS」管理画面より

「楽天GOLDで作成したスマートフォン用トップページを表示する」を選択して
確認および登録を行うと、設定は完了です。

⑥スマートフォンで表示の確認をする

最後にお持ちのスマートフォン端末で表示の確認をしてください。

楽天の検索結果などのショップ名をクリックして
GOLD版のスマホトップページが表示されれば正常に設定が完了しています。

じーぽ
じーぽ
おつかれさまだぽ!

リダイレクト設定のまとめ

リダイレクト設定と言われると小難しい印象があるかもしれませんが
順を追ってやっていくと作業自体はとても簡単でしたよね!

今回ご紹介した方法は、楽天市場から正式な機能としてリリースされた内容ですので
まだべつの方法でリダイレクト設定をかけているショップさんは
お早めに設定変更されることをおすすめします。

この説明だけではよく分からないなど、ご不明点がございましたら
お気軽に当社までご相談ください。

サムライ
サムライ
お電話もしくはお問い合わせフォームからどうぞ
ABOUT ME
サムライ
元デザイナー。いまは技術全般いろいろ見てます。 デザインのちょっとしたコツやトレンド情報など、分かりやすくて役に立つ記事を公開していくでござる。

ネットショップ運営でお困りのことはありませんか?
お気軽にご相談ください。