1つのホームページでスマホやタブレットに自動対応
レスポンシブデザイン
レスポンシブデザイン、またはレスポンシブWEBデザインと呼ばれるホームページの新しいスタイル。
概ね、このスライドのようなものです。
Googleも推奨
Google WEBマスター向け公式ブログより抜粋します。
>簡単に要約しますと、スマートフォンに最適化されたサイトを構築する際に、Googleは、次の 3 つの構成をサポートしています。
- レスポンシブ・ウェブデザインを使用しているサイト、すなわち、すべてのデバイスに単一の URL で同じ HTML を提供し、CSSを使用してデバイスごとにデザインを変更するサイトです。こちらが Google の推奨する設定方法となります。
>レスポンシブ・ウェブデザインを使用すると、次のような利点があります。
- PC 用のページとモバイル用のページを単一の(同一の) URL とすることができるため、ユーザーにとってはシェアやリンクが容易であり、Google のアルゴリズムにとってはコンテンツを適切にインデックスできるようになります。
- ユーザーエージェントの異なる Googlebot ごとにページをクロールする必要がないため Google がより効率的にコンテンツを発見することができます。
あわせてご覧下さい。
この記事はあなたのお役に立てましたか?
少しでもお役に立てたようでしたら以下のSNSで共有して頂けるとうれしいです!