Sunday , February 05 , 2012

ウェブサイトの最適な横幅ってどれくらい?

Measureご存知の通り、今年(2008年)からYahoo! JAPANのトップページが変わりました。新しいトップページの横幅は950px。
以前は740pxでしたので210pxの余裕が出来たわけなんですが、横幅を拡げることによって生まれる最大のメリットは「一覧出来る情報量が増える」ということです。

せっかく広告を掲載していても縦に長いサイトではスクロールされてあっという間に画面の外に行ってしまいますよね。
極端に言えば「サイドバー」と「記事」と「広告」が画面からはみ出すことなく横一列に並んで収まっているのが理想的なんです。

じゃあ、理想的な横幅っていったいどれくらいなんでしょう。

参考資料として日本のスタンダードを調べるために、各ポータルサイトの横幅を比較してみようと思います。

ほぉ・・・なるほど。恐ろしい事実が発覚しました。
見えない力に操られたかのように、各社950ピクセル前後。

もはや完全にwidth:950pxというのが標準サイズになった感がありますね。BIGLOBEも4月7日に860pxだったトップページを950pxに拡大したようです。
・・・あれ?インフォシークは未だに850pxですね。その母体である楽天に至っては旧Yahoo! JAPANと同じ「テーブル構成」の740px。きっとそのうちリニューアルするんでしょう。たぶん。

インフォシークはその後948pxに変更されました

サイドバーがダラダラと長いブログをよく見かけますが、新着記事や相互リンクだけでも長いのにそこに更に広告まで入れてしまっては広告クリック率が極端に下がってしまいます。記事の下に長い空白が出来てしまってみっともない感じにもなりますので、長くなってしまったサイドバーは横に分割してその分ブログの横幅を拡げるかJavaScriptを使用して折りたためば見た目がスッキリすると思います。

Yahoo! JAPANが950pxの横幅を選択したことで、今年から私も横幅950pxで作成することが多くなりました。情報量が増えてくると2カラムではちょっと使いづらくなってくるのでとりあえず最初から3カラムでウェブサイトを作成するようにしています。

各カラムのサイズということになると、コンテンツの内容によって最適なサイズが変わってくるとは思いますが、トレンドはメインコンテンツ480px。それじゃ狭いな~って場合には560pxか640pxあたりがおすすめです。

[ Daisuke ]

コメントはまだありません

  • 管理者 : Daisuke

    こんにちは。短気で頑固でお人好しの器用貧乏、Daisukeです Smiley
    コメントはお気軽にどうぞ。

  • 管理者による内容確認後に表示されます。多少時間がかかる場合がありますのでご了承ください。
  • メールアドレスや人物の氏名など、個人が特定されるおそれのあるコメントは掲載いたしません。
  • Gravatarに登録済みの方はメールアドレスを入力するとアバターが表示されます。




:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:

e-まが
(H21.7~更新中?)
JavaScriptやCSSなど、ウェブデザインの実装チュートリアルを紹介するブログ。

SEO & DESIGN
(H19.4~H20.11)
SEOとウェブデザインに関してのブログ。現在は更新を停止、当サイトの下層に移転しました。