Мобильная версия сайта в 2026: что проверить владельцу за один вечер

Двадцать минут в Метрике до того, как трогать сайт

Соблазн начать вечер с того, чтобы открыть сайт на телефоне и править «на глаз», очень велик. Но сначала стоит потратить двадцать минут на цифры, иначе весь вечер уйдёт на переделку того, что и так работает. Все нужные данные уже лежат в Яндекс Метрике — это бесплатный счётчик посещаемости, который почти наверняка стоит на вашем сайте. Если его нет, вечер придётся начать с установки, без данных дальше двигаться бессмысленно.

Шаг 1. Узнайте свою долю мобильного. Отчёты → Технологии → Устройства. Период — последние три месяца, чтобы не поймать случайную неделю. В наших проектах доля визитов со смартфонов обычно составляет 65–80% для услуг населению (ремонт, красота, автосервис, доставка) и 45–60% для B2B и оптовых поставок. Эта цифра задаёт цену вопроса: при 70% мобильного любая поломка на телефоне стоит вам примерно вдвое-втрое дороже, чем та же поломка на компьютере.

Шаг 2. Сравните конверсию по устройствам. В том же отчёте нажмите кнопку «Метрики», выберите свою цель — заявку, звонок, заказ — и добавьте показатель «Конверсия». Теперь в одной таблице видно, сколько процентов визитов доходит до цели с компьютера, со смартфона и с планшета. Ориентир из практики: разрыв в 20–40% в пользу десктопа — обычная история, мобильный трафик в среднем холоднее. А вот разрыв в два раза и больше чаще всего означает, что дело не в аудитории, а в самой мобильной версии. Если целей в счётчике нет или они настроены как попало, начните с них: как их собрать без разработчика, разобрано в материале про цели в Яндекс Метрике.

Шаг 3. Посмотрите на отказы и время визита. Отказом Метрика считает визит короче 15 секунд без действий. На смартфонах доля отказов обычно выше десктопной на 5–10 процентных пунктов — это норма, люди чаще заходят «одним глазком». Тревожный сигнал — разрыв в 20 пунктов и больше или средняя длительность визита с телефона меньше 20 секунд. Так ведут себя страницы, которые долго грузятся или встречают человека всплывающим окном.

Шаг 4. Соберите топ разрешений экрана. Отчёты → Технологии → Разрешения дисплея. Выпишите пять самых частых значений ширины. Обычно это 360, 390, 393, 412 и 414 точек. Дальше вы будете проверять сайт именно на такой ширине, а не на своём телефоне с большим экраном — самая частая беда живёт как раз на узких 360 точках.

Шаг 5. Замерьте скорость отдельно для мобильных. Отчёты → Мониторинг → Время загрузки страниц. В «Группировках» добавьте параметр «Тип устройства». В наших проектах приемлемым считается время до отрисовки контента порядка 2,5 секунд на мобильном интернете; 4–6 секунд — это уже потерянные заявки, причём тихо, без единой жалобы.

Шаг 6. Десять записей Вебвизора. Вебвизор — это запись экрана посетителя, встроенная в Метрику. Поставьте фильтр: тип устройства «смартфон», цель не достигнута, длительность визита больше 30 секунд. Посмотрите десять записей подряд, не перематывая. Это самые полезные полчаса вечера: вы увидите, как человек три раза промахивается мимо кнопки, как он пытается закрыть баннер крестиком в два пикселя и как уходит с формы на четвёртом поле. Выпишите пять чисел на бумагу — доля мобильного, конверсия с телефона, конверсия с компьютера, отказы, время загрузки. Это точка отсчёта, к которой вы вернётесь через месяц после правок.

Час с телефоном в руках: двенадцать проверок подряд

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

