Сайты создания карт ищут люди с совсем разными задачами: владелец кафе хочет показать на сайте зону доставки, писатель — нарисовать карту фэнтези-мира, игрок — построить мап-арт в Minecraft, вебмастер — сделать карту сайта для поисковиков. Слово одно, а инструменты разные. Ниже — навигатор по восьми видам карт, разбор карты на сайте компании и генератор файла sitemap.xml.
Нужна карта проезда, зона доставки или интерактивная карта объектов на сайте — так, чтобы она не тормозила страницу? Создание сайтов под ключ: карта, контакты, Метрика и карта сайта для поисковиков входят в работу. Лендинг от 15 000 ₽, корпоративный сайт от 40 000 ₽.
Двадцать девять страниц поиска: два вида карт из восьми
Я разобрал двадцать девять страниц, которые поиск показывает по запросу «сайты создания карт», и посчитал, о каких картах на них речь.
Десять страниц — конструкторы карт местности для сайта: Яндекс, 2ГИС, Google, отечественный FlexGIS, стили для Google Карт. Девять — сервисы для карт с данными: раскраска стран и регионов, тепловые и трёхмерные карты. Шесть — подборки сервисов, три — генераторы карт фэнтези-миров, одна страница не открылась.
При этом в запросах есть ещё как минимум пять смыслов слова «карта»: мап-арты в Minecraft, карты для настольных ролевых игр, майнд-мапы, карта сайта и технологические карты. О них выдача молчит, и человек, который ищет карту для D&D, получает конструктор зоны доставки.
Восемь видов карт: навигатор
Выберите, какая карта вам нужна, — навигатор покажет сайты и инструменты именно для неё.
Навигатор специально не делает рейтинг: у каждой задачи свой набор инструментов, и сравнивать конструктор зоны доставки с генератором фэнтези-миров бессмысленно. Дальше — подробнее о тех видах карт, с которыми я работаю как вебмастер, и о тех, о которых чаще всего спрашивают.
Сайт для создания карты мира с данными
Если нужна не схема проезда, а карта страны или мира, где регионы закрашены по какому-то признаку, — это другой инструмент. Сайт для создания карты мира вроде MapChart позволяет раскрасить страны и регионы, добавить легенду и скачать картинку бесплатно. Datawrapper делает то же для статей и встраивает карту на сайт, а цвет региона зависит от значения в таблице. Такие сайты для создания своих карт удобны журналистам, преподавателям и аналитикам.
Для школьных проектов вроде «Создание сайтов: география родного края» карты из MapChart — быстрый способ показать, где что находится, без навыков картографа. А если нужна карта, где при наведении на регион появляется информация, это уже интерактивная карта для сайта — о ней ниже.
Создание карты на своём сайте: адрес, маршрут, зона доставки
Создание онлайн-карты для сайта компании — самый частый случай. Схема проезда к офису, точки самовывоза, зона и стоимость доставки по районам, филиалы на одной карте. Всё это делается в бесплатных конструкторах Яндекса и 2ГИС без программирования: отмечаете объекты, рисуете полигоны, получаете код вставки.
Но у вставленной карты есть цена, о которой конструкторы не пишут: она подгружает много скриптов и заметно замедляет страницу, особенно на телефоне. Создание красивой карты для сайта — это не только стиль меток, но и правильная загрузка.
- Загрузка по нажатию или при прокрутке. Карта не должна грузиться, пока посетитель до неё не дошёл.
- Ссылка «Открыть в картах». На телефоне удобнее построить маршрут в приложении, чем в маленьком окне на сайте.
- Адрес текстом рядом с картой. Его можно скопировать, и его прочитает поисковик.
- Стиль под дизайн сайта. У Яндекса есть редактор стилей карты, у Google — готовые схемы оформления: можно убрать лишние значки и подобрать цвета.
- Карточка компании на картах. Метка на сайте должна совпадать с карточкой в Яндекс Картах и 2ГИС: тот же адрес, телефон, часы работы.
Если нужна не просто метка, а интерактивная карта — регионы, которые подсвечиваются при наведении, филиалы с фильтром по городу, схема территории, — её делают отдельно: на основе картографического сервиса или собственного SVG-рисунка. Создание интерактивных карт для сайта онлайн в готовых конструкторах подходит для простых задач, а для сложных логик карту собирают под проект.
Совет вебмастера: проверьте, как карта ведёт себя на телефоне. Если при прокрутке страницы палец «застревает» в карте и двигает её вместо страницы, посетитель раздражается и уходит. Это решается одной настройкой — но её почти никогда не включают.
Сайт для создания карты фэнтези-мира и континентов
Писатели, мастера игр и создатели миров ищут сайт для создания своей карты мира — с континентами, реками, королевствами. Обычный путь — начать с генератора, а потом дорабатывать.
- Сгенерировать основу. Azgaar's Fantasy Map Generator в браузере создаёт континенты, рельеф, реки, государства и даже культуры. Это бесплатный сайт для создания континентов и материков: всё можно перегенерировать или поправить вручную.
- Нарисовать стиль. Inkarnate позволяет рисовать карту мира, региона или города в художественном стиле — как в книгах.
- Добавить детали. Подписи, легенду, розу ветров — в редакторе или графической программе.
- Опубликовать. Карту выкладывают в книгу, на сайт проекта или в вики мира. Для сайта удобно сделать её масштабируемой: посетитель увеличивает нужный регион.
Сайт для создания карты фэнтези-мира — хороший старт и для тех, кто ведёт кампании по настольным ролевым играм. Сайты для создания карт в ДнД обычно другие: там нужны не континенты, а подземелья и боевые карты с клеточной сеткой. Подробнее об этом — в статье о сайтах для создания карт D&D.
Сайт для создания мап-артов в Майнкрафте
Мап-арт — картинка, построенная из блоков в мире Minecraft так, чтобы она отображалась на игровой карте. Сайт по созданию мап-артов решает главную задачу: превращает обычное изображение в схему блоков. Самый известный такой сайт для создания мап-артов в Майнкрафте — MapartCraft: загружаете картинку, выбираете размер в картах и палитру блоков, получаете схему для постройки.
- Размер. Одна карта — 128 на 128 блоков. Большие арты собирают из нескольких карт: 2×2, 3×3.
- Палитра. Отметьте только те блоки, которые реально есть у вас в мире, — иначе схему не построить.
- Плоский или ступенчатый. Ступенчатый мап-арт даёт больше оттенков, но строится сложнее.
- Версия игры. Набор блоков и цветов различается между версиями — выбирайте свою.
Сайт для создания артов на карте — по сути конвертер изображения в блоки. Чем проще исходная картинка, тем чище результат: логотипы и рисунки с крупными цветовыми пятнами получаются чище фотографий.
Сайт для создания майнд-мап и карта будущего сайта
Майнд-мап, или интеллект-карта, — схема, где от центральной идеи расходятся ветки. Сайт для создания майнд-мап пригодится и при создании самого сайта: на интеллект-карте удобно нарисовать структуру разделов до того, как рисовать дизайн. Майнд-мап создание сайта упрощает: в центре — главная страница, ветки — разделы меню, листья — отдельные страницы.
Для этого подойдут онлайн-доски и программы вроде Xmind; часть зарубежных сервисов ограничила работу в России, поэтому проверьте доступность до того, как переносить туда проект. Подробнее — в статье о создании интеллект-карт.
Карта сайта: создать sitemap.xml
Ещё одна «карта», о которой часто спрашивают, — карта сайта. Это файл sitemap.xml со списком всех страниц, которые нужно показать поисковикам, или отдельная страница для посетителей со списком разделов. Создание карты сайта для пользователей полезно на больших сайтах: каталогах, справочниках, сайтах учреждений.
На WordPress карта сайта создаётся автоматически: с версии 5.5 он сам формирует wp-sitemap.xml, а создание карты сайта Yoast SEO-плагином или его аналогами даёт расширенную карту sitemap_index.xml с настройками. Для простого сайта без системы управления файл можно собрать вручную — генератор ниже сделает это из списка адресов.
Один файл sitemap.xml может содержать до 50 000 адресов. Для больших сайтов делают несколько файлов и общий индекс. Обновляйте карту, когда добавляете или удаляете страницы: устаревшая карта со ссылками на удалённые страницы вредит больше, чем её отсутствие.
Сайт создания технологических карт
Последнее значение — технологическая карта блюда в общепите: рецептура, закладка продуктов, выход, себестоимость. Сайт создания технологических карт — это обычно модуль учётной системы ресторана или онлайн-калькулятор, а для небольшого кафе хватает таблицы с формулами. К созданию сайтов это относится косвенно: на сайте заведения публикуют не техкарты, а состав, вес и калорийность блюд — и эти данные удобно брать из тех же техкарт, чтобы цифры совпадали.
Карта на сайте компании — одна из самых частых причин медленной загрузки, которую я нахожу при аудите. Её вставили один раз, она красиво выглядит на компьютере, и никто не замечает, что на телефоне страница открывается на несколько секунд дольше. Загрузка по нажатию решает это без потери удобства.
— Александр Рожков
Нужна карта проезда, зона доставки, интерактивная карта филиалов или карта сайта для поисковиков? Опишите задачу — сделаю в рамках создания или доработки сайта и назову цену до начала работ. Условия — на странице создания сайтов.
Итог
Сайты создания карт делятся по задачам. Для карты на сайте компании — конструкторы Яндекса и 2ГИС, но с загрузкой по нажатию, чтобы не тормозить страницу. Для карт мира с данными — MapChart и Datawrapper. Для фэнтези-миров и континентов — Azgaar и Inkarnate, для D&D — редакторы подземелий с сеткой, для мап-артов в Minecraft — MapartCraft, для майнд-мап — онлайн-доски и Xmind. Карта сайта — это sitemap.xml для поисковиков, который WordPress и SEO-плагины создают сами, а для простого сайта его можно собрать генератором выше.
Если нужна карта на сайте или сайт целиком — условия на странице создания сайтов.
Опрос
Какую карту вы ищете?
Проголосуйте, чтобы увидеть, как думают другие читатели
Часто задаваемые вопросы
Как бесплатно сделать карту для сайта?
В конструкторе карт Яндекса или 2ГИС: отметьте объекты, нарисуйте маршрут или зону доставки и скопируйте код вставки. Чтобы карта не замедляла страницу, загружайте её по нажатию.
Где сделать карту фэнтези-мира?
Основу удобно сгенерировать в Azgaar's Fantasy Map Generator, а затем дорисовать в Inkarnate или графическом редакторе.
Какой сайт для создания мап-артов в Minecraft?
Чаще всего используют MapartCraft: он превращает картинку в схему блоков с учётом размера, палитры и версии игры.
Где делать карты для D&D?
Подземелья и боевые карты с сеткой рисуют в редакторах вроде Dungeon Scrawl или Dungeondraft, а играют по ним на виртуальных столах.
Как создать карту сайта?
На WordPress она создаётся автоматически, расширенную даёт Yoast SEO. Для простого сайта соберите sitemap.xml из списка адресов, положите в корень сайта, укажите в robots.txt и отправьте в Яндекс Вебмастер.
Почему карта тормозит сайт?
Код вставки грузит много скриптов сразу при открытии страницы. Решение — показывать вместо карты картинку с кнопкой и загружать карту только по нажатию.
Сколько стоит карта на сайте?
Карта проезда и зона доставки входят в создание сайта. Интерактивную карту с регионами или фильтрами оцениваю отдельно — цену называю после описания задачи.
