レスポンシブ化とは

スマホが普及する前はホームページは主にパソコン向けであり、別ページとしてモバイル向けを別途作ることが一般的でした。
スマホが普及した今、むしろ職場を除いて、ホームページをパソコンで見ている人の方が圧倒的に少なくなってきています。
そこで現在のホームページはレスポンシブ化と呼ばれるスマホ対応が一般的となりました。

レスポンシブ化とは

従来のようにパソコン向けとモバイル向け、2ページ用意するのではなく、1ページで2つの体裁(パソコン向け・スマホ向け)を持つページをレスポンシブ化されたページと呼びます。
便宜上2体裁と説明させていただいておりますが、スマホ端末によって画面のサイズがバラバラであるため、どのような端末で閲覧されてもある程度画面に収まるよう設定されています。
ですから、レスポンシブ化とは1ページで複数の体裁を持っており、アクセスしてきた端末の画面サイズに応じてレイアウトを変化させるページというのが正しい説明になります。
とはいえ、現存するすべての端末で動作確認することは不可能なため、いわゆるモダンブラウザ(近年登場したブラウザ)とスマホの2体裁に対応させているという説明に落ち着きます。
2020年1月にサポートが終わったWindows7のInternet Explorer11は厳密にいえば動作確認の対象外となります。

レスポンシブ化のメリット

更新の手間を省くことができる

ページが二つあれば、更新しなくてはいけないページや箇所も増えます。
レスポンシブ化されていないページはレスポンシブ化されているページより2倍の仕事量にあると言えます。
作業の効率化を考えればレスポンシブ化が望ましいです。
現在はWordpressといったCMS(ブラウザ上から更新できるサイト)が一般的なこともあり、2010年代前半から半ばにかけてレスポンシブ化が進みました。

SEO対策

仮にトップページが従来のように2ページ存在している場合、Googleといった検索サイトはどちらの内容を基準に検索結果の順位を決めるのか困ってしまいます。ですからGoogleはサイトのレスポンシブ化を推奨しています。
しかも現在は基本的にスマホ対応されたページを基準に検索結果の順位を決めています。(モバイルファーストインデックスと呼ばれる仕様です。)
従来のモバイル版サイトはパソコン版より内容が少ないことが一般的であるため、パソコン版のトップページにいくら文章を追加しても検索結果の上昇に影響を与えません。
こういったことをなくすため、どんな端末で見てもほぼ同じような内容であることが望ましく、レスポンシブ化が一般的となりました。

ブログ一覧へ戻る
松下 正平のプロフィール写真
            

この記事の著者

松下 正平

2002年より大阪を拠点に活動。仕様の行間を読み「よきにはからう」実装力をモットーとするWeb制作・WordPress開発のフリーランス。
2019年に大阪市内から枚方市に移転。
近年はLooker Studioを活用したアクセス解析にも力を入れています。

趣味

趣味は息子とのサッカー、及びサッカー観戦。ガンバ大阪好き。
好きなアイドルはBABYMETALとsora tob sokana。
現在はまっているゲームは「スプラトゥーンレイダース」
無限食堂437階をあたりを探索中。

コーディングのご依頼お待ちしております

Wordpressの構築やレスポンシブ化など人手が欲しい時はぜひお声がけください。

このブロックが表示されている時は条件が合えば即日作業が開始できます。お気軽に条件をお送りください。

制作会社様向け詳細はこちら
両手いっぱいに広げ、コーディング案件を待っているメタラー