Давайте поговорим про мобильную версию сайта

Привет!

Если у вас есть внятное мнение о том, что именно должно отдаваться сервером на запрос из телефонного браузера, то пожалуйста, поделитесь этим мнением в этом треде :) А пока что я поделюсь своими мыслями.

Для начала, какие вообще есть варианты?

1. Мобильной версии нет :) Татьяныч, например, считает, что и не должно ее быть: http://www.artlebedev.ru/kovodstvo/sections/177/

2. Responsive design - внешний вид сайта определяется через media query / js. При этом содержимое серверного выхлопа, а также URL и домен, не меняются.

3. Отдельный сайт:

3.1. Сайт доступен на отдельном домене или URL-директории. При заходе с мобильного браузера на десктоп-версию, сервер отправляет redirect на мобильную.

3.2. Домен сайта и URL-ы не меняются, а какую версию отдавать на запрос - десктопную или мобильную - сервер решает в момент запроса (обычно - по User-Agent-у).

Google советуют использовать responsive design: http://googlewebmastercentral.blogspot.ru/2012/06/recommendations-for-building-smartphone.html

Сегодня Google начал учитывать дружественность сайта к мобилам в результатах мобильной поисковой выдачи: http://googlewebmastercentral.blogspot.ru/2015/04/faqs-april-21st-mobile-friendly.html

Тест на мобильную дружественность можно пройти здесь: https://www.google.com/webmasters/tools/mobile-friendly/

На "типичных" верстках, вроде CMS-ных шаблонов (блог, каталог товаров, галерея, и т.д.), responsive design смотрится вполне сносно. Но если сайт более, так скажем, визуально-богат деталями, то я не представляю, как там можно все уместить в один HTML. В качестве примера - Яндекс и его многочисленные сервисы, или ВКонтакте - у всех у них очень крутые сайты, и у всех у них очень крутые отдельные мобильные версии сайтов. Просто посмотрите, насколько клевая мобильная версия ВКонтакте, Яндекс.Погода или Яндекс.Расписания, и попробуйте представить, как ее совместить с десктопной версией через медиа-запросы.

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

А теперь расскажите вы:

1. Что вы обо всем этом думаете? Интересует все: разработка, юзабилити, сео, и т.д.

2. Как сделано на ваших сайтах? Если есть отдельная мобильная версия, то каким образом она доступна?

3. На чем при этом у вас все сверстано? CMS? Сторонний CSS-фреймворк? Всё своё? Как-то еще?

4. Собираетесь ли что-то менять в своих взаимоотношениях с мобильной версией?