レスポンシブデザイン
Responsive Design
IT基礎解説
スマートフォン・タブレット・パソコンなど、画面サイズに合わせてホームページのレイアウトが自動で変わる設計のことです。今やSEO対応にも必須の技術です。
さらに詳しく解説
レスポンシブデザインとは、パソコン・スマートフォン・タブレットなど異なる画面サイズの端末で見ても、ホームページのレイアウトが最適な状態に自動で調整される設計手法です。
現在、日本でのWebサイト閲覧の半数以上はスマートフォンからです。スマートフォン対応していないサイトは文字が小さくて読みにくく、ボタンが押しにくいため、ユーザーがすぐに離脱してしまいます。また、Googleはモバイル対応を検索順位の重要な評価基準としており、非対応サイトはSEOで不利になります。
最近のWordPressテーマやWix・Squarespaceなどのサイト作成ツールはデフォルトでレスポンシブ対応になっており、新規作成する場合はそれほど意識する必要はありません。古いサイトをお持ちの場合はスマートフォン対応の確認・リニューアルを優先的に検討することをお勧めします。Googleの「モバイルフレンドリーテスト」ツールで無料チェックができます。
中小企業での活用ポイント
使いどころ
レスポンシブデザインは、業務の判断基準や顧客対応、社内ナレッジを整理するときに確認しておきたい用語です。導入前に意味を揃えることで、ツール選定や社内説明のズレを減らせます。
注意点
言葉だけを先に決めるのではなく、どの業務で使うか、誰が確認するか、成果をどう測るかまで一緒に整理することが重要です。
関連用語
自社での使い方を相談する
レスポンシブデザインを自社の業務に当てはめる場合は、対象業務、既存データ、運用担当者、成果指標を先に整理すると判断しやすくなります。