Yahoo!ストアのPCトップぺージ、スマホトップページ、トリプル<リダイレクト設定>

Yahoo!ストアでトリプルを使用する場合、パソコン版ストアトップページ、スマートフォン版ストアトップページ、トリプルでのパソコン版ストアトップページ、トリプルでのスマートフォン版ストアトップページの4つを持つことが可能です。

お客様が迷子にならないようにリダイレクト設定は重要です。

Yahoo!ストアのPCトップぺージとスマホトップページのURL

 

パソコン版ストアトップページ

 

https://store.shopping.yahoo.co.jp/ストアアカウント/

 

スマートフォン版ストアトップページ

 

https://m.shopping.yahoo.co.jp/store/ストアアカウント/

 

トリプルで作成したトップページ

 

https://shopping.geocities.jp/ストアアカウント/

 

※トリプルで作成したスマホトップページ(PCと別にした場合)<例>

 

https://shopping.geocities.jp/ストアアカウント/m/

ストアクリエイターProで用意されているリダイレクト設定

 

ストアクリエイターProのトップページ

ツールメニュー

B-Space・トリプル の 「リダイレクト設定」

 

パソコンリダイレクト設定

 

https://  store.shopping.yahoo.co.jp/ストアアカウント/

https://  shopping.geocities.jp/ストアアカウント/

 

スマートフォンリダイレクト設定

 

https://  m.shopping.yahoo.co.jp/store/ストアアカウント/

https://  shopping.geocities.jp/ストアアカウント/

 

※共にトリプルで作成したトップページにリダイレクトします。

トリプルで作ったページがレスポンシブでパソコン、スマホ共通であれば問題ないのですがパソコン、スマホぺージを別に作成した場合ストアクリエイターProで用意されているリダイレクト設定ではトリプルのスマホページには行けません。

スマートフォン版リダイレクト

 

これは上記のリダイレクト設定でスマホユーザーがパソコントップページに行ったとき、トリプルで作ったスマホページに誘導する方法です。

いろいろな方法がありますがヤフーがマニュアルで推奨しているのが下記の方法。

 

 

ストアアカウントは自分のものに変更、下から4行目のhttps://shopping.geocities.jp/ストアアカウント/smartphone/はスマートフォン用トップページ「index.html」ファイルを置いたフォルダに変更します。
※「m」ならhttps://shopping.geocities.jp/ストアアカウント/m/

そして「お買い物ガイド」や「会社概要」を下記で表示

 

 

最後に書かれているのが

SEOの観点ではリダイレクトを繰り返すとスコアが下がるとされていますので、JavaScriptによるリダイレクトよりこちらのレスポンシブウェブデザインの手法がお勧めです。

出来ればトリプルのページはレスポンシブウェブデザインが望ましいということです。

楽天ゴールドでスマホ専用ページを作成する<2018年7月25日以降の楽天RMSリダイレクト設定>
楽天のスマホページはタグの制限があるので裏技などを使って頑張る訳なんですが限界が・・・ そもそもアイフォンでは通常のHTMLでもアイフレーム(iframe)のイレギュラー表示に苦労するのに裏技でアイフレーム(iframe)を使って大丈夫なの...

コメント

タイトルとURLをコピーしました