jQueryでの「ユーザエージェント」を識別してのスマホ誘導バナー設置だけではモバイル フレンドリーとならなかったので内容を変更。
PCページに追加
<link rel=”alternate” media=”only screen and (max-width: 640px)”href=”スマホTOPページURL”>
スマホページに追加
<link rel=”canonical” href=”PCトップページURL”>
PCページに「ユーザエージェント」を追加
1 2 3 4 5 6 7 8 |
<script> var ua = navigator.userAgent; if( ua.indexOf('iPhone') > -1 || ua.indexOf('iPod') > -1 || ua.indexOf('Android') > -1 ) { if(confirm('●●●へようこそ。このサイトにはスマートフォン用サイトがあります。表示しますか?')) { location.href = 'スマホページURL'; } } </script> |
コメント