Как вставить схему яндекса на сайт? Пошаговая инструкция.
Давайте разберёмся, как вставить интерактивную карту на сайт. Поисковики учитывают поведение пользователей на сайте. Поведение пользователей влияет на продвижение сайта на верхние строчки. Из этого следует, что ресурс приветствуется сделанный комфортно для людей. Поэтому и следует задуматься о создании карты для сайта. Что предлагает сделать конструктор карт Яндекс?
Сделать схему для сайта может каждый желающий, у которого в наличии есть почтовый ящик на яндекс. Если ящика нет, следует почту сделать. Придётся на обозначенном этапе стать пользователем почты яндекс и зарегистрироваться на ресурсе. При этом почтой пользоваться не обязательно. Яндекс предлагает сделать не просто скучную карту для сайта. Яндекс предлагает добавить на неё любое количество выделенных объектов. Конструктор сделан интуитивно понятно и прост в эксплуатации. Вам не придётся часами искать ответы на вопросы и наличие нужных кнопок. Еще больше информации о сайтах вы найдете на сайте uptut.ru. Заходите, изучайте и радуйтесь успехам применяя новые знания на практике.
Начальная настройка яндекс схемы для сайта
Зайдите в конструктор карт на яндекс и нажмите на Создать карту. С этого момента начинается ваше знакомство с конструктором. Вскоре вы убедитесь в его дружелюбности и расположении к вам.
Найдите нужную вам географическую точку. Город, улицу или дом. Это можно сделать вручную или воспользоваться окном поиска. Введя в поиск название необходимой точки, вы легко отыщите её на схеме. При выборе ручного варианта, просто передвигайте карту и ищите нужный населённый пункт.
Определите масштаб, при котором вам будет удобно сделать карту. Удобно- это когда читаются названия улиц и номера домов. Окончательный масштаб пока не устанавливайте. Оставьте это на будущее. Сделайте название для будущей схемы.
Рисование на схеме точек и меток
На панели инструментов нажмите на Метки. Сделайте метку на здании, в котором располагается офис вашей компании. Нажмите на Готово. Количество меток не ограничено.
Настройка свойств установленной на схеме метки
Слева на панели вы увидите Список объектов и синий кружок, напротив, которого стоит фраза Без описания. Сделайте клик по нему. Возле поставленной ранее метки откроется окно с настройками. Каждую точку, которую вы отметите на схеме, можно сделать отличной от других. С помощью настроек в открывшемся окне, вы можете сделать цвет метки и добавить описание строения. Если нажать на Контент, появляется выбор уникальных значков, которые можно установить на схему. При большом количестве объектов, этот инструмент помогает классифицировать их. Сделать удаление метки можно так же при помощи меню на левой панели.
Рисование линий на схеме
На верхней панели нажмите на Линии. Создавая точки на схеме, вы получите линии, при помощи которых можно обозначить схему проезда, отметить остановки маршрутных транспортных средств, обозначить наиболее оптимальный маршрут для пешей прогулки в разные стороны. Для завершения маршрута, кликните на последнюю точку два раза. При помощи передвижения квадратных и круглых меток, вы можете сделать форму линий. При помощи сервиса меню, вызываемого в левой панели, можно поменять данный цвет, толщину, прозрачность. Сделайте текст, при необходимости.
Рисование многоугольников и заполненных цветом контуров
На верхней панели нажмите на кнопку рисования Многоугольников. При содействии инструмента для рисования многоугольников, вы сможете заакцентировать внимание на каком- либо объекте. При помощи клика мыши, установите точки по контурам выделяемого объекта. Многоугольник автоматически окрасится внутри каким- либо цветом. Количество точек не ограничено. Многоугольник можно сделать любой формы. Для завершения процесса создания, достаточно кликнуть на нужную точку два раза. Редактирование установленных свойств многоугольника в конструкторе, происходит так же, как и у предыдущих объектов. Выделите необходимые объекты на интерактивной карте. Это могут быть дополнительные офисы или склады вашей компании.
Изменение размеров карты для сайта
Кликая на плюс или минус в левой части карты, появляется возможность сделать размеры карты до необходимого уровня масштаба. Так же это можно сделать при помощи ролика мыши. Оптимальный масштаб карты- это когда становятся читаемыми названия улиц и адреса домов. Для того, что бы двигать созданную для сайта карту, воспользуйтесь левой клавишей мыши. Удерживайте её и перемещайте курсор- карта двигается.
Получение кода карты для сайта
В верхнем меню нажмите на Слои и при помощи предлагаемых вариантов визуального оформления, сделайте окончательный вид карты. Интересный вариант внешнего оформления- это гибрид. При таком подходе сохраняется оригинальное изображение объектов, и добавляются названия улиц и номера домов.
При желании на карту можно добавить пробки, нажав соответствующий раздел в верхнем меню. В левом нижнем углу нажмите на Сохранить и продолжить. Появится окно окончательного редактирования. Сделайте конечный масштаб. Сделать это можно вручную или при помощи передвижения уголков рамки. Выберите окончательный вариант подвижности карты:
- Интерактивная- её можно перемещать, крутить и изменять масштаб.
- Статическая- просто изображение с ограниченным количеством объектов, на котором не получится ничего перемещать.
- Печатная- такой вариант карты поддерживает только схематичное изображение объектов.
Для загрузки созданной карты на ресурс, вам надо получить код. Нажмите на Получить код карты.
Появилось окошко с файлом кода, который надо откопировать и вставить на необходимую страницу своего сайта. Проконтролируйте соответствие размеров сделанной карты и места для её размещения. На нижней картинке посмотрите на пример отображения кода.
Карта создана и размещена на площадке. Вы убедились в том, что это не трудоёмкий, и в чём- то даже, занимательный процесс. Сделать это может каждый.
