楽天のトップページが楽天GOLDなためスマホだと楽天GOLD版のindexが表示される。

そのためスマホページへの移行を作成する必要が判明

しらべると


<script type="text/javascript">
// iPhoneまたは、Androidの場合は振り分けを判断
if (document.referrer.indexOf('playgroup-kiba.com') == -1 && ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0)) {
    if(confirm('このサイトにはスマートフォン用のサイトがあります。€表示しますか?')) {
        location.href = 'ここにスマホ用URLを入力';
    }
}
</script>


をindex.htmlのヘッダあたりにに入れたら移行の確認をとって遷移するようになった。

解説はよくは読んでない((=`・ω・´=))

参考ページ:http://ascii.jp/elem/000/000/557/557746/index-4.html


また調べてくとレスポンシブ・ウェブデザインなるものがあり
表示幅によりデザインがスマホ寄りになるというものがあるみたい。

参考ページ:http://allabout.co.jp/gm/gc/396787/

ソニーの個人向け製品ページhttp://www.sony.jp/を表示させて幅を変えたら
わかりやすいです。

こんな方法もあるんやねー