![スタビジ](https://www.stabusi.com/wp-content/uploads/2021/11/gimon02.png)
ホームページの「スマートフォン表示」のチェック方法を知りたい。
こんなテーマに関する記事です。
![スタビジ](https://www.stabusi.com/wp-content/uploads/2023/02/man01.png)
ホームページの「スマートフォン表示」のチェック方法について、わかりやすく説明しています。
![スタビジ](https://www.stabusi.com/wp-content/uploads/2023/09/aac22-e1706014055454.png)
ホームページを閲覧するユーザーも、
スマートフォン
からのユーザーの割合が高くなっています。
個々のホームページによって具体的な数値は異なりますが、概ね、
約半数以上
が、スマートフォンからの閲覧になるケースもあります。
ホームページを見る際、スマホとPCとを併用しているユーザーもいますが、若い世代は、半数以上が
スマートフォンのみ
という統計もあります。
いずれにしても、
会社立ち上げ、法人設立後のホームページ
も、スマホで閲覧した際に、
・見やすく
・問合せがしやすい
状態にしておく必要があります。
ホームページの作成時点で
スマホ対応
しておくことを前提にしておきましょう。
スマホや、タブレットなどの画面でも見やすいデザインであることを
レスポンシブデザイン
といいます。
レスポンシブデザインになっているかをチェックには、下記のような方法があります。
「Multi Screen Resolution Test」というサイトの利用
![スタビジ](https://www.stabusi.com/wp-content/uploads/2023/09/aac32-e1702111995609.png)
「Multi Screen Resolution Test」というサイトで、スマートフォン表示のチェックをすることができます。
下記の手順で進めます。
1.チェックしたいサイトのURLを入力します。
![](https://www.stabusi.com/wp-content/uploads/2021/05/sumaho01-1024x356-1.png)
2.Mobileの箇所を選択し、プルダウンの機種名の箇所を選択します。
![](https://www.stabusi.com/wp-content/uploads/2021/05/sumaho02-1024x576-1.png)
3.選択した機種名での表示がなされます。
![](https://www.stabusi.com/wp-content/uploads/2021/05/sumaho03-1024x547-1.png)
グーグルクロームでのチェック
![スタビジ](https://www.stabusi.com/wp-content/uploads/2023/09/aac21-e1706257016893.png)
グーグルクロームをお使いの場合は、サイトメニューから、
スマホ表示
の設定ができます。
若干、手順がわかりにくいところもありますが、下記サイトに詳しく記載がされています。
Google Chromeでスマートフォンサイトをチェックする
以上、「スマートフォン表示のチェック方法」の説明でした。
![スタビジ](https://www.stabusi.com/wp-content/uploads/2021/11/ok02.png)