Web制作メモ -トップへ-

スマホサイトを動的配信で作成する場合はVary:User-Agentが推奨

Web全般2015.03.27 16:30

PCサイトとスマホサイトを一つのURLで提供し、ユーザーエージェントなどによって提供するHTML(CSS)を動的に切り替える方法を動的配信と言います。

動的配信では、PCサイトのキャッシュとスマホサイトのキャッシュが同じURLとなる為、区別されず処理される可能性があります。

Googleのウェブマスター向けモバイルガイドによると、ユーザーエージェントによって出力を変えていることをキャッシュサーバーやクローラーに明確に伝える為、動的配信ではHTTPヘッダーにVary:User-Agentを設定することが推奨されています。

Vary:User-AgentはWebサーバーで設定します。

Apacheの場合(.htaccess)

Header set Vary User-Agent

nginxの場合

add_header Vary 'User-Agent';

参考リンク

ウェブマスター向けモバイルガイド
※[モバイルSEO]‐[設定を検索エンジンに伝える]‐[動的な配信]の箇所