Как лучше сделать переход на мобильную версию сайта?

Question

[Дмитрий Куликов]

После очередных писем от гугла решили адаптировать наш сайт под мобильную версию. Возникло 3 варианта как можно это сделать:
1. сделать поддомен m.site.ru и редиректить мобильный трафик туда
2. В зависимости от браузера отдавать по одному и тому же адресу разные страницы, для мобильных пользователей и пользователей с ПК
3. Отдавать всегда один контент но с помощью js определять размер экрана и тип платформы и уже после этого формировать контент более удобно

Интересует какой вариант лучше для ПС да и для пользователей в целом

Answer 1

[Владислав Яновский]

Применяя адаптивный веб-дизайн, вы используете одни и те же URL и код веб-страниц на любых устройствах. Страница автоматически подстраивается под экран компьютера, планшета или мобильного телефона, благодаря чему пользователю удобно работать с любой версией сайта. Google рекомендует использовать именно АВД. Благодаря АВД вам достаточно поддерживать одну, а не две версии сайта. Другими словами, нет необходимости обслуживать одновременно обычную (www.example.com) и мобильную (m.example.com) версии, ведь один сайт (www.example.com) будет работать как для пользователей настольных систем, так и мобильных устройств.

https://developers.google.com/webmasters/mobile-si...

Answer 2

[Максим Гречушников]

1. адаптивная верстка.
2. m.site.ru
3. site.ru/m
как захотите.

Answer 3

[Natan]

Дмитрий Куликов Зависит от функционала и направления Вашего сайта. Для SEO лучше будет редизайн с адаптивной верской. Но Вы же сайт делаете в первую очередь для посетителе и клиентов и если у Вас там много разных меню и функций в адаптивном дизайне это может получится криво и не удобно.

Посмотрите на хабре:
Мобильная версия сайта или адаптивный дизайн?
Сравнение методов создания мобильных версий сайтов
30 CSS-фреймворков для адаптивного веб-дизайна

Answer 4

[arab789]

Я делал с помощью php библиотеки Mobile Detect, определял мобильное устройство и отправлял на site.com/mobile/. Там мобильная версия сайта.

Answer 5

[Дима Паутов]

Ни один из ваших трёх.
Правильный ответ - media queries

Нет, грузить все не нужно! Нужно просто взять провести оптимизацию сайта. Уменьшить запросы к серверу, перенести все оформление на css, без картинок. Сделать сжатие данных на стороне. Все же используют media queries, так почему вы думаете что вам это будет плохо?

Так же некоторые элементы можно скрыть, а некоторые можно подгружать после загрузки страницы.
Например: по мере прокрутки страницы, подгружать изображения.

У того же гугла есть сервис Google Page Speed - который скажет вам, что нужно оптимизировать на вашем сайте после его проверки!