Адаптивный сайт и мобильная версия

Адаптив или отдельная версия

Адаптивная вёрстка это один сайт, который перестраивается под ширину экрана. Отдельная мобильная версия это второй сайт на поддомене. Второй вариант остался у старых проектов и создаёт проблемы: два комплекта контента, дубли для поиска, двойная поддержка.

Что проверять

Читается ли текст без увеличения. Помещаются ли кнопки под палец. Работает ли меню. Видно ли главное предложение без прокрутки. Не перекрывает ли всплывающее окно половину экрана. Заполняется ли форма одной рукой.

Скорость

На телефоне она важнее, чем на компьютере: связь хуже, а терпения меньше. Тяжёлые картинки и лишние скрипты чаще всего и создают задержку. Три секунды до появления первого экрана это уже потеря заметной части посетителей.

Почему это влияет на продвижение

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

Сколько стоит

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

Про порядок работы

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

Планшеты и крупные экраны

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