.htaccessによる携帯対応

tips

携帯向けのページを用意した際、URLやQRコードはシンプルな方がよいので、入口は http://atziluth.jp/ など1本に絞りたいと思います。

その際、.htaccessで Apacheモジュールの mod_rewriteを使用し PC/携帯キャリア毎の振り分け・リダイレクト処理を行う方法を紹介します。

1. サーバーのルートディレクトリに .htaccessを配置し、最上部に下記の設定を記述

Options +FollowSymLinks
　RewriteEngine On

2-1. 携帯の全キャリアを専用ページにリダイレクト

#携帯端末なら mobile.htmlへリダイレクト
　RewriteCond %{HTTP_USER_AGENT}
　DoCoMo|KDDI|UP.Browser|J-PHONE|Vodafone|SoftBank [NC]
　RewriteRule !^mobile.html mobile.html [L]

2-2. DoCoMo端末だけを専用のページにリダイレクト

#DoCoMo端末なら docomo.htmlへリダイレクト
　RewriteCond %{HTTP_USER_AGENT} "DoCoMo"
　RewriteRule ^$ docomo.html [R]

#DoCoMo以外の端末なら mobile.htmlへリダイレクト
　RewriteCond %{HTTP_USER_AGENT} KDDI|UP.Browser|J-PHONE|Vodafone|SoftBank [NC]
　RewriteRule !^mobile.html mobile.html [L]

DoCoMo端末では外部スタイルシートが効かないので、上記2-2の方法が一般的となっているようです。

【参考サイト】

・.htaccess実践活用術

・サーチエンジンにやさしいページ構築に不可欠なmod_rewrite