PC・スマートフォンサイトの振り分けについて

質問

パソコン用サイトと、スマートフォン用サイトを用意し、スマートフォンでパソコン用サイトにアクセスした場合に、スマートフォン用サイトに自動的に転送（振り分け）するようにしたいのです。

具体的には…。

例えば、

ＰＣサイトのアドレス：www.abc.com/index.html
スマートフォンサイトのアドレス：www.abc.com/sp.html

の場合、スマートフォンでＰＣサイト（www.abc.com/index.html）にアクセスした場合、自動的にスマートフォンサイト（www.abc.com/sp.html）に転送（振り分け）をしたいのです。

スマートフォンでＰＣサイト（www.abc.com/index.html）にアクセスした場合→スマートフォンサイト（www.abc.com/sp.html）へ自動的に転送したいのです。

その場合における、index.htmlに記述すべきJavaScriptの記述内容を教えてください。よろしくお願い致します。

回答No.1

ORUKA1951 · ベストアンサー

javascriptではなく.htaccessなどを使います。javascripを無効にしている場合利きませんし。

　ただ、このgooやWiki、あるいは新聞社のサイト、多くのポータルサイトなどは、そのような方法は使いません。なぜなら、膨大な種類の端末用に膨大な同じ内容のページを作成しなければならないこと。新しい端末が登場するたびに作成しなければならないことなど現実的ではないからです。

　そもそもHTML自体が
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
　HTML文書が、ブラウザやプラットフォームの違いを超えてうまく働くべきであるということは、多くが認めるところである。 相互運用性の達成は、コンテンツプロバイダのコストを低下させる。なぜならただ1種類の文書しか作る必要がなくなるからだ。
・・・【中略】・・・
　HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より

　あなたが作られたウェブページがHTMLで作成されていれば、基本的にはどの端末を利用してもちゃんと利用できるはずです。

　HTMLはそのためのものですから、だからあなたはそれを利用してウェブページを作成されてきたのでは？？？

　基本的な手順は、
1) 率直にHTMLを作成します。
　PCはむろん携帯電話でも、点字端末でも、スクリーンリーダーでも、さらには検索エンジンでも内容が理解できるはずですね。
2) スタイルシートでそれぞれのメディアごとにスタイルシートを書きます。
3) スクリーンリーダーや印刷用が必要ならそれも書いておきます。

　それだけです。同じ内容を複数アップロードするとgoogleから蹴られる場合もあります。

　スマホのみのページがあれば、それはPC用の画面には表示されないようにすれば良いです。
★スタイルシート 振り分け - Google 検索 ( https://www.google.co.jp/#hl=ja&safe=off&output=search&sclient=psy-ab&q=%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88+%E6%8C%AF%E3%82%8A%E5%88%86%E3%81%91&oq=%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88+%E6%8C%AF%E3%82%8A%E5%88%86%E3%81%91&gs_l=hp.3..0.2223.9959.1.10701.14.14.0.0.0.0.161.1519.5j9.14.0...0.0...1c.1.N8bpDWsWLLU&psj=1&bav=on.2,or.r_gc.r_pw.r_qf.&fp=48f3c4124b1fe95e&biw=1016&bih=611 )

お礼

ORUKA1951さん：

大変に詳しく説明を有難うございました。解り易い説明で、とても勉強になりました。そして参考になりました。

お忙しい中、有難うございました。