Адаптивный веб-дизайн

Адаптивный веб-дизайн (responsive design, RWD, отзывчивый дизайн) — это подход к созданию сайтов, при котором страница автоматически подстраивает свою верстку и вид под размер экрана устройства: смартфона, планшета, десктопа. Один и тот же сайт удобно выглядит и работает везде, без отдельных версий.

Как работает

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

Адаптивный дизайн сегодня — стандарт и необходимость: большая часть трафика идет со смартфонов, а поисковики оценивают сайт по мобильной версии (mobile-first) и требуют, чтобы он был mobile-friendly. Неадаптивный сайт теряет и трафик, и позиции, и конверсию. Адаптивность отличают от отдельной мобильной версии сайта (на другом адресе): responsive-подход использует один сайт для всех устройств, что удобнее в поддержке и для SEO. Адаптивный дизайн — базовое требование к любому современному сайту.