ねっとぱんだ-プログラミング勉強ブログ-

Webデザイン、プログラミングの勉強ブログ。

.htaccessの記述方法

htaccess ウェブサイトの自動振り分け

条件

  1. ウェブサーバが「Apache
  2. 設定ファイル「.htaccess」の設置が許可されている
  3. mod_rewriteモジュールが利用可能

手順

.htaccessファイルを作成
記述
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^$ /pc/sp/ [R,L]

Header set Vary User-Agent
</IfModule>
RewriteCond %{HTTP_USER_AGENT}(iPhone|Android.*Mobile|Windows.*Phone) [NC]
アクセス端末の種類を識別。
[NC]
大文字小文字を区別しない。andoroidでもAndoroidでも使えるように用に記述している
RewriteCond %{QUERY_STRING} !mode=pc
URL末尾に!mode=pcがついて入ればスマートフォンページに移動させない
RewriteRule ^$ /pc/sp/ [R,L]
RewriteRuleに従ってurlを書き換える。「R」は「リダイレクトする」「L」は書き換え規則の最終行という意味。
(pcフォルダの中のspに移動という命令)

ミラーサイトと間違われないようにする処理

//○○○○○.com/pc/">:spページに貼り付けることでインデックスをpc用ページに統一する。
640px)" href="http://○○○○○.com/pc/sp/">:rel=”alternate”でスマホページが別にあることを伝える。
//○○○○○/pc/?mode=pc">PC版を表示:スマホにpc版へ行くボタンをつける