Адаптивный и мобильный сайт: что это значит
Что такое адаптивный сайт
Адаптивный сайт — сайт, вёрстка которого автоматически подстраивается под размер экрана устройства, с которого его открывают: на телефоне элементы перестраиваются в удобную для маленького экрана колонку, на планшете и десктопе используется больше горизонтального пространства. Это не одна отдельная «мобильная версия» сайта, а единая вёрстка, гибко реагирующая на разные размеры экрана.
Почему это критично, а не опционально
Для большинства коммерческих сайтов значительная, часто большая часть трафика приходит именно с мобильных устройств. Сайт, спроектированный и протестированный только под десктоп, на телефоне может показывать элементы наложенными друг на друга, кнопки — слишком мелкими для нажатия пальцем, а формы — неудобными для заполнения на маленьком экране. Каждая такая проблема напрямую снижает конверсию именно у той части аудитории, которая в реальности часто и есть большинство.
Как сделать сайт мобильным на практике
Адаптивность нужно закладывать на этапе проектирования структуры и дизайна, а не проверять постфактум на уже готовом сайте, — иначе доработка часто требует пересборки значительной части вёрстки. Обязательный шаг перед запуском — тестирование на реальных мобильных устройствах (не только в режиме эмуляции в браузере на компьютере), потому что реальное поведение сенсорного экрана и разных операционных систем не всегда полностью совпадает с эмуляцией.
Вернуться в блог.