レスポンシブデザイン

レスポンシブデザイン、またはレスポンシブWEBデザインと呼ばれるホームページの新しいスタイル。
概ね、このスライドのようなものです。

Googleも推奨

Google WEBマスター向け公式ブログより抜粋します。

＞簡単に要約しますと、スマートフォンに最適化されたサイトを構築する際に、Googleは、次の 3 つの構成をサポートしています。

• レスポンシブ・ウェブデザインを使用しているサイト、すなわち、すべてのデバイスに単一の URL で同じ HTML を提供し、CSSを使用してデバイスごとにデザインを変更するサイトです。こちらが Google の推奨する設定方法となります。

＞レスポンシブ・ウェブデザインを使用すると、次のような利点があります。

• PC 用のページとモバイル用のページを単一の（同一の） URL とすることができるため、ユーザーにとってはシェアやリンクが容易であり、Google のアルゴリズムにとってはコンテンツを適切にインデックスできるようになります。
• ユーザーエージェントの異なる Googlebot ごとにページをクロールする必要がないため Google がより効率的にコンテンツを発見することができます。

Google WEBマスター向け公式ブログ
 

あわせてご覧下さい。

1. なぜレスポンシブデザインに対応しないといけないのか？最近のインターネットの利用状況
2. ホームページの管理費用も削減、自分で更新可能