Проверка сайта на разных устройствах перед запуском рекламы: чек-лист, чтобы заявки не терялись на старых телефонах

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

Почему проверка на устройствах важна именно перед рекламой

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

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

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

Проверка должна быть структурированной: не «пощёлкали и вроде работает», а заранее составленный сценарий с конкретными устройствами, браузерами, шагами и ожидаемым результатом. Ниже собран такой сценарий, который можно использовать для сайта на ХостСМС, 1С-Битрикс или ВордПресс.

Какие устройства и браузеры брать для проверки

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

Минимальный набор для большинства бизнесов включает: современный смартфон на одной и на другой популярной системе; смартфон трёх-пяти лет давности с небольшим экраном; недорогой телефон с ограниченной памятью, на котором страницы грузятся медленно; планшет; ноутбук с основным браузером; настольный компьютер с широким экраном; и один компьютер с устаревшей версией браузера. Из браузеров обязательно присутствуют Яндекс Браузер, Хром, Сафари, Файрфокс, Эдж и встроенный браузер, который открывается из мессенджеров и приложений.

Последний пункт часто забывают. Многие переходят на сайт по ссылке из Телеграма, Макса или ВатсАпа, и ссылка открывается во встроенном просмотрщике, у которого есть свои особенности: он по-другому обрабатывает формы, всплывающие окна и ссылки на звонок. Заявка, не отправившаяся во встроенном браузере, невидима при проверке на обычном.

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

Форма заявки: главный объект проверки

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

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

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

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

Не забывайте о повторной отправке. Люди нажимают кнопку дважды, когда сайт отвечает медленно. Форма должна блокировать кнопку после первого касания и показывать, что запрос обрабатывается, иначе менеджеру придут дубли, а клиенту покажется, что что-то пошло не так.

Звонки, мессенджеры и кликабельные контакты

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

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

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

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

Скорость загрузки и поведение на слабом соединении

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

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

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

Яндекс.Метрика предлагает отчёты по скорости загрузки и по поведению разных устройств. Сравните показатель отказов и конверсию по типам устройств: если на одном типе она заметно ниже при схожем качестве трафика, это сигнал искать техническую проблему именно там.

Цели в Яндекс.Метрике и проверка учёта заявок

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

Проверьте источники. Метки в ссылках рекламных объявлений должны сохраняться при переходе и попадать в скрытые поля формы. Откройте объявление с тестовой меткой на телефоне, отправьте заявку и посмотрите, дошла ли метка до письма менеджеру или до СРМ-системы. Если метка теряется при перенаправлении со старого адреса на новый или при переходе на страницу благодарности, сквозная аналитика станет бесполезной, и вы не узнаете, какая кампания принесла заявку.

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

Не забывайте о проверке самих звонков. Если используется подмена номера, совершите тестовые звонки из разных сетей и убедитесь, что звонок попадает в нужный отчёт Коллтач или Каллибри и в Метрику. Звонок, который не зафиксирован ни в одной системе, — это потерянная заявка с точки зрения аналитики, и вы будете считать стоимость обращения неверно.

Чек-лист перед запуском: итоговая последовательность действий

Соберём всё в последовательность, которую удобно пройти за один рабочий день. Сначала составьте список устройств по статистике Метрики и добавьте к нему одно старое устройство и один встроенный браузер мессенджера. Затем на каждом устройстве откройте рекламную страницу по ссылке из реального объявления с метками, а не по прямому адресу. Это важный момент: перенаправления и метки иногда ломаются именно на пути из рекламы.

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

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

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

Как это связано с продвижением 3 в 1

Реклама на сайт — лишь один из каналов, и проверка устройств должна распространяться на всю систему обращений. Подход «3 в 1» объединяет три источника: поиск, где сайт находят в обычной выдаче и в ответах нейропоиска благодаря понятной структуре, прямым ответам на вопросы и фактам о компании на страницах; карточку в Яндекс Бизнесе на Яндекс Картах с фото, услугами и ценами, отзывами, актуальным телефоном и часами работы; карточку в 2ГИС, которая обслуживает отдельную аудиторию, привыкшую искать в приложении. Работа над одной точкой даёт неполный результат.

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

Обращения с карт учитывайте наравне с заявками с сайта. Заведите для карточек отдельные номера или метки в ссылках, отслеживайте звонки и построенные маршруты в статистике Яндекс Бизнеса и 2ГИС, а затем сводите все источники в одной таблице: сколько обращений дал поиск, сколько Яндекс Карты, сколько 2ГИС, сколько принесла реклама, какова стоимость заявки в каждом канале и какая доля доведена до сделки. Так вы увидите, что работает на самом деле, и не будете списывать на рекламу результат, который на самом деле принесла карточка.

Вывод

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

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