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

tacsan

6年前

ホームページの運用 SEO対策
検索結果に表示される『PCサイト』のURLへのアクセスを、
『wordpress』の特定ページにリダイレクトする

課題。

java script による転送（リダイレクト）で、target の '_blank' を指定する必要がある・・・その方法は？

ディレクトリとドメイン名は、下図のような関係になっており、「www」のルートディレクトリが『PC用サイト』で、サブディレクトリの「wordpress」がモバイルフレンドリーなサイトになっている。

以下に、【 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。

iPad でこのPCサイトのURLをクリックすると、「wordpress」のページに遷移されるようになった。

しかし、” window.open は、『 iOS 』では使えない ” ため、PCサイト内ではインナーフレームに表示されてしまう。

以上。
(2018.08.16)