Webの記録

気になるブラウザサイズ 集計結果。

投稿日:

この記事は約 3 分で読めます。

最近、Webサイトを作るのにどれ位の幅で作れば良いのかとても迷ってきました。

いろんな方のサイトをいじらせてもらいながら、表示確認をしていて驚く事もしばしば・・・。

それ以来、アクセス解析結果でアクセスして来た人の画像解像度をチェックしていたのですが、どうも気になります。。。
それは、以前より様々なデバイスでアクセスがされているんでは?と思ったからでした。

以前は・・いろいろなサイトや書籍で書かれている基準で作っていたのですが、実際どうなんだろう?という事で実際に集計をとってみることにしました。

今回私のサイトをリニューアルするのに、私のサイトを閲覧している人のブラウザ描画サイズを集計するのが一番!!

・・・ってコトで、1カ月程、様子を見てみました。

※今回の記事は、2011年10月10日の「気になるブラウザサイズ」の集計結果です。

 

集計結果には「BROWSIZE.ORG」を利用しました。

まず、どんなブラウザサイズで見られているかの分布表を見てみます。

BROWSIZW.ORGで集計したブラウザサイズ範囲結果

1番多いのが1601~2048pxで全体の24%でした。
2番目に多かったのが、1153px~1280pxで21%。
あとは、951px~1024px、1025px~1152pxでそれぞれ14%となっています。

次に「最低幅で集計」の表を見てみたいと思います。

BROWSIZE.ORGで集計した最低幅の結果

これでいくと、90%超えする所が「1000px~」になっています。
やっぱり今まで作ってきたサイズ通りの集計結果で良かったのかな?という感じです。
思った以上に、ブラウザを全画面にして見ている人が多くなっているのかな?

ちなみに、Wordpressにデフォルトで入っているテーマ「Twenty Ten」は、940pxです。
そのテーマを表示して「BROWSIZE.ORG」を見てみるとデザインアドバイスが表示されます。

BROWSIZEORGのデザインアドバイス画面

横幅がもう少し広がっても大丈夫な人は、今のままでOKだとして・・・。

  • 5%の人は横スクロールバーが表示されています。
  • 50px横幅を縮めるとさらに2%の人(合計97%)が快適に閲覧出来ます。
  • 100px横幅を縮めるとさらに2%の人(合計97%)が快適に閲覧出来ます。

・・・という3行は、これから私のサイトをニリューアルしていく中で参考にしたいと思います。

今回、実数表示はしていないのですが・・・0%になっている部分も少数ながらアクセス数がありました。
iPhoneやスマートフォンからのアクセスです。

これらに対しては、全て同じ表示の仕方をするというよりも別途何か手立てをした方が良いと思いました。

最後に・・・。

このサイトを見る人は、ほとんどWebに何らかの関係ある方だろうと思います。(アクセス解析の結果からの推測ですが・・・)
なので、他のサイトとは結果が多分違っているでしょう・・・。

とりあえずの参考に記録として残しておきます。

また別のサイトも、こうして調べられたら面白いなぁと思っています。

-Webの記録
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This blog is kept spam free by WP-SpamFree.

関連記事

no image

WordPress 簡単にスライダーを投稿内に追加出来るプラグイン「SlideDeck」

この記事は約 1 分で読めます。 WordPressには、とても素敵なスライダープラグインがあります。まだ試せていないものもたくさんあるので、少しずつ試していく予定です。 今回は、投稿する記事の中にス …

no image

苦手なJavaScriptをイチから勉強してみる【JavaScriptを外部ファイルにする】

この記事は約 1 分で読めます。 苦手なJavaScriptをイチから勉強してみる【関数編】の続きとしてメモします。 イチから「JavaScript」を学び直しをする為に記録を残しています。少しずつメ …

no image

Worepressのロゴ、ボタン、カラースキームなどの公式データをメモ

この記事は約 1 分で読めます。 WordPressのロゴ、ボタン、カラースキームなど、公式データがダウンロード出来るようになっていたので、メモ。 ちゃんと、あったんですね!!しかも、かなり種類が豊富 …

カラーミーショップ無料テンプレート「Bit」のフリーページ表示順を変えてみた

この記事は約 1 分で読めます。 比較的安価でネットショップ初心者でも始められる「カラーミーショップ」。 スマホからのアクセスにも対応できる、シンプルなレスポンシブデザインの無料テンプレート「Bit」 …

no image

Facebookページに「お問い合せフォーム」を簡単設置♪

この記事は約 2 分で読めます。何気に始めたFacebookでは意外な人との繋がりが持てて、思ったより面白くて毎日開いて見てしまいます。 きっとそんな風に思っている方も多いのでしょう。 最近、Face …