Определение
Адаптивная верстка - подход, при котором один набор страниц подстраивает раскладку под размер и возможности любого устройства, на котором отображается - телефон, планшет, ноутбук, большой монитор - используя гибкие сетки, гибкие изображения и CSS media queries, а не отдельные мобильный и десктопный сайты. Один и тот же HTML отдается каждому устройству, а представление перетекает.
Адаптивная верстка - ожидание по умолчанию для современного веба по причинам и юзабилити, и SEO. Google индексирует с mobile-first краулингом, то есть в первую очередь оценивает мобильный рендер страницы, поэтому сайт, удобный на десктопе, но сломанный или урезанный на мобильном, оценивается по сломанной версии.
Единая адаптивная кодовая база также избавляет от бремени поддержки и проблем канонизации и паритета контента, которые создавали отдельные m-dot сайты.
В контексте
Для iGaming-аффилиатных сайтов мобильный опыт не второстепенен - во многих рынках большинство гемблинг-трафика на телефонах, поэтому мобильный рендер страницы сравнения или обзора - версия, которая реально приносит доход. Частые провалы адаптива на этих страницах имеют прямую коммерческую цену: таблицы сравнения, переполняющиеся по горизонтали и прячущие колонку CTA, таблицы бонусов, становящиеся нечитаемыми, липкие шапки, съедающие половину маленького экрана, слишком близкие цели нажатия и межстраничные окна, блокирующие контент и навлекающие штраф за мобильное юзабилити.
Дисциплина - проектировать и тестировать мобильную раскладку первой, считая десктоп улучшением, и проверять на реальных ширинах устройств, а не сужением десктопного браузера. Поскольку Google оценивает мобильную версию, мобильная страница должна содержать тот же основной контент и структурированные данные, что и десктоп - мобильная раскладка, которая выбрасывает секции, сворачивает текст за взаимодействия, которые Google может не развернуть, или опускает schema, фактически прячет этот контент от ранжирования.
Скорость мобильной страницы - часть той же картины, так как телефоны обычно на более медленных соединениях и слабых CPU, чем десктопные машины, где сайт собирают и тестируют.
Разобранный пример
Аффилиат обнаруживает, что мобильная конверсия вдвое ниже десктопной на его топовой странице казино. На реальном телефоне таблица сравнения прокручивается по горизонтали, а кнопки «Забрать бонус» уходят за экран вправо.
Пересборка таблицы как составленных карточек на узких вьюпортах, с CTA в каждой карточке, примерно удваивает мобильный CTR по офферам.
Связанные термины
Частые вопросы
Смотрите остальные iGaming-термины в нашем глоссарии.
← Назад к глоссарию