2013年06月19日Tweet2012年6月、Googleがスマホ対応の方法としてレスポンシブWebデザインを推奨すると公式ブログに掲載し、話題になりました。今回はこれまでGoogleが公式ブログでどのようにレスポンシブWebデザインを扱ってきたか、経緯をまとめて紹介したいと思います。Googleは自社サイトもレスポンシブWebデザインで構築している。お勧めするスマートフォンに最適化されたウェブサイトの構築方法こちらの記事で初めてレスポンシブWebデザインを推奨することを公式に発表しました。Googleはスマートフォンサイト構築の際、以下の3つをサポートしているとまとめています。提供し、CSSを使用してデバイスごとにデザインを変更するサイトです。推奨する設定方法となります。モバイル用のサイトとデスクトップ用のサイトを別々に構築しているサイト。この記事の中で、レスポンシブWebデザインを推奨する理由について以下の2点にまとめています。アルゴリズムにとってはコンテンツを適切にインデックスできるようになります。効率的にコンテンツを発見することができます。URLがデバイス毎で分かれていると、例えばソーシャルメディアでシェアされたモバイルサイトURLをPCから開いた時にコンテンツへのアクセスに問題が生じます。今年の6月にスマートフォン・PCサイト間のリダイレクトで正しくない処理(例えばPCのあるコンテンツに辿りついたスマートフォンユーザーをスマートフォンサイトトップにリダイレクトさせる、など)を行っているサイトのランクを下げる発表をしましたが、Googleはこのコンテンツへのアクセスに関する問題を重要視しているように思います。レスポンシブWebデザインの場合はURLが単一になるのでこういった問題がおきません。レスポンシブ・ウェブデザインを使用することが適切とはいえない状況があることを理解しています。使って同等のコンテンツを提供することをサポートしています。」というスタンスを取りつつも、やはりレスポンシブWebデザインを一押しとしているように感じます。メディアクエリのパワーを使いこなすこの記事では、GoogleがレスポンシブWebデザインについての構築ガイドラインとして、以下を満たす方法の検討を始めたと紹介しています。バーは表示しないようにするただし、ベストプラクティスはサイトによって異なり、メディアクエリをサポートしていないブラウザの対応やレスポンシブWebデザインのパフォーマンス上の影響にも注意が必要だと述べています。(必ずしも一つの決まったやり方があるわけではないと喚起しています。)この記事では参考までに、レスポンシブWebデザインで構築されたGoogleのサイトも少し紹介されています。(英語)http://picasa.google.com/http://www.google.co.jp/landing/senkyo2012/※リンク切れしているものは省略しました。スマートフォン対応の方法とレスポンシブWebデザインを推奨する理由が説明されています。レスポンシブWebデザインを構築する際は、”モバイルファースト”の考え方を取り入れて情報設計することを推奨しています。その理由は、MobileFirst.jpの記事でご紹介してきたことと同じで、ユーザーが本当に必要なことにフォーカスすることで情報の優先度や質を上げることができるところにあります。2013年6月11日スマートフォン向けサイトのランキング変更についてつい先日、Googleは「間違ったリダイレクトをしているサイト」「スマートフォンでのみエラーが発生するサイト」に関してランキング変更の影響が及ぶことを発表しました。これは上記にもした通り、あるコンテンツにアクセスしようとしたユーザーがリダイレクトや404エラーの処理によってコンテンツに辿りつくことを阻まれていることで、ユーザー体験を損なっていることが理由です。くどいようですが、レスポンシブWebデザインはURLが単一なのでこの問題が起きません。Googleがスマートフォンでのユーザー体験の向上に本格的なテコ入れをし始めた、ということでしょうか。感想GoogleがレスポンシブWebデザインを推奨して一年、そのスタンスは変わらないようです。Googleによる案内も去年より充実してきています。ここまで公式に推奨をしているわけですから、レスポンシブWebデザインは一過性のものではないと考えてもいいかもしれませんね。