【至急】同一ＵＲＬで異なる内容

質問

同一ＵＲＬを前提として、ＰＣと携帯でそれぞれ異なる内容を表示したいです。

よく、同一ＵＲＬからＰＣと携帯を振り分けるスクリプトがありますがどうしても同一ＵＲＬで異なる内容を表示したいです。

探してもないので、相談させてください。

ＳＥＯ対策もしっかりしたいです。

詳しい方、教えてください。

回答No.4

kuzumiHK

（1）の方法は、cssファイル内で印刷用を@media printで分けるように、

@media only screen and (max-device-width:480px){

}

のような指定でスマートフォンや小画面用のレイアウトに分けたり、
meta name="viewport"などで調整すればいけると思います。

（２）は、他の方の提示されているURLや、
「PC ケータイ 判別 PHP」などで検索するといろいろでてきますので、
必要なメディアにあったものを参考にするのがいいと思います。

回答No.3

ORUKA1951

普通にHTMLをきちんと書いて、スタイルシートでデザインする、じゃまずいのですか？
・・いわゆるウェブ標準・・・
<!-- 一般的なディスプレイ -->
<link rel="stylesheet" type="text/css" media="screen" href="./screen.css">
<!-- PDAなど -->
<link rel="stylesheet" type="text/css" media="handheld" href="./handheld.css">
<!-- 固定フォント端末携帯電話 -->
<link rel="stylesheet" type="text/css" media="tty" href="./tty.css">
<!-- 印刷用 -->
<link rel="stylesheet" type="text/css" media="print" href="./print.css">
もしくは、
@media handheld{}

　とりあえず、CSSを
<link rel="stylesheet" type="text/css" media="screen" href="./screen.css">
として、パソコンやi-phoneだけが認識するようにするのが簡単ですね。

　ユーザーエージェントをHTTPサーバーが判断して提供するHTMLを変える手法やページをCGIに出力させる方法もありますが、膨大な端末にすべて対処するのは無理、またjavascriptだと停止している利用者には携帯用の画面が表示される。
　ごく簡単な方法としては、CSSをCGIに出力させてスタイルシートの選択ボタンをページトップに取り付けるとか・・

媒体型 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/media.html )
以降の記事を参照すること。

回答No.2

LOHA

＞３）は、どうしても最終的には異なるURLになりますので却下させていただきます。
異なるURLにはならないと思いますが。
mod_rewriteに関して：http://tech.bayashi.net/svr/doc/apache/mod_rewrite.html

１）の方法
http://linker.in/journal/2010/03/iphonecssphpjavascriptcss.php

２）の方法
携帯のUAの判別方法：http://memorva.jp/memo/mobile/http_user_agent.php
判別ができれば、あとはincludeするだけです。
http://neta.ywcafe.net/000372.html

回答No.1

kuzumiHK

(1)携帯サイトが、スマートフォンのみを指しているのであれば、
htmlを最適化してスタイルシートだけ切り替えて、
同じコンテンツを携帯用レイアウトに変える方法があります。

(2)古いケータイにも対応したくて、
コンテンツの内容も変えたい場合は、PHPなど動的なスクリプトで、
ユーザエージェントで判別して吐き出すものを変える方法があります。

(3).htaccessやサーバの初期設定を変える権限がある場合は、
下記のURLにその方法が書かれています。動作未確認ですが、
この方法であれば、静的ページを複数用意して同一URLで見ることが可能なようです。

▼参考URL
http://codersnote.com/archives/same-url-differ-layout-by-htaccess

お礼

ご回答ありがとうございます。

補足

３）は、どうしても最終的には異なるURLになりますので却下させていただきます。

１）と２）の参考ＵＲＬをご存知でしたらご紹介していただけないでしょうか？