📍PCと携帯での表示の見え方📌

2018.04.18 00:51

📍昨今は、　　　　　　　

スマホでなんでも見る時代なので、PC画面上でうまく作れたと思っても、スマホ上では、良くない・見にくい・などが多くあります。

AmebaowndはPCとmobileの切り替えが直ぐできるので、スマホ上で、どのように見えるかを、比べられます。これは、とても大事な点です。

同じサイトを見る時、google chrome なら、PCと携帯ともに同じアカウントでログインすればみられるようです。他には、変換できるアプリがあるようです。

一日1時間以上､ユーザーがネットをスマホで見ているのが7～8割｡だから、その人たちに合わせないといけない事に成ります。

このような事は今更わかる事ではないでしょうが。

そのことを知って、ホームページやブログをオープンにするのとしないとでは、検索回数もすごい違いがあるというのです。

　つまり、読み手側としては、見にくい・長すぎる・読めない・表示スピードが遅い等により、クリックしても直ぐにそのページから逸脱したり、その後そのサイトも見ないと言います。

私自身もやってみましたが、一つ難しいのは、PCでの画面と、スマホの画面では同じようにするのが難しいという側面があることです。

これはウインドウの幅に応じて変化するデザイン（これを、レスポンシブデザインと言います）と言うわけでしょうが、実際全部変化するわけではないようです。

PCで整えていても、スマホでは、PC用に見た目を同じようにするのが無理なところが多い事です。

逆に、スマホで構成していくと、すべてがスマホの大きさの画面に合わせなければならなくなり、段落が多い文章などでは、PCでの見え方が崩れてしまうのです。

その辺のバランスが難しいので、ある程度はPCを主眼に進めるしかないかと思っていますが。

よって、これは、先ほどのアプリやchromeでの変換を試みるべきかもしれません。

また、タッチするだけで電話がかかると言う方法があります。PCに設定するのが必要です。

自分のサイトが、バランスの取れた、見やすい、読みやすく、立ち上げも遅くないか等のチェックが必要です。

それらを、チェックできるのがgoogleにあります。とてもいいチェッカーと言えます。

やってみましょう。サイト状態の評価並びにもっと詳しいレポートまであります。

ただ、このレポート、専門用語が多すぎて分かりにくいですが（私には）。

やり方は簡単です。自分のサイトのURLをコピペするだけです。

　　　https://testmysite.withgoogle.com/intl/ja-jp