+7 843 253 35 21 Написать в Max
Главная/Блог/Как добавить карты Google и Yandex на сайт

Как добавить карты Google и Yandex на сайт

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

Где лучше всего разместить Гугл и Яндекс Карты на сайте?

Существует 2 основных способа размещения Гугл и Яндекс Карт для сайта. Это может быть футер на главной или специально созданный раздел «Контакты». В любом случае вставить карту Яндекс на сайт можно путем добавления HTML-кода на выбранный участок страницы.

Также существует возможность вставки кода в непосредственно в шаблон tpl. Если речь о футере, то вставка карты осуществляется в шаблон footer.tpl.

Чтобы вставить карту в раздел «Контакты», необходимо перейти в административную часть ресурса. Там нужно выбрать страницу «Контакты» и перейти к ее редактированию. В данном случае также нужно вставить скопированный код карты Яндекс для сайта и сохранить изменения.

Как разместить Гугл и Яндекс Карты на сайте?

В Яндекс существует 2 способа встройки карты на сайт: с уже существующей меткой или при условии ее создания. В первом случае необходимо открыть Яндекс Карты на сайте https://yandex.ru/maps. Далее следует найти требуемый адрес и нажать на кнопку с тремя точками в правом верхнем углу. Затем нужно выбрать пункт «Поделиться» и виджет с картой. После этого остается только лишь скопировать код для вставки.

При создании своей метки следует найти компанию и скопировать оттуда код для вставки. При этом необходимо использовать Яндекс Конструктор карт на сайт.

Чтобы создать Яндекс карту для сайта нужно:

  • найти свой адрес и создать метку;
  • сохранить карту в интерактивном или статическом виде (первый вариант удобнее, так как в таком случае допускается возможность движения и масштабирования карты);
  • указать размеры карты вручную или путем ввода количества пикселей;
  • скопировать код вставки на сайте (это может быть код JavaScirpt или iframe);
  • вставить код с картой Яндекс на свой сайт через редактор страницы.

Вставка Гугл карты для сайта имеет несколько иной алгоритм. Перед тем, как вставить Гугл карту на сайт, также нужно определиться с подходящим способом. Это может быть вставка с существующей меткой или с созданием собственной метки.

В первом случае нужно открыть Google Maps на сайте https://www.google.ru/maps. Далее следует найти компанию и скопировать код HTML Гугл карты на сайт.

Для вставки карты с меткой организации необходимо:

  • найти компанию на картах и нажать «Поделиться»;
  • нажать «Встраивание карт» и выбрать подходящий размер;
  • скопировать получившийся HTML-код и вставить его для отображения Гугл карты на сайте WordPress.

При создании собственной метки на Гугл картах необходимо:

  • ввести название или адрес организации;
  • указать ее название, а также добавить описание и фото;
  • скопировать код и вставить его в код страницы, где будет находиться карта Гугл.

Если Гугл карта не отображается на сайте, то значит были допущены ошибки при создании метки или вставке HTML-кода.

Хотите увидеть свой сайт на первых позициях в поисковой выдаче? Обратитесь в нашу веб-студию CITYNIX! Мы реализуем качественное SEO-продвижение под ключ в короткие сроки. А если вы не любите ждать, то воспользуйтесь контекстной рекламой в Гугл и Яндекс

Блог

Читайте также

Как использовать социальные сети для бизнеса

Социальные сети для бизнеса это условно-бесплатный канал продаж. С их помощью вы можете привлекать новых клиентов на свой…

Читать →

Как выбрать цвета для сайта

Первое впечатление о каком-то предмете складывается, исходя из оценки его вида, цвета и формы. Также воспринимаются оттенки у…

Читать →

Яндекс Вебмастер: просто об основном

Добавить сайт в сервис Яндекс Вебмастер рекомендуется каждому владельцу собственного ресурса. Данным инструментом и пользуется наша веб-студия. Встроенный…

Читать →

Все статьи блога →