[Помогите] Какую ширину сайта выбрать?

Здравствуйте.
Планирую переделать дизайн для своего сайта. Основная причина - плохое отображение на мобильных устройствах (сайт не адаптивный).
На данный момент ширина макета 980px
Я посмотрел статистику по разрешению экранов всех посетителей за последний квартал (прикрепляю ниже картинкой).
Статистика такая:

• 1366х768 - 22% посетителей
• 1280 - 17% посетителей
• 1920 - 10% посетителей
• 320 - 9% посетителей
• 1024 - 7% посетителей

Цель: сделать дизайн, который будет оптимален для всех самых популярных разрешений экранов.
Вопрос: какую ширину макета выбрать? И стоит ли делать адаптивный дизайн (какие есть плюсы и минусы).
Помогите, пожалуйста, советом, ссылками, а то уже всю голову сломал.

 

http://wmasteru.ru/threads/Какой-сайт-лучше-резиновый-или-фиксированный.3912/#post-34485

 

Спасибо за ссылку.
Решил делать адаптивный дизайн.
В связи с этим вопрос, какую ширину макета для прорисовки в .psd выбрать?
Достаточно ли будет сделать один макет шириной 1300 px или нужно делать макет под каждое популярное расширение?

 

Ещё ведь надо учесть мобильные версии сайта под обычные коммуникаторы и под планшеты.

 

В наш мобильный век без адаптивного дизайна никуда

 

Если будете делать на каком-либо фреймворке, то достаточно один макет, с максимальной шириной. В зависимости от разрешения монитора шаблон сам будет подстраиваться, меняя размеры рисунков и расположение блоков. Посмотрите на Bootstrap, один из самых распространенных, http://getbootstrap.com/ постепенно уменьшайте ширину браузера и смотрите, как он перестраивается под каждую ширину экрана.

 

Делайте адаптивный сайт, если что-то расплывается всегда можно подключить другой css
например: <link rel="stylesheet" media='(max-width: 1000px)' href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/defaut_mini.css" type="text/css" />
т.е. при ширине меньше 1000 пикселей, будет работать css файл /css/defaut_mini.css.

 

Конечно, нужен адаптивный сайт. О других уже можно забыть, если рассчитываете делать проект не "для галочки" и "просто чтобы был".
Поисковики уже официально заявили, о том, что сайтам mobile friendly будет отдаваться преимущество в выдаче, т.к. это наиболее адекватное решение для всех пользователей.
Смотрите сами: удобное юзабилити для пользователей => лучшие поведенческие факторы, меньший процент отказов => более эффективное продвижение.
Плюсов много, почитайте об этом подробнее тут: https://artklen.ru/blog/pochemu-google-lubit-adaptivnie-saity

 

Подскажите где взять "голый" адаптивный шаблон для joomla? Не хочется создавать все с "нуля".

 

Почти у каждой студии, разрабатывающей шаблоны, есть бесплатный фреймфорк, на основе которого они и работают.

Помимо шаблона, на сайтах имеется достаточно подробная документация по работе, с описанием функционала, который имеется в шаблонах.

 

сейчас по-моему только резиновым сайт должен быть Слишком много различных мониторов с разными расширениями. А под смарты и планшеты мобильная версия должна быть.

У нас на магазине посещение мобильной версии почти 50% не зря гугл сделал мобильную версию обязательной

 

Что значит обязательным ? Т.е. сайты без мобильной версии он понижает в выдаче ?(

 

да

 

leo184, да именно так и есть! При этом они все оповещают, то есть не просто так взяли и резко понизили все позиции сайтов у которых нет моб версии. Мне письмо еще весной пришло от них, где они настоятельно рекомендовали сделать моб версию, иначе.... и расписали что и как

 

Берите любой адаптивный шаблон и "пилите" под себя.
Недавно такой сайт делала: в мобилке и на планшете там лишние блоки с "рюшечками" просто скрываются, остается исключительно важная информация.

 

Если сайт не поддерживает мобильную версию, или делает это с ошибками, то Гугл (вебмастер) ругается и предупреждает что в выдаче сайт займет место ниже чем аналогичный с поддержкой мобильных устройств

 

pisok, ну это естественно. Я и сказала: адаптивный шаблон нужен. "Пилить" под себя - значит, часть ненужных блоков убрать, что-то, наоборот, продублировать/добавить, поменять картинки, цвета и т.д. Соответственно наполнить собственным контентом.

 

Какую ширину сайта выбрать для мобильных и планшетов (px), могу выбрать по одному расширению для каждого?

 

Сейчас обычно ширина меняется, под любой размер экрана. Единственное, есть критические значения, после которых меняется разметка шаблона. К примеру ширина 960, 640 и 320 пикселей. Если ширина 960 пикселей, то считается, что это монитор и к примеру происходит вывод по три блока в ряд. Если ширина становится 640 и меньше, то значит планшет и выводится по 2 блока в ряд. А если ширина меньше 320, то значит это телефон и будет выводится по одному блоку в ряд.
Между этими крайними значениями ширина шаблона тоже меняется, но там могут размеры рисунков меняться, а не расположение блоков, относительно друг друга.

 

т.е. для мобилки 320px, для планшета 640px?