Карта проезда на сайте: как сделать её полезной, а не украшением

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

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

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

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

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

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

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

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

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

В профиле организации для этого есть отдельные поля, и они работают на всех, кто ищет вас в Картах, а не только на посетителей сайта. Первое — комментарий к адресу: справка Яндекса описывает его как поле для ориентиров — название торгового или бизнес-центра, промзоны, этаж, номер офиса; рекламных слоганов и телефонов там быть не должно. Второе — входы: в кабинете это раздел «О компании» → «Данные» → «Расположение и входы», где можно расставить метки входов на здании. Третье — категория фотографий «Вход», куда загружается снимок двери и ориентиров вокруг неё.

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

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

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

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

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

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

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

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

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

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

Техническая часть на стороне сайта — разметка LocalBusiness с адресом, координатами и часами работы: она не поднимает позиции, но помогает поисковику связать страницу с реальной организацией. Что размечать в первую очередь коммерческому сайту, мы разбирали отдельно в статье про Schema.org.

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

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

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

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

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