最適なWeb​​ページの幅はどれくらいですか?

Webサイトを設計し、Webページの幅を最適な幅に設定することは、持つ価値のある会話です。 最近、ブログのデザインの幅を変更したことに多くの人が気づきました。 ページ幅を1048ピクセルに押し出しました。 この動きに反対する方もいらっしゃるかもしれませんが、テーマの幅をこれほど広くした理由について、いくつかの統計と理由を共有したいと思います。

ただし、1048ピクセルは乱数ではありませんでした。

ページ幅を拡大する上で、XNUMXつの重要な影響がありました。

  • YouTubeの幅を変更するYoutubeは現在、より大きな埋め込みサイズを提供しています。 Youtubeビデオページのサイドバーにある小さな歯車をクリックすると、テーマだけでなく、より大きなサイズのオプションが表示されます。 より高解像度のビデオがYoutubeで一般的になりつつあるので、私はそれらのビデオをブログに組み込み、(ページ幅全体を消費することなく)できるだけ詳細に表示したいと思いました。
  • 一般的な広告の幅は125、250、300ピクセルです。 300ピクセルは広告収入サイトでますますポップアップしているようで、私はそれらをサイドバーにきちんと組み込みたかったのです。

そしてもちろん、ページ、コンテンツ、サイドバーの左右にいくつかのパディングがあります…したがって、私のテーマの魔法の数は1048ピクセルでした。

最適なWeb​​サイトの幅

読者の統計を確認しましたか?

はい、もちろん! 私の訪問者の大多数が低解像度の画面を実行している場合、私は間違いなく私のページを拡大することについて考え直したでしょう。 幅とパーセンテージAnalyticsパッケージから画面解像度を出力した後(Googleでは[訪問者]> [ブラウザー機能]> [画面解像度])、結果のExcelスプレッドシートを作成し、解像度フィールドから幅を解析しました。

Googleは1600×1200の解像度を提供しているため、「x」の左側からすべてを取得し、1を掛けて数値結果にする必要があります。これにより、降順で並べ替えてから、SUMIFを実行して訪問数を確認できます。あなたが見ているデザイン幅よりも大きいか小さいです。

= LEFT(A2、FIND( "x"、A2,1)-1)* 1

より小さな解像度を実行している読者の22%を放棄しましたか? もちろん違います! コンテンツを左に、サイドバーを右に配置したレイアウトの良いところは、コンテンツが大多数のブラウザーの幅内にあることを確認できることです。 この場合、私の読者の99%が640ピクセルを超える幅で実行されているので、私は元気です! サイドバーを完全に見逃してほしくないのですが、それはコンテンツの二次的なものです。