Яндекс Карта на сайт: как добавить схему проезда
Карта на сайте — небольшой блок, который экономит много звонков «как к вам проехать». Но вставленная как попало, она замедляет страницу и всё равно не помогает найти вход. Разбираю, как добавить Яндекс Карту на сайт и сделать схему проезда понятной.
- Карта нужна, если клиенты приезжают к вам: офис, склад, шоурум, производство.
- Проще всего вставить карту из конструктора карт Яндекса или блоком конструктора сайта.
- Интерактивная карта тяжёлая: лучше загружать её по нажатию или при прокрутке.
- Рядом с картой — адрес текстом, ориентиры, парковка и вход.
Нужна ли карта на сайте
Карта на сайте отвечает на вопрос «как к вам добраться». Она нужна, если клиенты приезжают: офис, склад самовывоза, шоурум, производство, учебный класс. Если вы работаете на выезде или онлайн, карта с одной меткой ничего не объясняет — полезнее показать зону обслуживания или список городов.
Что ищут про карту на сайте
Как добавить карту: 3 способа
| Способ | Что получится | Кому подходит |
|---|---|---|
| Конструктор карт Яндекса | Карта с метками, линиями маршрута, подписями; код для вставки | Любому сайту, где нужна схема проезда |
| Карта с карточкой организации | Метка вашей компании с рейтингом и отзывами из Яндекс Карт | Тем, у кого заполнена карточка в Яндекс Бизнесе |
| Блок конструктора сайта | Карта по адресу без кода | Сайтам на Тильде и других конструкторах |
Карточку организации стоит завести в любом случае: тогда метка на сайте и в Яндекс Картах показывает одно и то же. Как это сделать — в статье «Карточка организации в Яндексе».
Как карта влияет на скорость
Интерактивная карта — это скрипты и изображения со стороннего сервера, и они тяжелее, чем кажется. Если карта стоит внизу каждой страницы и грузится сразу, сайт открывается медленнее, особенно на телефоне. Что помогает:
- показывать на месте карты лёгкую картинку (скриншот карты) с кнопкой «Открыть карту» — интерактивная загружается по нажатию;
- или загружать карту, только когда посетитель долистал до неё;
- ставить карту только на странице контактов, а не в подвал каждой страницы;
- давать ссылку «Построить маршрут» — на телефоне она откроет приложение карт, и это удобнее мелкой карты на странице.
Подробнее о скорости — в статье «Скорость загрузки сайта».
Как сделать схему проезда понятной
Блок «Как добраться»
- 01АдресТекстом, чтобы можно было скопировать
- 02КартаМетка точно у входа, а не у здания
- 03ОриентирыОстановка, вывеска, этаж, домофон
- 04ПарковкаГде оставить машину, есть ли пропуск
- 05МаршрутКнопка «Построить маршрут»
Адрес, телефон и часы работы на сайте должны совпадать с карточкой в Яндексе — слово в слово. Как оформить всю страницу контактов и другие страницы сайта компании — в статье «Примеры корпоративных сайтов».
Частые вопросы
Как вставить Яндекс Карту на сайт бесплатно?
Через конструктор карт Яндекса: найдите адрес, поставьте метку, при необходимости нарисуйте маршрут, сохраните и скопируйте код для вставки. Код вставляется на страницу как HTML-блок.
Как добавить карту на сайт на Тильде?
В Тильде есть готовые блоки с картой: указываете адрес или координаты, и карта появляется на странице. Можно также вставить код из конструктора карт в HTML-блок.
Почему карта замедляет сайт?
Интерактивная карта загружает скрипты и изображения со стороннего сервера. Если она стоит на странице сразу, это добавляет загрузку. Решение — показывать лёгкую картинку карты и загружать интерактивную по нажатию или при прокрутке.
Нужна ли карта, если клиенты не приезжают в офис?
Обычно нет. Если работа выездная, лучше показать зону или города, где вы работаете, списком или схемой — это полезнее метки на карте.
