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

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

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

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

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

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

それでは、一つずつ見ていきましょう。

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

1つのURL・１つのHTMLで、デバイス環境ごとに異なるデザインを表示する方法です。まずは長所・短所を確認します。

動的な配信

URLは１つですが、アクセスするデバイスごとに異なるHTMLを配信します。Webサーバがデバイスの種類を検知して別々のHTMLを配信する方法で、「動的コンテンツ配信」あるいは「ダイナミックサービング」とも呼ばれます。長所・短所は以下です。

別々のURL

コンテンツは同じでも、デバイス環境ごとに異なるURL・別のHTMLを配信します。長所・短所は以下です。

まとめ

レスポンシブデザインは、最初の設計が面倒なため、多くのサイト管理者が導入に二の足を踏んでいるのが現状だと思われます。ただ、基本的には、一度しっかり設計されたレスポンシブデザインを導入してしまえば、その後のサイト・コンテンツ管理は、他の方法に比べてシンプルになるはずです。

一方、動的な配信、および別々のURLという方法だと、比較的楽にスマホ対応ページを用意できる反面、その後の管理は大変になります。とくに、コンテンツが複数のセットに分岐してしまう点と、リダイレクト等の設定に気を使う点では、常に情報の整合性やユーザビリティ、Googlebotのクローラビリティを細かく気にしてサイト管理を続けることになりかねません。

参考：導入に役立つGoogle公式ツール

いずれを選ぶにせよ、それぞれの方式の具体的な導入方法については、Googleディベロッパーズで日本語のガイドが用意されています。こちらのURLのページ中段にあるリンクから、それぞれの方法に応じたガイドを参照することができます。

また、Googleでは、サイトが最終的に（Google基準の）スマホ対応と言うに足るものかどうか、確認するためのツールを用意しています。モバイルフレンドリーテストです。これに「合格」すれば、サイトのスマホ対応は一通り問題なし、スマホ版Googleでも、あなたのサイトに「スマホ対応」のラベルが表示されるようになります。