1. Горизонтальный скролл. Проведите пальцем влево-вправо на каждом типе страниц. Если страница ездит по горизонтали — где-то торчит слишком широкая таблица, картинка или блок с фиксированной шириной. Это самая частая и самая заметная поломка.
2. Первый экран. Что видно без прокрутки: понятно ли, чем вы занимаетесь, есть ли город и есть ли одно действие — кнопка или телефон. Если первый экран занимает большая картинка без текста, вы теряете людей ещё до начала.
3. Размер кнопок. Целевая зона нажатия — от 44 до 48 точек по высоте, между соседними кликабельными элементами — не меньше 8 точек. Проверьте пальцем, а не ногтем: если промахиваетесь вы, промахнётся и клиент.
4. Размер текста. Основной шрифт — от 16 точек. Всё, что меньше, человек будет растягивать пальцами, а на растягивании обычно теряется вёрстка.
5. Телефон кликабельный. Номер в шапке должен запускать звонок одним касанием, а не выделяться для копирования. Проверьте все места, где номер встречается: шапка, футер, страница контактов, карточка товара.
6. Меню в два касания. Откройте меню и попробуйте добраться до любого раздела. Если между главной и нужной услугой три-четыре касания и по дороге меню закрывается само, разделы надо перекладывать.
7. Попапы и баннер о cookie. Всплывающее окно на мобильном должно закрываться крупным крестиком и не перекрывать больше половины экрана. Баннер согласия, который висит поверх кнопки заказа, стоит бизнесу заявок каждый день.
8. Формы и клавиатура. В поле телефона должна открываться цифровая клавиатура, в поле почты — клавиатура с собачкой. Если везде выскакивает обычная буквенная — разработчик не проставил тип поля.
9. Автоподстановка. Проверьте, подставляет ли браузер сохранённые имя и телефон. Если нет — поля названы нестандартно, и человек вводит всё руками.
10. Поиск по сайту. Для каталога — обязательный пункт: найдите товар по названию и по артикулу. На мобильном поиском пользуются чаще, чем меню.
11. Скорость возврата. Зайдите в карточку товара и нажмите «назад». Если каталог перезагружается с самого верха и теряет выбранные фильтры, человек уходит.
12. Инкогнито. Повторите три ключевых шага в режиме инкогнито. Ваш браузер держит кэш и куки, из-за которых вы видите не то, что новый посетитель.

Каждую находку записывайте в одну строку: страница, что не так, с какого экрана. Через час у вас будет список на 15–25 пунктов, и это уже техническое задание, а не жалоба «сайт неудобный». По такому же принципу удобно принимать любую новую версию сайта — подробный чек-лист приёмки сайта у подрядчика расширяет этот список пунктами про верстку, доступы и резервные копии.

Скорость: что реально тормозит мобильную версию

Скорость — это не про красивые баллы в отчётах, а про то, сколько людей увидят вашу страницу вообще. В наших проектах ускорение мобильной загрузки с 5–6 секунд до 2–3 обычно даёт прирост конверсии в диапазоне 10–25% при том же трафике, причём заметнее всего на рекламном трафике: человек пришёл по объявлению, у него нет запаса терпения. Связь между временем загрузки и деньгами подробно разложена в материале про скорость сайта и конверсию — там же про то, какие метрики смотреть, если у вас интернет-магазин.

Хорошая новость в том, что чаще всего тормозит не «сайт вообще», а три-четыре конкретные вещи. Вот они, с указанием, как каждую найти за вечер.

Порядок действий на вечер простой. Сначала измерьте: откройте три типовые страницы — главную, страницу услуги или категории, карточку товара — и запишите вес каждой. Ориентир из практики: страница тяжелее 3 МБ на мобильном почти всегда грузится дольше пяти секунд. Дальше идите сверху таблицы: картинки дают самый быстрый результат и не требуют программиста, если у вас WordPress, Битрикс или OpenCart — там есть готовые модули сжатия.

Отдельно про виджеты. Владельцы ставят их по одному, каждый «маленький», а в сумме получается полторы секунды задержки и три всплывающих окна на одном экране. Пересчитайте свои: чат, обратный звонок, квиз, виджет отзывов, карта, две системы аналитики, пиксель рекламной площадки. Уберите то, что за последний месяц не принесло ни одной заявки — эту цифру видно в Метрике по целям. Если после чистки скорость всё равно не радует, дело глубже, в шаблоне или в базе, и тогда нужен полноценный технический аудит сайта, а не вечер правок.

Формы, звонки и мессенджеры: где заявки утекают на телефоне

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

Сократите поля до трёх. Имя, телефон и одно поле по сути запроса. Каждое дополнительное поле в наших проектах обычно снижает долю заполнивших на 5–10%. Адрес, удобное время, площадь помещения, комментарий — всё это менеджер спросит в разговоре. Если отдел продаж требует «квалифицировать до звонка», сделайте квалификацию после отправки: сначала телефон, потом уточняющие вопросы на странице благодарности.

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

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

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

