スマートフォンサイト作成【前編】

スマートフォンに最適化されたサイト構築の方法

Googleは、SEOに留意した「スマートフォン向けサイト構築」設定について発表し、次の 3 つの構成についてサポートしています。

1. レスポンシブ・ウェブデザインを使用しているサイト(全てのデバイスに単一の URL で同じ HTML を提供し、CSSを使用してデバイスごとにデザインを変更)
2. 全てのデバイスに対し単一の URL で、ユーザーエージェントに応じて、PCまたはスマートフォン用等を判別し、動的に異なる HTML と CSS を提供するサイト
3. PC・スマートフォン用のサイトを別々に構築しているサイト

加えて上記1について、「Googleの推奨する設定方法である」との見解も述べています。

スマートフォンサイトの作成概要

スマートフォンサイト作成における主な方法はこちらです。

1. PHPで振り分けを行う
2. .htacccessでの振り分けやリダイレクトを行う
3. レスポンシブ・ウェブデザイン(メディアクエリまたはjavascript)での作成

1～3のような方法が多く用いられていますが、1や2については、
PC・スマートフォン用と、次のようにURLが異なるものを使用する手法が多いようです。

・http://www.example.com/(PC用)
・http://www.example.com/sp/(スマホ用)

しかし、3については閲覧する側の環境によって、HTMLやURLが変わるわけではありません。この点が大きな違いとなります。

但し、閲覧者の環境に応じてレイアウトを変更し、サイトの表示が異なるように施策を行います。なお、例として次のページで示します。