楽天サイトをモバイル フレンドリーにする

jQueryでの「ユーザエージェント」を識別してのスマホ誘導バナー設置だけではモバイル フレンドリーとならなかったので内容を変更。

 

PCページに追加

<link rel=”alternate” media=”only screen and (max-width: 640px)”href=”スマホTOPページURL”>

スマホページに追加

<link rel=”canonical” href=”PCトップページURL”>

PCページに「ユーザエージェント」を追加

<script>
var ua = navigator.userAgent;
if( ua.indexOf('iPhone') > -1 || ua.indexOf('iPod') > -1 || ua.indexOf('Android') > -1 ) {
	if(confirm('●●●へようこそ。このサイトにはスマートフォン用サイトがあります。表示しますか?')) {
		location.href = 'スマホページURL';
	}
}		
</script>

 

コメント

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