Ширина сайта очень важна в его дизайне. Какой же она должна быть? Тут существует множество нюансов.
Если ширина веб-ресурса будет превышать разрешение пользовательского монитора, то страницы сайта не поместятся в популярных браузерах. Внизу появится полоса горизонтальной прокрутки. Подобные сайты неудобно просматривать. Никто не станет прокручивать сайт горизонтально. Пользователям проще закрыть такой веб-проект. А это ухудшит его поведенческие факторы.
Если же задать очень маленькую ширину, сайт будет выглядеть в браузерах несуразно. Поэтому нужно выбрать оптимальный вариант ширины ресурса.
Как показывает статистика, у большинства пользователей интернета мониторы имеют разрешение более 1280 пикселей. 15% имеют экраны с разрешением 1024 пикселя. Таким образом, ширина сайта не может быть более 1024 пикселя. В противном случае вебмаастер создаст неудобство каждому шестому пользователю. Сайт потеряет потенциальных посетителей.
Стоит понимать, что 1024 пикселя является разрешением экрана. Но в браузере ширина страницы немного меньше, поскольку часть монитора занимает скрол (полоса прокрутки). Таким образом, оптимальной шириной сайта можно считать 980-1000 пикселей.
Если проанализировать шаблоны для Вордпресса, то можено увидеть, что их ширина составляет 960 px. Это неспроста. 960 является «удобной» математической величиной. Это число хорошо делится на 6, 8, 12, 16, 24 и другие значения. Зачем это нужно?
Многие шаблоны разрабатываются по «сетке» (grid system), то есть макет условно делится на 6, 8, 12 частей, а затем блоки шаблона строят по данным линиям. Это позволяет получить красивый и симметричный дизайн. Если вебмастер заказывает дизайнеру разработку шаблона и хочет, чтобы контент занимал 600 px, а справа находился сайдбар, ему не нужно ориентироваться на 960 px и «сетку».
Многие сейчас начали использовать на сайтах резиновый макет, размеры которого подстраиваются под любой монитор. Однако в этом случае нужно быть предельно осторожным. Неограничено резиновый шаблон может навредить сайту. Ведь вся статья на широких мониторах может вытянуться в пару длинных строчек, которые крайне сложно будет прочитать. Вряд ли кто-то захочет читать метровые строки.
При заказе резинового макета надо думать о пользователях. Следует ограничить ширину сайта примерно 1300 px.