Кнопка отправки не должна прятаться под клавиатурой. Проверьте на узком экране 360 точек: заполните последнее поле и посмотрите, видно ли кнопку. Если нет — форму надо перестроить, а не «прокрутить, там же есть».

Звонки и мессенджеры. На мобильном звонок часто конвертирует лучше формы. Номер должен быть кликабельным везде, а рядом — кнопка мессенджера, обычно Telegram: часть аудитории принципиально не звонит. Важный технический момент: переходы в мессенджер и нажатия на номер нужно отмечать в Метрике как отдельные цели, иначе в отчётах вы увидите только формы и решите, что мобильный трафик «не работает». Настраивается это через события на кнопках, обычно за час работы разработчика.

Звонки надо считать. Если заявок по телефону много, без подмены номера вы не узнаете, какая реклама и какие страницы их приносят. Это отдельная система со своей ценой и своими условиями окупаемости — когда она нужна, а когда деньги на ветер, разобрано в материале про коллтрекинг и его окупаемость. Ориентир из практики: при потоке меньше 30–40 звонков в месяц подмена номеров обычно не окупается, достаточно отдельного номера на сайт.

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

Каталог, карточка и тексты на маленьком экране

Если у вас каталог — товаров, услуг, объектов, — то на телефоне он живёт по своим законам. Основное отличие: человек не видит одновременно фильтры и результат, поэтому каждый переключатель воспринимается как прыжок в неизвестность.

Фильтры. На мобильном они должны открываться отдельной панелью с кнопкой «Показать N товаров», где N обновляется сразу. Без этого счётчика человек выбирает три условия, нажимает «Применить» и попадает на пустую страницу. Обязательно оставьте кнопку сброса и покажите выбранные фильтры отдельными плашками сверху — так видно, почему товаров осталось два. Отдельная тема — как фильтры ведут себя для поисковых систем: часть комбинаций должна становиться нормальными страницами со своим адресом и заголовком, а часть — закрываться от индексации, иначе поисковик утонет в мусорных адресах. Логика разобрана в материале про фильтры каталога и индексацию.

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

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

Таблицы характеристик. Широкая таблица — главный источник горизонтальной прокрутки. На мобильном её либо превращают в список «параметр — значение» в две строки, либо оборачивают в отдельный горизонтально прокручиваемый блок, чтобы ездила таблица, а не вся страница.

Тексты. Абзац на телефоне — это три-четыре строки, дальше глаз теряется. Разбейте простыни на короткие абзацы, добавьте подзаголовки через каждые 400–600 знаков и списки. Полотно текста внизу страницы, написанное «для поисковика», на мобильном не читает почти никто, зато оно удлиняет страницу и утяжеляет её — такие блоки стоит переписать в понятные разделы с ответами на реальные вопросы.

Свёрнутые блоки. Прятать текст под «Подробнее» на мобильном можно — это нормальный приём, и поисковые системы такой контент, как правило, учитывают, если он лежит в коде страницы, а не подгружается отдельно после нажатия. А вот подгрузка по клику скриптом означает, что для поисковика этого текста нет вовсе. Проверить просто: отключите в браузере выполнение скриптов или посмотрите исходный код страницы и поищите в нём кусок спрятанного текста.

Ссылки внутри текста. На телефоне соседние ссылки в одной строке слипаются. Разносите их по разным абзацам и делайте анкоры длиной в два-три слова, чтобы палец попадал. Это же правило помогает и поиску понимать структуру раздела.

Типовые ошибки, которые владелец делает сам

Есть набор решений, которые владелец принимает лично, из лучших побуждений, и которые потом стоят дороже всего. Разберём пять самых частых.

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

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

Ошибка третья: отдельный мобильный поддомен. Иногда в наследство достаётся отдельная мобильная версия на адресе вида m.вашсайт.ru. В 2026 году это почти всегда лишняя сущность: две версии расходятся по содержанию, на мобильной забывают обновить цены и добавить новые разделы, а поисковик получает два комплекта страниц. Правильное решение — одна адаптивная версия, один адрес. Если поддомен всё же есть, склеивать его надо аккуратно, с постраничными переадресациями, а не одной ссылкой на главную.

Ошибка четвёртая: «уберём с мобильной версии лишнее». Логика понятная: экран маленький, надо сократить. Под нож идут отзывы, реквизиты, условия доставки, гарантии, ссылки на другие разделы. В итоге на телефоне остаётся красивая обложка без доказательств, а именно эти блоки чаще всего и убеждают. Правильный подход — не убирать, а сворачивать: те же блоки, но компактно, с возможностью раскрыть. Особенно это касается реквизитов, ИНН, адреса и графика работы: их наличие входит в набор признаков, по которым и человек, и поиск оценивают надёжность компании; полный список удобно сверить по разбору коммерческих факторов.

