【初心者向け】レスポンシブデザインとは？SEOに効果がある？

2021/3/30

レスポンシブデザインとは、PCやスマホなど画像サイズによって、ホームページの表示を柔軟に変えるものです。

例えばこちらの記事もレスポンシブデザインです。

PCの方は、ブラウザの幅を小さくすると、スマホ用の表示に動的に変わるようになっていること確認できるかと思います。

どういう仕組みでレスポンシブデザインとなっているかというと、CSSが大きくかかわっています。

参考）

CSSにはこのくらいの画面サイズならこういう表示で、ということが記載されていて、それにあわせてホームページをPC用の表示かスマホ用の表示にしているというわけです。

PC用、スマホ用のデザインを読み込み、端末によって表示を変えている仕組みなので、読み込みがどうしても遅くなりがちです。

これからコアウェブバイタルにより表示速度の高速化がより求められるようになるので、その辺がレスポンシブデザインの課題点といえます。

参考）

いかがでしたでしょうか。

レスポンシブデザインがSEO的に最高という話もありますが、こちらは都市伝説の一つです。

コアウェブバイタルの導入により、AMPが脚光を浴びる可能性もあります。

参考）

弊社ではその動向を見守っているところです。

最後までお読みいただきありがとうございました。

制作会社の選び方がわからない。

どの制作会社も費用が高額で手が付けられない。

今のホームページが簡単に更新できなくて困っている。

などホームページでお困りではありませんか？
弊社AMSでは効果のある高品質なホームページを格安で制作いたします。
まずは料金やプラン内容、制作実績などを下記の画像をクリックしてご覧ください。

制作費0円で全部おまかせできるホームページ制作代行