いわしブログ

京都のウィンドミル代表いわしのブログです。wordpressやfacebookの設定、ブログ運営について備忘録代わりに更新してます。最近は動画も作ってます。

*

楽天GOLDで作成したスマホ用トップページをリダイレクト表示する

   

楽天GOLD スマホトップページをリダイレクト

楽天GOLDで作成したスマホ用トップページをRMSからリダイレクトさせて表示する方法をご紹介します。

楽天ではスマホページのリダイレクトを公式に認めていないようで、スマートフォン用トップページ設定Q&Aの回答も「スマートフォン用店舗トップページでは、楽天GoldにアップしたHTMLを表示させる設定はできかねます。」となっています。

楽天RMSにもスマホ用トップページのリダイレクト設定項目が見当たらないので、トップ説明文内にリダイレクト用のmetaタグを記入するという裏ワザを使います。

裏ワザと言っても、作業はこの記事からmetaタグをコピペして貼り付けるだけ、とっても簡単です。

楽天GOLDの利用申請や、ファイルのアップロードでFTP設定を知りたい方はこちらをご覧ください。PC用トップページのリダイレクト方法も説明しています。

http://wind-mill.co.jp/iwashiblog/2017/03/rakuten-gold-toppage/

楽天GOLDで作成したトップページを表示する 楽天GOLD利用申請からFTP設定・RMS切り替えまで | いわしブログ

楽天スマホ用トップページ リダイレクト設定

RMSメインメニューから左側メニューの「デザイン設定」をクリックします。

楽天gold スマホリダイレクト設定

スマートフォンデザイン設定の「トップページ編集」に進みます。

楽天gold スマートフォンデザイン設定

トップページ編集の「トップ説明文」内に下記のコードを追加してください。metaタグの「http-equiv」属性で再読み込みを指定しています。

楽天gold リダイレクト設定

今回は楽天GOLD内にスマホページ用のフォルダ「sp」を作成して、ファイル名を sptop.html としました。店舗URLが「iwashiblog」の場合、コードのURLはこんな感じになります。

ちなみに、トップ説明文内ではmetaタグ入力は禁止されていますが、”refresh”の後ろにおまじないの「=””」を入れるとアラ不思議、なぜかOKになります。余計なコードだと思って除外するとエラーになるのでご注意を。

楽天スマホトップページ編集 エラー

コードを追加したら、一番下の「確認画面へ進む」をクリック、次に表示されるトップページ編集確認画面下の「登録する」ボタンをクリックしてください。

楽天gold スマホトップページ編集

「スマートフォン用トップページの設定が完了しました」と表示されたらOKです。これで楽天GOLDのスマホ用トップページにリダイレクトされるようになります。

楽天gold スマホトップページ編集

今回紹介した方法は、楽天で禁止されたタグを使用する裏ワザです。正式に認められた方法ではないので、楽天の仕様が変更されると使えなくなる可能性があります。リダイレクトされなくなった時のことを考えて、一応RMSにもスマホページを作成しておいてください。

あと、ショップロゴ等にトップページへのリンクを張っている場合は、楽天GOLDのスマホトップページに変更してくださいね。

 - 楽天