海外&国内SEO情報ウォッチ

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

「グーグルSEOに最も重要な大原則」「エイジングフィルタ」「サンドボックス」「近々のグーグルの更新」など

鈴木謙一 2013/5/17 9:00 SEO | 解説／ノウハウ

65 171 145

この記事の目次：

スマホ向け表示を分けているときはVary HTTPヘッダーを使うこと
★★★★☆ グーグルが理解できるように（Google Webmaster Help on YouTube）

グーグルが推奨するモバイルサイト構成には3つ種類がある。「レスポンシブWebデザイン」「同一URLで端末によって出し分け」「スマホ向けを別URLで作り、リダイレクトする」の3つだ。

このうちレスポンシブWebデザイン以外の2つの構成では、アクセスしてきた端末の「User-Agent（UA、ユーザーエージェント）」の情報に基づいてPCとスマートフォンで異なるHTML（やCSS）を返す。

これら2つの構成を採用する際には、Vary HTTPヘッダーを使用することをグーグルは強く勧めている。

Vary HTTPヘッダーとは、サーバーにアクセスがあったときに、データと一緒にサーバーから返すHTTPヘッダーの1つで「Vary」という名前のもののこと。「今回はこのHTMLを返したけど、この内容はユーザーエージェント名によって変わる場合があります」「この内容はクッキーの状態によって変わることがあります」といった意味を表すシグナルだ。

しかしVary HTTPヘッダーは本当に必要なのであろうか。

グーグルのマット・カッツ氏が説明した。

今回は日本語訳ではなくマット・カッツの説明を噛み砕いて、筆者の言葉で解説する。

結論から言えば、「Vary HTTPヘッダー使ったほうがいい」ということになる。

ネットでは「キャッシュ」が使われている

マット・カッツ氏は動画の前半では“キャッシュ”について技術的な説明をしている。まずキャッシュとは何かから解説していこう。

誰かがいったんアクセスしたWebページのコンテンツのコピーを、ネットワーク上などの別の場所に（一時的に）保持しておく。そして別のユーザーが同じページにアクセスしようとした際には、キャッシュしてあるコンテンツを返すことで、いちいち元のWebサーバーにアクセスしなくても同じデータをすぐにとれるようにする。こうした仕組みが“キャッシュ”だ。

CDN（コンテンツ・デリバリー・ネットワーク）や一部のISP（インターネット・サービス・プロバイダ）は、キャッシュを利用することで、ユーザーがWebサイトのコンテンツを表示する（ダウンロードする）速度を向上させている。

こうすることで、Webサーバーの負荷を軽減できレスポンスが速くなる（自分たちのキャッシュからデータをユーザーに返せば、インターネット回線への通信量を削減することもできる）。

キャッシュはちゃんと扱わないと問題が生じる場合も

このようなメリットがキャッシュにはあり、幅広く利用されているのだが、思わぬ影響が出ることがあり得るのだ。

PC向けページとモバイル向けページを同じURLで自動的に出し分けている場合を考えてみてほしい。まずPCからのアクセスがあり、そのデータがキャッシュされているとする。その後にスマートフォンからのアクセスがあった場合、キャッシュしていたデータを返すと、元のWebサーバーで行うデバイス判別が行われずに、ユーザーにはキャッシュされていたPC向けのページが返されてしまうのだ（その反対もあり得る）。

つまり、サーバー側でコンテンツを動的に出し分けている場合、キャッシュする側がうまく処理していないと、まずいことになり得るのだ。

グーグル検索でもキャッシュと同じ問題が起きうる

同じことが、グーグルのインデックスにも発生する。ここでも、PC向けページとモバイル向けページを同じURLで自動的に出し分けている場合を考えてみてほしい。

PC向けのGooglebotがまずWebページにアクセスしてその内容を取得し、インデックスする（つまりグーグルのサーバーにキャッシュを作成する）。そのあとにモバイル向けのGooglebotが同じページをクロールする際に、すでにグーグルのネットワークキャッシュがあるので、そのキャッシュを利用する。すると、モバイル向けGooglebotがPC向けのコンテンツを取得してしまうかもしれないのだ（その反対もあり得る）。

だからHTTPヘッダーでVaryを指定しておくのが安心

このような事態を防ぐことに役立つのが、Vary HTTPヘッダーだ。「ユーザーエージェント名によって内容が変わりますよ」という情報をウェブサーバーがVary HTTPヘッダーで返すことで、キャッシュサーバーやGooglebotがそれを理解できるからだ。Vary HTTPヘッダーを実際どのように処理するかはCDNやISP側に委ねられるが、PC向けコンテンツとモバイル向けコンテンツが別々に存在する（可能性がある）ことをグーグルは確実に認識できる。

Vary HTTPヘッダーを利用しなかったからといって、必ずしも問題が起こるとは限らない。アノテーションさえしっかり記述しておけばなくても大丈夫なような気もする。

だがそうであったとしても、利用できないあるいは利用したくないといった特殊な状況にない限りは、万全を期すためにVary HTTPヘッダーを利用してグーグルを補助するのが安心だろう。

設定に手間がかることもなく非常に簡単だ。Apacheサーバーでの.htaccessを使った設定例を示そう。

解説で示したようにユーザーエージェント名でコンテンツを出し分けているのであれば、以下の1行を.htaccessに追加するだけで済む。