Адаптивный дизайн и верстка
Количество пользователей мобильными устройствами, такими как смартфоны, планшеты, нетбуки растет бешеными темпами. Все реже можно встретить человека пользующегося стационарным компьютером вне офиса. И это кардинально меняет подход к веб-разработке. Вот почему возникло понятие адаптивного (отзывчивого) дизайна.
Впервые понятие отзывчивого веб-дизайна (англ. responsive web-design) ввёл Итан Маркотт в одной из своих статей в мае 2010 года. Впоследствии он выпустил книгу под названием «Responsive Web Design», посвященную данной технологии. (wiki)
Адаптивный (отзывчивый) дизайн сайта предоставляет возможность правильного отображения сайта не только на десктопах, но и на любых мобильных устройствах. Очевидно, что в данный момент соответствие стандартам Mobile Friendly является жизненно необходимым для подавляющего большинства сайтов.
Адаптивный дизайн – это конфигурация, в которой сервер отправляет одинаковый HTML-код на любые устройства, а размеры элементов страницы корректируются с помощью CSS. Алгоритмы Google автоматически распознают такую конфигурацию, если все агенты пользователя Googlebot могут сканировать страницу и ее ресурсы (CSS, JavaScript и изображения). В адаптивном дизайне для всех устройств используется один код с корректировкой по размеру экрана. (google)
В прошлом году Google анонсировал новый алгоритм индексирования сайтов, который в первую очередь анализирует страницы для мобильных устройств (mobile-first индексирование). Заявленная конечная цель Google — перенести акцент на мобильный контент. Поисковый индекс будет по-прежнему единым, но строится он будет по версиям страниц, адаптированным для мобильных устройств.
Поэтому, самое время задуматься о редизайне и реверстке вашего сайта для его адаптации под современные требования.
Мы с удовольствием поможем вам в этом.