Ошибка пятая: не смотреть Вебмастер вообще. Яндекс Вебмастер — бесплатный кабинет, где поисковая система прямо говорит, что ей не нравится. Там есть раздел про мобильные страницы, есть уведомления о недоступности сайта, есть отчёт по скорости и по ошибкам разметки. Владельцы обычно заходят туда раз в год. Заведите привычку смотреть раз в две недели — что именно проверять и на что реагировать, разложено в материале про то, что смотреть в Яндекс Вебмастере.

Шестая, бонусная: делать всё сразу. Список на 20 пунктов после проверки — это нормально, но за вечер вы физически не почините всё. Отсортируйте по формуле «эффект / трудозатраты»: картинки, кнопка на первом экране, сокращение формы и кликабельный телефон обычно занимают пару часов работы разработчика и дают основную часть результата. Остальное — в план на месяц.

Что изменилось к 2026 году и как это влияет на мобильную версию

Мобильная версия перестала быть «второй версией сайта» ещё несколько лет назад, но в 2026 году появилось несколько новых причин относиться к ней внимательнее.

Поиск смотрит на мобильную версию как на основную. Оценка страницы строится по тому, что видит телефон. Практический вывод: если на мобильном спрятан кусок текста, убраны ссылки на подразделы или не выведены контакты, поисковая система в первую очередь работает именно с этой, урезанной, версией. Всё, что вы «упростили для телефона», упростилось и для поиска.

Нейропоисковые ответы. Заметная часть запросов теперь заканчивается не переходом на сайт, а готовым ответом прямо в выдаче или в чате нейросети. Такой ответ собирается из страниц, которые машина смогла прочитать и разобрать: с внятными заголовками, короткими абзацами, списками, таблицами и прямыми формулировками вроде «работаем с 9 до 21, выезд по городу бесплатный». Страница-обложка с одним слайдером в этот сбор не попадает. Как писать так, чтобы текст брали в ответы, разобрано в материале про текст под нейропоиск. На мобильном это совпадает с интересами живого читателя: структура, которую удобно листать пальцем, машина тоже разбирает лучше.

Локальный спрос идёт с телефона. Запросы «рядом», карточки в Яндекс Картах и 2ГИС, переходы из Яндекс Бизнеса — это почти целиком мобильная история. Проверьте, что с карточки организации человек попадает не на главную, а на нужную страницу услуги, и что там сразу видно адрес, график и кнопку звонка. Ориентир из практики: у локального бизнеса на переходы с карт и из справочников обычно приходится 20–40% всех обращений, и почти все они мобильные.

Реклама и автостратегии. Кампании в Яндекс Директе в 2026 году в основном работают на автоматических стратегиях, а единая перфоманс-кампания сама распределяет показы между площадками и форматами. Алгоритм учится на ваших конверсиях: если мобильная посадочная страница теряет заявки, система видит слабый результат и постепенно уводит показы туда, где конверсий больше, — иногда вообще из вашего сегмента. То есть плохая мобильная версия теперь не просто снижает конверсию, а меняет поведение рекламной системы. Отсюда практическое правило: перед запуском или перезапуском кампаний сначала чинят мобильную страницу, потом трогают ставки и корректировки.

Корректировки по устройствам стали тоньше. На ручных стратегиях понижающая корректировка на мобильные всё ещё уместна, если конверсия там объективно ниже. На автостратегиях резать мобильный трафик корректировкой чаще всего вредно: вы отнимаете у алгоритма данные. Смотреть надо не на конверсию в процентах, а на стоимость заявки по типам устройств — это отдельный отчёт в статистике Директа, с группировкой по типу устройства.

Маркировка рекламы. Любые рекламные размещения, ведущие на сайт, требуют маркировки и отчётности, а на мобильном пометка «Реклама» и данные рекламодателя должны быть читаемыми, а не спрятанными в мелкий шрифт под баннером. Если вы размещаете чужие баннеры у себя на сайте или ведёте партнёрские интеграции — это тоже зона внимания. Порядок оформления лучше согласовать с юристом, поскольку требования уточняются, а ответственность лежит на сторонах размещения.

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