中〜上級]Googleが推奨するモバイルサイト構成はレスポンシブ・ウェブデザインGoogleは3つのタイプのモバイルサイト構成をサポートしています。レスポンシブ・ウェブデザイン(同じURLと1つのHTML/CSS)動的な配信(同じURLと別々のHTML/CSS)モバイル専用のURL(異なるURLと別々のHTML/CSS)このなかで、Googleがもっとも推奨する構成が1つ目のレスポンシブ・ウェブデザインです。レスポンシブ・ウェブデザインには大小さまざまなメリットがあります。なかでも、URLが1つ、リダイレクト設定が不要というのがいちばん大きなメリットでしょう。重複コンテンツを生まないし、リダイレクトによるミス(Googleの人によれば非常に多いらしい)も発生しません。検索エンジンにとっても都合がいいのがレスポンシブ・ウェブデザインになります。レスポンシブ・ウェブデザインはランキングに影響しないレスポンシブ・ウェブデザインを推奨しているからといって、レスポンシブ・ウェブデザインを採用したサイトをGoogleが優遇して上位表示させることはありません。設定できていれば、3つの構成はどれも平等に扱います。Mueller(ジョン・ミューラー)氏は下のように答えました。いいや、Googleは、そんなふうにはサイトを差別化しない。あなたのレスポンシブ・ウェブデザインのサイトをスマホユーザーが気に入って友だちに勧めるといったような間接的な影響があるかもしれないが、ランキング要因としては使っていない。スマートフォンの検索結果を調整するためにありがちな構成ミスをランキング指標として使い始めている。レスポンシブ・ウェブデザインはランキング決定の要因にはなりません。(SEO外の)レスポンシブ・ウェブデザインのデメリットSEOから離れた視点で見た、レスポンシブ・ウェブデザインの代表的なデメリットを3つ挙げてみます。スピードが遅りがちスマートフォン専用のコンテンツを作りづらい開発にコストがかかるスピードが遅くなりがち表示速度が遅くなりやすい傾向にあるのが、レスポンシブ・ウェブデザインのいちばん大きなデメリットになるでしょう。モバイル向けのデザインで表示するとはいえ、サーバーから返ってくるHTMLやCSSは共通です。PCからとまったく同じようにすべてのコードを読み込みます。表示されないメニューや画像があったとしても、モバイルのブラウザで表示されないだけであってバックグラウンドでは読み込んでいます。foldのコンテンツを1秒以内に表示させることをGoogleは推奨しています。回線速度の遅いモバイルネットワークではページの読み込みに時間がかかり、訪問ユーザーの不満の原因になるかもしれません。若干ではあるけれど、表示速度はランキングにも影響していそうです。レスポンシブ・ウェブデザインには、併せて、スピードアップのための施策が必要不可欠です。foldのコンテンツの表示スピードアップに焦点を絞ったテクニックを先週紹介しました。スマートフォン専用のコンテンツを作りづらいサイトのジャンルによっては、PCユーザーとモバイルユーザーが求めているコンテンツに大きな違いがあることがあります。スマホユーザーに特化したコンテンツやシステムの開発が容易でないケースも存在します。先週のWeb担当者Forumのコラムでピックアップしたので、まだの人は読んでください。レスポンシブ・ウェブデザインは万能ではない。具体例を示そうか開発にコストがかかる必ずしもということではありませんが、他の構成と比較してより多くのお金と時間のコストが開発にかかることがあります。既存のサイトをレスポンシブ・ウェブデザインに変更するときは、コードの大部分を改修しなければならないかもしれません。レスポンシブ・ウェブデザインはCSSメディアクエリのように新しい仕組みを利用しています。社内でサイトを制作しているなら、レスポンシブ・ウェブデザインに必要な新しい技術を開発者が身につけなければなりません(もっともレスポンシブ・ウェブデザインに限らず、新しい技術の習得にエンジニアは日々いそしんでいるはずでしょうけどね)。まとめということで、この記事ではレスポンシブ・ウェブデザインについて以下の2点を伝えました。SEOの観点から見た場合は、レスポンシブ・ウェブデザインだけが要因で上位表示に有利になったりしないユーザーエクスペリエンスや開発の観点から見て、マイナス面が存在するただこうは言っても、僕はレスポンシブ・ウェブデザイン推進派です。SEOの世界に生きる人間なので検索エンジンのことを考慮すると、URLが1つで済む・リダイレクトが不要、この2つは重要なポイントになるからです。トラブルの要因は少ないに越したことはありません。表示速度に関しては、従来からある高速化の施策にプラスして、RESSなんていう新しい技術も提唱されていますね。レスポンシブ・ウェブデザインではモバイルユーザーのニーズに十分に対応できないという状況でなければ、レスポンシブ・ウェブデザインの採用を僕はおすすめしています。Articles]前の記事レスポンシブ・ウェブデザインは万能ではない。カンファレンスでのスピーカー登壇が決定。Consoleに追加。ラウンドナップ・Webコンサルティング。