スマートフォン対応がホームページ運用の前提です
現在は多くのユーザーがスマートフォンからホームページを閲覧しています。Google もモバイル表示を基準に評価する流れを強めているため、PCだけ見やすいサイトでは不十分です。スマートフォンで快適に見られることが、問い合わせや検索評価の両面で重要になっています。
スマートフォン対応の主な2方式
スマートフォン対応には、大きく分けて「PC用とスマホ用を分ける方式」と「1つのサイトを画面幅に応じて変化させる方式」の2つがあります。現在は後者のレスポンシブデザインが主流ですが、それぞれの違いを理解しておくと判断しやすくなります。
1PC用とスマホ用を分ける方式
PC用サイトとスマートフォン用サイトを別々に用意する方式です。過去にはよく使われていましたが、更新や修正を2系統で管理する必要があり、運用負担が大きくなりやすいのが難点です。URLが分かれる構成になることも多く、保守面とSEO面で不利になりやすいケースがあります。
- PC用とスマホ用を別々に更新する必要がある
- URLが分かれて管理が複雑になりやすい
- 現在は特殊な事情がない限り選ばれにくい
2レスポンシブデザイン方式
1つのHTMLをもとに、画面サイズに応じてレイアウトを切り替える方式です。URLが1つで済み、更新管理も一本化できるため、現在の企業サイトではもっとも一般的です。保守・運用・SEOのバランスが取りやすいのが大きな利点です。
- 1つのサイトでPCとスマホの両方に対応できる
- URLが統一され、管理しやすい
- 現在の企業サイトではもっとも採用しやすい方式
レスポンシブデザインの仕組み
レスポンシブデザインでは、同じHTMLを使いながらCSSの設定で表示を切り替えます。PCでは横並び、スマートフォンでは縦積み、といった変化を画面幅に応じて自動で行うことで、どの端末でも読みやすい状態を保ちます。ひとつの情報を複数端末へ最適化して見せるのが基本的な考え方です。
現在の企業サイトではレスポンシブが基本です
特別な事情がない限り、現在の企業サイトではレスポンシブデザインを前提に考えるのが自然です。更新管理がしやすく、URLも統一できるため、公開後の運用負担を抑えやすくなります。弊社（東京・池袋）では、月額費用がかからない格安ホームページ制作においても、PC・スマートフォン・タブレットそれぞれでの見え方を確認しながら、公開後まで見据えたレスポンシブ設計で制作を進めています。