グーグルは、推奨するモバイルサイト構成を以下の３つで紹介した。
（１）レスポンシブWebデザイン
（２）同一URLで端末によって出し分け
（３）スマホ向けを別URLで作り、リダイレクトする
そして、（２）（３）の構成を採用する場合には、
Vary HTTPヘッダーを使用することをグーグルは強く勧めている。
「Vary HTTPヘッダー」とは、
サーバがクライアントに返す HTTP header に文字列 "Vary: User-Agent" を含めることによって、
当該URLには別デバイス用のコンテンツが用意されていることを示すものです。
グーグルボット(通常Googlebot)がアクセスした時、このVary HTTP header 情報を受け取ると、
「ここにはモバイル用のコンテンツも用意されている」と判断し、
後で「Mobile-Googlebot」を送るという処理を行います。
これで、モバイルコンテンツも素早く、適切にインデックスさせることができるわけです。
しかし、（３）の場合、すなわちデスクトップ版とスマホ版が別URLに存在する場合では、
Vary HTTP header がなくてもalternate/canonical を使用していれば問題ないとのこと。
いずれにしても、
今後の動向としては、レスポンシブWebデザインが注目されてくることは
間違いないと思う。
みなさんの運営サイトは、
もう「レスポンシブWebデザイン」対応ですか？
ツイッター社が提供する、ウェブサイトを構築するための言語「bootstrap」を使えば、「レスポンシブWebデザイン」も簡単に作成することができます。
⇒もしもドロップシッピングをレスポンシブWebデザインで作ろう！！