.htaccess PCとスマホの振り分け

.htaccessでスマホからアクセスした際に、スマホ用サイトに移動するように設定を行った。下記①のユーザーエージェントの判定に加えて、②のVary HTTPヘッダーを追記することによって、PCサイトとスマホサイトの関連付けを行った。

①＋②の.htaccessをサーバーのpublic_htmlフォルダに配置し、スマホに設置したPCサイトへのaリンクには記事にあるとおり、

<a href="http://www.example.com/?mode=pc">PC用サイトはこちら</a>

として、「?mode=pc」を追加した。

このリンクから移動した場合には、スマートフォンからのアクセスであっても、PC用サイトを閲覧できます。とのことだ。

①

PC版とスマートフォン版サイトを自動振り分けする方法 [ホームページ作成] All About

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^$ /sp/ [R,L]
</IfModule>

②Vary HTTPヘッダー

スマホ向け表示を分けているときはVary HTTPヘッダーを使うこと など10+4記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ | Web担当者Forum

Header set Vary User-Agent 

①＋②＝

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_USER_AGENT} (iPhone|Android.*Mobile|Windows.*Phone) [NC]
RewriteCond %{QUERY_STRING} !mode=pc
RewriteRule ^$ /sp/ [R,L]
Header set Vary User-Agent
</IfModule>