ようこそ! | Mobile Friendly Websites | Google Developers
Googleが推奨しているスマートフォン対応の方法は以下の2つです。
レスポンシブデザイン
レスポンシブWebデザイン(Responsive Web Design)とは、PC、タブレット、スマートフォンなど、あらゆるデバイスに最適化したWebサイトを、単一のHTMLで実現する制作手法です。ブラウザーのスクリーンサイズを基準にCSSでレイアウトを調整することで、デバイスごとに専用サイトを用意することなく、マルチスクリーンに対応したWebサイトを制作できます。
デバイスによる振り分け
PCサイトとスマホサイトのデータを別々に作成し、ユーザーがスマートフォンからサイトを閲覧した場合はスマホサイトのURLへ、PCからサイトを閲覧した場合はPCサイトのURLへ自動で振り分ける方法です。
この授業では「.htaccessファイル」を使った自動振り分けをやりますが、JavaScriptやPHPでも同様の振り分けが出来ます。
レスポンシブデザインのメリット
- 1つのHTML(ワンソース)の為、メンテナンスが容易
- Googleが推奨
デバイスによる振り分けのデメリット
- サイトのメンテナンスが煩雑
- 正規化処理が必須