HOME → 4 ホームページ作成 → 05 SEO → 

java script リダイレクトで target ‘_blank’ を指定する方法

ホームページの運用 SEO対策
検索結果に表示される『PCサイト』のURLへのアクセスを、
『wordpress』の特定ページにリダイレクトする
 
課題。
java script による転送(リダイレクト)で、target の '_blank' を指定する必要がある・・・その方法は?
 
ディレクトリとドメイン名は、下図のような関係になっており、「www」のルートディレクトリが『PC用サイト』で、サブディレクトリの「wordpress」がモバイルフレンドリーなサイトになっている。
 
fukusuudomain12
以下に、【 https://arakan60.mydns.jp/xxxx 】で『PC用サイト』の特定ページにアクセスされた時、【 https://arakan60.com/?p=xxxx 】という「wordpress」の特定ページにリダイレクトする方法を記す。
 

 

スポンサー リンク

 

 
 
背景。
①.『PCサイト』のURLがインデックスされ、
  常に上位に表示される。
  同じ内容の「wordpress」ページは検索結果に表示されない。
②.検索結果に表示されている
  『PCサイト』のURLがクリックされたとき、
  スマホからのアクセスであれば
  同じ内容の「wordpress」ページを表示したい。
 
課題:
①.スマホで『PCサイト』を閲覧している時,
  該当URLがクリックされると、
  「wordpress」ページに遷移してしまう。
②.『PCサイト』内ではフレームを多用しており、
  「wordpress」ページがインナーフレームに表示される。
③.そこで、リダイレクト時に '_blank' といった、
  【 target 】オプションを指定したい。
 
 
java script でURLを遷移させる通常の書き方
 
転送を行う際は、HTMLファイルの<head>~</head>内に、以下のように記述する。
 
URLを遷移させる java script の一般的な記述要領。
<script type=”text/javascript”>
<!?
setTimeout(“link()”, 0);
function link(){
location.href=’https://(転送先のURL)’;
}
?>
</script>
 
 
java script で新しいタブを開き、ページを表示させる書き方
 
window.open を使用すると  '_blank' が指定できる。
window.open('パス名', '_blank'); // 新しいタブを開き、ページを表示
 
 
java script でのモバイル機器判定要領
 
モバイル機器判定要領。
<script type="text/javascript">
// iPhone
if ( navigator.userAgent.indexOf('iPhone') > 0 ){
 
// iPad
} else if( navigator.userAgent.indexOf('iPad') > 0 ){
 
// iPod
} else if( navigator.userAgent.indexOf('iPod') > 0 ){
 
// Android
} else if( navigator.userAgent.indexOf('Android') > 0 ){
 
}
</script>
 
 
実装した java script の例
 
window.open は、『 iOS 』では使えない!!。
<!-- モバイル機器判定処理-->
<script type="text/javascript">
	
// iPhone
if ( navigator.userAgent.indexOf('iPhone') > 0 ){
 location.href = 'https://arakoki70.com/?p=833';
// iPad
} else if( navigator.userAgent.indexOf('iPad') > 0 ){
 location.href = 'https://arakoki70.com/?p=833';
// iPod
} else if( navigator.userAgent.indexOf('iPod') > 0 ){
 location.href = 'https://arakoki70.com/?p=833';
// Android
} else if( navigator.userAgent.indexOf('Android') > 0 ){
 window.open('https://arakoki70.com/?p=833', '_blank');
}
</script>
 
Google での検索結果に表示されているのは、PCサイトのURL。
Google での検索結果に表示されているのは、PCサイトのURL
  
iPad でこのPCサイトのURLをクリックすると、「wordpress」のページに遷移されるようになった。
iPad でこのPCサイトのURLをクリックすると、「wordpress」ページに遷移されるようになった
  
しかし、” window.open は、『 iOS 』では使えない ” ため、PCサイト内ではインナーフレームに表示されてしまう。
” window.open は、『 iOS 』では使えない ” ため、PCサイト内ではインナーフレームに表示されてしまう
  

以上。
(2018.08.16)

 

 

スポンサー リンク

 

             

 

 

 

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください