モバイルサイトの影響でPCサイトが見れなくなった

このQ&Aのポイント
  • モバイルサイトのリニューアルのために.htaccessを設定した結果、PCサイトが閲覧できなくなった。
  • 携帯サイトではCSSが適用され、xhtml形式で表示されるが、PCサイト(safariとfirefox)では表示されない。
  • .htaccessを編集してモバイルからのアクセスに適用する方法を探している。
回答を見る
  • ベストアンサー

モバイルサイトの為に作った.htaccessの影響でPCサイトが見れなくなった

当方、WEB関係の仕事していて、 某ポータルサイトを運営しているのですが、 携帯サイトのリニューアルということで、 まず携帯TOPページをxhtmlでより見栄えよく作ろうと色々調べた結果 docomoの癖が強く .htaccessというものをサーバーに上げる作業が必要みたいで AddType application/xhtml+xml .html と書いたものを上げました。 携帯サイトは無事CSSが適用され、 xhtmlを見れるようになりましたが、 もともとあったPCのWEBサイト(safariとfirefox)が見れなくなりました。IE6で見てるところ問題ありませんでした。 おそらく.htaccessが同ディレクトリにあるからだと思いますが、 携帯サイトもPCサイトも同じサーバー内多大な数のページがありまして 今の現状のままで .htaccessをいじってなんとかできないでしょうか? モバイルからのアクセスのみ適用されるなど。。 参考までにWEBページの共通のヘッダーが <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "​http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">​ <html xmlns="​http://www.w3.org/1999/xhtml">​ <head> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> 今回リニューアルのために作った携帯TOPのヘッダー <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="​http://www.w3.org/1999/xhtml"​ lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" /> よろしくお願いします。

  • peco33
  • お礼率79% (123/154)

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

ディレクトリを作成してモバイルページとhtaccessをそのディレクトリ内部に全部まとめれば解決すると思います。 URLは変更になるでしょうけど・・・ つまり単刀直入に言えば、htaccessと同一階層または下位階層にあるものは全部htaccessの影響を受けるので、htaccessそのものを下位階層に移動させよってことです。

peco33
質問者

お礼

回答ありがとうございます。 そちらの方法考えましたが、サーバー内のページには多大な数があります。 また、その半数以上のページにはQRコードを作成、印刷物の媒体に出しております。今のURLのままで現状のまま、回避する策はありませんか? 携帯ページにしか、有効にならないっていうのが理想です。

その他の回答 (2)

noname#108428
noname#108428
回答No.3

1の回答の通り、ディレクトリを分割しましょう。 そして、元のURLにアクセスがあったら、 新たに作ったディレクトリにリダイレクトしましょう。 .htaccessで可能です。

peco33
質問者

お礼

回答ありがとうございます。 やはりそのやり方になりますか。。 80ページくらいにそれぞれ.htaccessで移動させるんですよね。 もう少し考え見ます。

回答No.2

1です。 書き忘れておりましたが、3キャリア共通のXML <?xml version="1.0" encoding="shift-JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=shift-JIS" />

peco33
質問者

お礼

ありがとうございます。 携帯ページのヘッダーはそのようにすればいいのですね。 後は、.htaccessだけですね

関連するQ&A

  • モバイルサイトの為に作った.htaccessの影響でPCサイトが見れなくなった

    当方、WEB関係の仕事していて、 某ポータルサイトを運営しているのですが、 携帯サイトのリニューアルということで、 まず携帯TOPページをxhtmlでより見栄えよく作ろうと色々調べた結果 docomoの癖が強く .htaccessというものをサーバーに上げる作業が必要みたいで AddType application/xhtml+xml .html と書いたものを上げました。 携帯サイトは無事CSSが適用され、 xhtmlを見れるようになりましたが、 もともとあったPCのWEBサイト(safariとfirefox)が見れなくなりました。IE6で見てるところ問題ありませんでした。 おそらく.htaccessが同ディレクトリにあるからだと思いますが、 携帯サイトもPCサイトも同じサーバー内多大な数のページがありまして 今の現状のままで .htaccessをいじってなんとかできないでしょうか? モバイルからのアクセスのみ適用されるなど。。 参考までにWEBページの共通のヘッダーが <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "​​http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">&a...​ <html xmlns="​​http://www.w3.org/1999/xhtml">​​ <head> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> 今回リニューアルのために作った携帯TOPのヘッダー <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.0) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="​​http://www.w3.org/1999/xhtml"​​ lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" /> .htaccessと携帯サイトのURLのディレクトリを変える以外の方法で いい方法があればよろしくお願いします。

    • ベストアンサー
    • HTML
  • 携帯サイトでphpを使いdocomo宣言をすると、PCで上手く表示されない

    現在、携帯サイトを作っているのですが、下記のような書き方だとdocomoではCSSもきいて上手く表示されるのですが、I Eで表示させようとするとダウンロード画面が出てきます。 PC、携帯、共に同じ表示にさせたいのですが、どうすればいいでしょうか。 ご教授お願いします。 <?php header("Content-type: application/xhtml+xml;charset=Shift_JIS"); ?> <!DOCTYPE html PUBLIC "-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/1.1) 1.0//EN" "i-xhtml_4ja_10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_JIS" />

    • ベストアンサー
    • PHP
  • i-modeでxhtmlをみるには、、

    Perlからxhtmlをはきだして、i-modeで見れるようにしたいのですが、 表示がうまくいきません。 ヘッダーは Content-type: text/html; charset=Shift_JIS <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> こんな感じです。 「Content-type: text/html; charset=Shift_JIS」の部分を 「Content-Type: application/xhtml+xml」や 「Content-Type: application/xhtml」等でやっても表示されませんでした。 もし分かる方がいましたら教えてください。 宜しくお願いします。

    • 締切済み
    • XML
  • xhtmlのスタイルシートについて

    <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta name="robots" content="noindex,nofollow,noarchive" /> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> t { color : 407133; k { color : 337060; r { coior : 454580 &gt; </style> ↑どこか間違っているところがありましたら教えてください。 <span class="#407133">てすと</span> 文字色が変わりません。 どなたか指摘願います。

  • 携帯サイトの雛形を作ったのですが、

    携帯サイトの雛形を作ったのですが、 xhtml形式になっているので、修正が必要と言われました。 おそらく最初の数行(xhtmlと書いてある箇所)を html用に修正するのだと思うのですが、わかりません。 (とりあえずこのソースでもほとんどの携帯で表示はされるようです) 1行目は削除とも言われました。 そのほかのエラーはクレセントイブですべて修正したのでだいじょうぶだと 思うのですが・・・。 なるべく多くの機種で表示されないといけません。 どなたかどこをどう修正するのか具体的に教えていただけますか? <?xml version="1.0" encoding="Shift_JIS" ?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml ; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta name="description" content="比較ランキング"> <title>比較ランキング</title> </head> よろしくお願いします。

    • ベストアンサー
    • HTML
  • PHP 携帯・PC 振り分け

    こんにちはphpの振り分けについてご教授お願いします。 http://www.abc.jp/→PCサイト(/home/abc/www/の中身) http://m.abc.jp/→mobileサイト(/home/abc/www/mobile/の中身) とした場合、PCからmobileサイトにアクセスがあった場合pcサイトに飛ばし、携帯からPCサイトにアクセスがあった場合mobileサイトに飛ばすといったようなことをしたいのですが、下記の内容でdoctype宣言をおこなった場合どのように記述したらよろしいでしょうか? 下記の記述は別ファイルに記述し、index.phpまたは他の.phpに読み込まして各キャリアをdoctype宣言で振り分けしています。 下記の記述はネット上から見つけてきたものです。 http://www.kamitani79.com/2008/10/doctypephpssi.html <?php $agent=$_SERVER['HTTP_USER_AGENT']; if(preg_match("/DoCoMo/", $agent)) { print ("<?xml version=\"1.0\" encoding=\"Shift_JIS\"?>\n"); print ("<!DOCTYPE html PUBLIC \"-//i-mode group (ja)//DTD XHTML i-XHTML(Locale/Ver.=ja/2.3) 1.0//EN\" \"i-xhtml_4ja_10.dtd\">\n"); print ("<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"ja\" xml:lang=\"ja\">\n"); print ("<head>\n"); print ("<meta http-equiv=\"Content-Type\" content=\"application/xhtml+xml; charset=Shift_JIS\" />"); } elseif(preg_match("/KDDI\-/", $agent)||preg_match("/UP\.Browser/", $agent)) { print ("<?xml version=\"1.0\" encoding=\"Shift_JIS\"?>\n"); print ("<!DOCTYPE html PUBLIC \"-//OPENWAVE//DTD XHTML 1.0//EN\" \"http://www.openwave.com/DTD/xhtml-basic.dtd\">\n"); print ("<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"ja\" xml:lang=\"ja\">\n"); print ("<head>\n"); print ("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=Shift_JIS\" />"); } elseif(preg_match("/J\-PHONE|Vodafone|MOT\-[CV]980|SoftBank/", $agent)) { print ("<?xml version=\"1.0\" encoding=\"Shift_JIS\"?>\n"); print ("<!DOCTYPE html PUBLIC \"-//J-PHONE//DTD XHTML Basic 1.0 Plus//EN\" \"xhtml-basic10-plus.dtd\">\n"); print ("<html xmlns=\"http://www.w3.org/1999/xhtml\" lang=\"ja\" xml:lang=\"ja\">\n"); print ("<head>\n"); print ("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=Shift_JIS\" />"); } else { print ("<?xml version=\"1.0\" encoding=\"Shift_JIS\"?>\n"); print ("<!DOCTYPE html PUBLIC \"-//WAPFORUM//DTD XHTML Mobile 1.0//EN\" \"http://www.wapforum.org/DTD/xhtml-mobile10.dtd\">\n"); print ("<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"ja\">\n"); print ("<head>\n"); print ("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=Shift_JIS\" />"); } ?> ご教授お願いいたします。

    • ベストアンサー
    • PHP
  • 下記のタグの中で必要ないのはありますか?

    (1) <?xml version="1.0" encoding="UTF-8"?> (2) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> (3) <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> (4) <head> (5) <title>●●●●●●●●</title> (6) <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> (7) <meta http-equiv="Content-Style-Type" content="text/css" /> (8) <meta name="robots" content="INDEX,FOLLOW"> (9) <meta name="description" content="●●●●●●●●"> (10) <meta name="keywords" content="●●●●●●●●"> (11) <meta name="content="●●●●●●●●" /> (12) <meta http-equiv="Content-Script-Type" content="text/javascript"> (13) <meta http-equiv="Content-Style-Type" content="text/css"> (14) <link href="css/A1.css" rel="stylesheet" type="text/css" /> (15) <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

  • サイトの文字化け防止

    サイトがたまに文字化けして  「?R???e???c?E???j???[」こんな感じになってしまいことがあります。 これを防止するにはHTMLの文字宣言をどう書けばいいのでしょうか? HTMLをちょっと忘れ気味なんですが、ヘッダーの前にこのように書きました。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=Shift_JIS" />

    • ベストアンサー
    • HTML
  • 基本的なことですがXML宣言について教えてください。

    XHTMLでホームページを作成しようと、 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> から書き始めているのですが、画面上では文字化けしないものの、メールフォームなどに受け渡しをするとどうしても文字化けがおこり、直りません。 ホームページのトップページにフォームを設置して、そこまで普通に文字化けもせずに表示されますが、確認ボタンを押すと画面全てが文字化けします。 CGIを考慮してShift-Jisで作成をしていますが、どうしてでしょうか? 他に宣言される場所とかあるのでしょうか? 何かいいアドバイスがあればご教授下さい。 宜しくお願いします。

    • 締切済み
    • XML
  • 携帯サイトでソフトバンクだけ接続されない

    携帯サイトを作っています。各キャリアのエミュレーター、firefoxのアドオン「FireMobieSimulator」では問題なく表示されるのですが、ソフトバンクの実機ではなぜか接続されません。機種によっては「お客様の端末からは接続できません」というようなエラーメッセージが出ます。 最初は、絵文字変換スプリクトのせいかと思い、それを削除した状態でアップロードしてもつながりません。 ソースは下記のようになっています。 何か問題がありましたら、教えていただければと思います。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="application/xhtml+xml ; charset=Shift_JIS" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="pragma" content"no-cache" /> <meta http-equiv="cache-control" content="no-cache" /> <meta http-equiv="expires" content="-1" /> <meta name='robots' content="all"> <meta name='description' content=""> <meta name="keywords" content=""> <style type="text/css"> <!-- a, a:link {color:#000099;} a:visited {color:#000099;} a:active {color:#ffffff;} a:hover {color:#663399;} --> </style> <title>test</title> </head> <body> </body> </html>

    • ベストアンサー
    • HTML

専門家に質問してみよう