SPページをメインにしたい場合の方法

Question

お世話になっております。

現在、PC用htmlとSP用htmlの2つがあり、
PCのhtmlファイルと同等レベルにspフォルダを作り、
spフォルダの中にSP用のhtmlファイルを置いています。

Google検索には、PCのhtmlファイルのみ表示させるようにし、
SP端末がGoogle検索等でPCのhtmlファイルにアクセスした時は、
SPのhtmlファイルに自動でリダイレクトするようにしています。

このページ内容ですが、SPからのアクセスが多いため、
SPとPCサイトの上下をひっくり返し、

SPと同等レベルにpcフォルダを作り、
pcフォルダの中にSP用のhtmlファイルを置きたい。
かつ、GoogleにはSP用のhtmlを認識させたい。

と言っています。

現状は、

下記サイトを参考にして、javaスクリプトで制御しているのと、
http://www.radia.jp/sp-pc-redirect/

rel="alternate"、rel="canonical" 
で制御しております。

無理やり


if ((navigator.userAgent.indexOf('iPhone') == -1 && 
navigator.userAgent.indexOf('iPad') > 0) || 
navigator.userAgent.indexOf('iPod') == -1 || 
navigator.userAgent.indexOf('Android') == -1  || 
navigator.userAgent.indexOf('Windows Phone') == -1) {
	location.href = '/pc/';
}


と記載して、SP用htmlからPC用htmlファイルに飛ぶようになりましたが、
このやり方が正しいのか分かりません。
（Googleのディベロッパーツールで見ると、PC用htmlとSP用htmlを激しく行き来します）

また、.htaccessファイルは、全体的に
wwwあり、wwwなしの制御等に使いたいと思っています。


【質問】
上記を踏まえて質問させていただきます。

要望されている、spサイトが上位、pcサイトが下位フォルダ構成で
１）spサイトのみGoogle検索結果にヒットさせることはできるのでしょうか。
　　（spサイトをメインとGoogleに検索させる）
２）無理やり、、、に続くscriptの入れ方はよいものなのでしょうか。
３）javaスクリプトでspサイトにアクセスしたpc端末ユーザのみをpcサイトにリダイレクト
　　させるにはどうすればよいでしょうか。
４）javaスクリプト以外で、楽に、正しく制御できる方法があればお教えいただけますでしょうか。


お手数おかけしますが、よろしくお願いします。

Accepted Answer

ECマスターズの田中です。

> １）spサイトのみGoogle検索結果にヒットさせることはできるのでしょうか。
> 　　（spサイトをメインとGoogleに検索させる）

https://developers.google.com/search/mobile-sites/mobile-seo/separate-urls?hl=ja
上記ページにて解説されている、




これら各タグの設定を
問題なく行われている場合、
先程ご案内差し上げたページにもあります通り、
Googleのアルゴリズムが２つのページの関係を把握した上で適切な処理を行いますので、
kbtkさんの意志でどちらかだけをヒットさせる、というのは
できないのではないか、と考えております。

そのため、ディレクトリの入替えもあまり意味はないと考えておりますが、
念の為、入替えを行うものとしてご案内いたします。

> ２）無理やり、、、に続くscriptの入れ方はよいものなのでしょうか。

この条件をある程度噛み砕いて日本語にすると、

閲覧に使っている端末が
「iPadであり、かつ、iPhoneでない」または
iPodではない、または
Androidではない、または
Windows Phoneではない

となるのですが、たとえば途中の
「iPodではないか、Androidではないか、いずれかに当てはまる端末」
というのは、私が知りうる限りほぼすべての端末が満たす条件のため、

このJavaScriptが記載されたページにアクセスすると、
どのような端末、どのようなスマートフォンであっても、
必ずPC用のディレクトリに転送されてしまいます。

> （Googleのディベロッパーツールで見ると、PC用htmlとSP用htmlを激しく行き来します）
こちらは、スマートフォンでアクセスしたことにより、
PCへの転送とSPへの転送で無限ループが発生した結果である可能性が高いです。
お客様の端末にも負荷がかかりますので、発生しないようにお願いします。

> ３）javaスクリプトでspサイトにアクセスしたpc端末ユーザのみをpcサイトにリダイレクト
> 　　させるにはどうすればよいでしょうか。

元々の条件の対偶を取って、
下記のように条件をご設定いただければ結構です。


if ((navigator.userAgent.indexOf('iPhone') == -1 ||
navigator.userAgent.indexOf('iPad') >= 0) && 
navigator.userAgent.indexOf('iPod') == -1 && 
navigator.userAgent.indexOf('Android') == -1 &&
navigator.userAgent.indexOf('Windows Phone') == -1) {
location.href = '/pc/';
}


> ４）javaスクリプト以外で、楽に、正しく制御できる方法があればお教えいただけますでしょうか。

制御方法のバリエーションとしては、貼り付けていただいた
http://www.radia.jp/sp-pc-redirect/
にまとめられている通りとなり、
楽に制御できる方法、というのは存じ上げません。

「楽に正しく」というお話からは若干逸れますが、
JavaScriptはお客様が通信で読み込んだ上に、お客様のPC上で動作する仕組みなので、
多少ながら読み込み時間を余計に作ってしまいます。
サーバ上で制御し、お客様に意識させることのない、
.htaccessによる制御をオススメします。

RewriteEngineの書式を覚えた上で、wwwの処理と両立させる必要がございますが、
お客様がスムーズにページを閲覧できるようになるために、
ぜひ導入をご検討いただきますようお願いします。