リアルコマース スタッフブログ

Real Commerce株式会社スタッフブログ

CLOSE

PCの独自ページをSPで見た際に、SPの独自ページに飛ばない件

makeshopはモバイルファーストインデックスではない等の理由から、PCの独自ページをSP環境で見た場合、自動でSPのページにジャンプしてくれません。
カテゴリーページや、商品ページ、利用案内や特商法のページは自動で遷移してくれるのにこれは意地悪です。対処しましょう。

セッティング

必ずcanonical設定を行ってください。
canonical設定を行うことで、alternate属性が自動で付与されます。
次に、PCフッターに次のjsをコピペすればOKです。

<script type="text/javascript">
var alternateUrl = $('link[rel="alternate"]').eq(0).attr('href');
if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
    // スマホ用のページにリダイレクトする
    location.href = alternateUrl;
}
</script>

仕組みとしてはごく簡単で、userAgentでモバイル端末を判定し、モバイル端末ならばalternateに指定してあるURLに飛ばすというだけです。
jqueryが必要ですので、jQueryを使っていない方は、各自読み込んで下さい。

この記事をシェアする