どれがベスト？スマホ対応サイトの構築方法３種

Googleは、スマホ対応の設定方法３種について、レクチャーを（英語圏向けに）行うと発表しました。今後はスマホ対応強化が更に強く進められそうです。

この、Googleが提示する３種のスマホ対応方法について、それぞれの長所・短所、また参考になるツールを、本記事で改めてまとめます。

スマホ対応の設定方法３種

サイトをスマホ対応させたい場合、Googleが提示する下記の3種の方法から、いずれかを選ぶことになります。
なお、方法によっては、同じコンテンツでもデバイスごとに別のURL、あるいは別のHTMLで配信することになります。こちらも併記します。

どの方法を選ぶかにより、その後のサイト管理の方法が変わってくるため、それぞれの長所・短所を確認する必要があります。一つずつ見ていきましょう。

レスポンシブウェブデザイン

レスポンシブ・ウェブデザインとは、1つのURL・１つのHTMLで、デバイス環境ごとにデザインだけ変えて表示する方法です。

レスポンシブ・ウェブデザインの長所と短所

サイト管理者にもGooglebotにもメリットのある配信方法

公式Googleディベロッパーズガイドでは、３種のスマホ対応方法のうち「特定のURL形式が優先されることはありません」と書いていますが、その実Googleは、レスポンシブウェブデザインを最も頻繁に推奨しています。

その理由は、後述する他の方法に比べ、サイト運用管理が比較的シンプルになること、そして、Googlebotがクロールしやすいことです。

レスポンシブウェブデザイン採用自体が直接SEO評価につながるわけではありませんが、サイト管理者側にもGoogle側にも、サイトを扱ううえでメリットがあるわけです。

動的な配信（ダイナミックサービング）

動的な配信とは、URLは１つながら、アクセスするデバイスごとに異なるHTMLを配信する方法です。
Webサーバがデバイスの種類を検知して別々のHTMLを配信する方法で、「動的コンテンツ配信」あるいは「ダイナミックサービング」とも呼ばれます。
動的な配信（ダイナミックサービング）は、デザインの細かな対応が可能という点でレスポンシブデザインより修正がしやすいという点がありますが、ファイルが分かれている為、管理ファイルの増加や更新忘れなどミスが懸念されます。

動的な配信（ダイナミックサービング）の長所と短所

別々のURL（セパレートURL）

別々のURLとは、基本的には同じコンテンツを、デバイス環境ごとに異なるURL・別のHTMLで配信する方法です。セパレートURLとも呼ばれます。

別々のURL（セパレートURL）の長所と短所

まとめ

最初は大変、あとはらくらく – レスポンシブデザイン

レスポンシブデザインは、最初の設計が面倒なため、多くのサイト管理者が導入に二の足を踏んでいるのが現状だと思われます。

ただ、一度しっかり設計されたレスポンシブデザインを導入してしまえば、その後のサイト・コンテンツ管理は、他の方法に比べてシンプルになるはずです。あえてお勧めを挙げるなら、このレスポンシブデザインになるでしょう。

最初はらくでも後が大変 – 動的配信と別々のURL

一方、動的な配信、および別々のURLという方法だと、比較的楽にスマホ対応ページを用意できる反面、その後の管理は大変になります。

とくに、コンテンツが複数のセットに分岐してしまう点と、リダイレクト等の設定に気を使う点では、常に情報の整合性やユーザビリティ、Googlebotのクローラビリティを細かく気にしてサイト管理を続けることになりかねません。

参考：スマホ対応導入に役立つGoogle公式ツール

あなたのサイトのスマホ対応状況は Googleのモバイルフレンドリーテストで簡単にチェックできます。これで「合格」なら問題なし、スマホ版Googleで「スマホ対応」のラベルが表示されるようになります。

SEO対策を忘れない

注意して欲しいのが、スマホ対応しても順位は上がらないという点です。
SEO対策していないページでスマホ対応だけ済ませても、集客の意味では効果はありません。

スマホ対応はあくまで、スマホ検索で順位を「落とさない」ための対策であって、順位を上げるためのSEO対策ではありません。
注力するサイトやページの「スマホ対応」に取り組む際は、そのページが基本的なSEO対策がされているかも併せて確認しましょう。