Варианты
- Яндекс Карты. Привычны клиентам, есть конструктор и вставка.
- 2ГИС. Хорош для организаций и внутренних планов зданий.
- Статичная картинка со ссылкой. Лёгкая, мгновенно открывается и ведёт в приложение карт.
- Зарубежные карты. В России работают нестабильно и добавляют проблем с данными посетителей.
Для большинства сайтов подойдёт Яндекс Карты или статичная картинка с кнопкой. Живая интерактивная карта нужна там, где человеку важно рассмотреть окрестности, например при поиске офиса в большом бизнес-центре.
Как не замедлить страницу
- Загружайте карту по нажатию или когда блок появляется на экране.
- Вместо живой карты можно поставить картинку, которая открывает карту по клику.
- Не ставьте карту на первый экран, если она не главное.
Живая карта подгружает много скриптов и тайлов, иногда несколько мегабайт. На слабом мобильном интернете это заметно растягивает загрузку страницы. Поэтому на странице контактов карту стоит подгружать лениво, а на остальных страницах обходиться ссылкой.
Что кроме карты
- Адрес текстом, который можно скопировать.
- Как добраться: метро, парковка, вход, этаж.
- Часы работы и телефон.
- Кнопка «Построить маршрут» для телефона.
Подробное описание пути нередко полезнее самой карты. «Выйти из метро, повернуть направо, пройти 200 метров до синей вывески, войти во вторую дверь» помогает быстрее любого масштаба. Добавьте фото входа: люди часто теряются у зданий без заметной вывески.
Для удалённого бизнеса
Если вы работаете удалённо, карта не нужна. Вместо неё лучше показать способы связи и порядок работы — см. о продвижении по регионам.
Как проверить
- Откройте страницу контактов на телефоне при мобильном интернете.
- Убедитесь, что карта не блокирует прокрутку страницы пальцем.
- Проверьте, что кнопка маршрута открывает приложение карт с нужным адресом.
О других внешних подключениях — в статье о зарубежных библиотеках и CDN.