Адаптивная версия – сайт остается прежним, но корректировки кода предусматривают автоматическую адаптацию всех его элементов под различные параметры экранов. К плюсам этого варианта относится более простая настройка редиректов, которые исключают дублирование контента. Для пользователей сайт на смартфоне будет выглядеть почти так же, как и обычная версия. Основные минусы – более длительная загрузка и не всегда адекватная подстройка контента или пунктов меню. Тем не менее сейчас большинство сайтов используют именно этот вариант.
Динамический показ – чуть более сложный вид адаптивной версии. Здесь задаются глубокие уровни форматов отображения элементов. При динамической технологии сначала определяется тип устройства, с которого зашел пользователь. И только потом система запускает наиболее соответствующий его характеристикам вариант кода. Это значит, что под каждый тип устройства создается индивидуальный макет. Сразу высвечиваются минусы – разрабатывать динамический показ долго и дорого, его поддержка также требует немалых усилий.
К обязательным пунктам анализа версии сайта для мобильных устройств относятся:
• скорость загрузки на 2G/3G/4G;
• размер шрифта (не менее 12 px);
• видимость всех важных элементов на страницах;
• кликабельность ссылок и номеров телефонов;
• расстояние между интерактивными элементами (не менее 48 px);
• площадь текста по отношению к экрану прокрутки;
• размер и вес аудио, видео, изображений;
• наличие автозаполнения в полях форм.
Все эти факторы влияют не только на удобство использования сайта, но также на его ранжирование в поисковых системах, а значит, и на количество посетителей, и на их активность.