レスポンシブデザイン

Responsive Design

IT基礎

解説

スマートフォン・タブレット・パソコンなど、画面サイズに合わせてホームページのレイアウトが自動で変わる設計のことです。今やSEO対応にも必須の技術です。

さらに詳しく解説

レスポンシブデザインとは、パソコン・スマートフォン・タブレットなど異なる画面サイズの端末で見ても、ホームページのレイアウトが最適な状態に自動で調整される設計手法です。

現在、日本でのWebサイト閲覧の半数以上はスマートフォンからです。スマートフォン対応していないサイトは文字が小さくて読みにくく、ボタンが押しにくいため、ユーザーがすぐに離脱してしまいます。また、Googleはモバイル対応を検索順位の重要な評価基準としており、非対応サイトはSEOで不利になります。

最近のWordPressテーマやWix・Squarespaceなどのサイト作成ツールはデフォルトでレスポンシブ対応になっており、新規作成する場合はそれほど意識する必要はありません。古いサイトをお持ちの場合はスマートフォン対応の確認・リニューアルを優先的に検討することをお勧めします。Googleの「モバイルフレンドリーテスト」ツールで無料チェックができます。