スマートフォンに最適化されたサイト構築の方法
Googleは、SEOに留意した「スマートフォン向けサイト構築」設定について発表し、次の 3 つの構成についてサポートしています。- レスポンシブ・ウェブデザインを使用しているサイト(全てのデバイスに単一の URL で同じ HTML を提供し、CSSを使用してデバイスごとにデザインを変更)
- 全てのデバイスに対し単一の URL で、ユーザーエージェントに応じて、PCまたはスマートフォン用等を判別し、動的に異なる HTML と CSS を提供するサイト
- PC・スマートフォン用のサイトを別々に構築しているサイト
加えて上記1について、「Googleの推奨する設定方法である」との見解も述べています。
スマートフォンサイトの作成概要
スマートフォンサイト作成における主な方法はこちらです。- PHPで振り分けを行う
- .htacccessでの振り分けやリダイレクトを行う
- レスポンシブ・ウェブデザイン(メディアクエリまたはjavascript)での作成
1~3のような方法が多く用いられていますが、1や2については、
PC・スマートフォン用と、次のようにURLが異なるものを使用する手法が多いようです。
・http://www.example.com/(PC用)
・http://www.example.com/sp/(スマホ用)
しかし、3については閲覧する側の環境によって、HTMLやURLが変わるわけではありません。この点が大きな違いとなります。
但し、閲覧者の環境に応じてレイアウトを変更し、サイトの表示が異なるように施策を行います。なお、例として次のページで示します。