Карта для создания сайта: три карты, которые путают под одним словом

Карта для создания сайта — это три разные вещи, и все три нужны в разное время: визуальная карта структуры — до разработки, чтобы понять, какие страницы будут на сайте; файл sitemap.xml и HTML-карта — после запуска, чтобы поисковики и люди находили все страницы; географическая карта на странице контактов — чтобы клиент нашёл вас. Ниже — как сделать каждую, где ошибаются чаще всего, инструмент, который превращает список страниц в схему, и проверка готового sitemap.xml прямо в статье.

Тридцать страниц поиска: три разные карты под одним запросом

Я разобрал тридцать страниц, которые поиск показывает по запросу «карта для создания сайта».

Четырнадцать страниц — о файле sitemap.xml: пять генераторов и девять статей, включая справку Google. Десять — о картах местности: конструкторы Яндекс Карт, 2ГИС и FlexGIS и инструкции, как вставить карту на сайт. Пять — сервисы визуальной структуры сайта, от Figma до Flowmapp. Одна страница без описания.

Каждая группа отвечает на свой вопрос и не знает о двух других. А при создании сайта все три карты связаны: визуальная структура становится реальными страницами, страницы попадают в sitemap.xml, а одна из них — «Контакты» — получает карту проезда. Разберём по порядку, как это происходит в проекте.

Карта первая: визуальная структура до разработки

Создание визуальной карты сайта — первое, что я делаю в любом проекте после брифа. Это схема всех страниц и их связей: главная, разделы, страницы внутри разделов. Её ещё называют майнд-картой создания сайта или графической картой — суть одна: увидеть сайт целиком, пока он ещё ничего не стоит переделать.

• Что показывает: все страницы, их вложенность, что ведёт на что. Сразу видно, если у раздела нет страниц или одна страница пытается ответить на всё.
• Чем делать: сервисы из выдачи — Figma, Flowmapp, Creately, любые майнд-мап-приложения. Или бумага и ручка: для сайта на десять страниц этого достаточно.
• Откуда брать страницы: из семантики — групп запросов, по которым вас ищут, — и из вопросов клиентов.
• Кому показывать: заказчику и всем, кто работает над сайтом. На схеме проще договориться, чем на макете.

Самый простой способ создания собственной карты для сайта — записать список страниц с отступами: раздел, под ним подразделы. Инструмент ниже превращает такой список в схему.

Попробуйте добавить в список свои страницы. Если схема получилась шире экрана или глубже трёх уровней — это повод упростить структуру до того, как появится дизайн. Создание красивой карты сайта для презентации заказчику — потом, в Figma или Flowmapp; для решения о структуре достаточно такой схемы.

Карта вторая: sitemap.xml для поисковиков

Когда страницы сделаны, нужна карта сайта для роботов — файл sitemap.xml. Это список адресов всех страниц, которые вы хотите видеть в поиске, с датой последнего изменения. Поисковики и сами находят страницы по ссылкам, но карта помогает им не пропустить новые и глубоко вложенные.

• Только нужные страницы. Карта ссылок сайта для роботов не должна содержать служебные адреса, страницы поиска, корзину, дубли с параметрами и страницы, закрытые в robots.txt.
• Только рабочие адреса. Каждый адрес должен открываться с кодом 200, без перенаправлений.
• Один вариант домена. Если сайт работает на https без www — все адреса в карте именно такие.
• Ссылка в robots.txt. Строка Sitemap: https://site.ru/sitemap.xml подскажет любому роботу, где карта.
• Отправка в Вебмастер. Добавьте адрес карты в Яндекс Вебмастер и Google Search Console — там же видны ошибки обработки.

Динамическая карта, сервисы и сервер

Варианты создания карты сайта — три, и выбор зависит от того, как сделан сайт.

1. Создание динамической карты сайта средствами CMS. WordPress, OpenCart, Битрикс и большинство конструкторов умеют формировать sitemap.xml сами — встроенно или модулем. Карта обновляется при каждом добавлении страницы. Это основной вариант для любого сайта, где страницы появляются регулярно.
2. Онлайн-сервис создания карты сайта. Генераторы из выдачи обходят сайт по ссылкам и собирают файл. Подходят для статичных сайтов без CMS. Минус — карту нужно пересоздавать вручную после каждого изменения, и сервис добавит в неё всё, что нашёл, включая лишнее.
3. Скрипт на сервере. Сервер создания карты сайта — небольшой скрипт, который по расписанию собирает адреса из базы данных и перезаписывает файл. Так делают на самописных сайтах и крупных каталогах.

Создание сайтмап сайта для изображений и видео — отдельные расширения формата. Создание карты изображения сайта поддерживает Google; для обычного сайта услуг в ней обычно нет смысла, она нужна фотобанкам и большим каталогам, где картинки — важная часть поискового трафика.

Карта после запуска: что проверять раз в месяц

Карту сайта мало создать — её нужно поддерживать. Самые частые поломки появляются не при запуске, а через полгода-год, когда сайт живёт своей жизнью: добавляются страницы, удаляются акции, меняется адрес раздела.

• Удалённые страницы остались в карте. Робот приходит по адресу, получает ошибку 404 и тратит время впустую. В Вебмастере это видно в разделе об обработке файлов sitemap.
• После переезда на https или новый домен карта продолжает отдавать старые адреса. Это одна из самых частых причин, по которой после переезда страницы долго не возвращаются в поиск.
• Дата lastmod меняется у всех страниц каждый день. Так бывает, если модуль подставляет текущую дату. Поисковик перестаёт доверять датам и игнорирует их.
• Карта отдаёт ошибку или пустой файл после обновления CMS или модуля. Достаточно раз в месяц открыть адрес карты в браузере.

Если на сайте подключён Вебмастер, большинство этих проблем он покажет сам — нужно только заглядывать в уведомления. На сопровождаемых сайтах я проверяю карту при каждом обновлении CMS и после любой правки структуры.

Проверьте свою карту сайта

Откройте адрес вашего sitemap.xml в браузере, скопируйте содержимое и вставьте ниже — проверка найдёт типичные ошибки. Работает в браузере, никуда не отправляет данные.

Пример по умолчанию собран из реальных ошибок, которые я встречаю чаще всего: адрес с http и www среди https-адресов, дата в формате «15.10.2026», дубль и страница поиска с параметром. Каждая по отдельности не катастрофа, но вместе они говорят роботу, что картой никто не занимается.

HTML-карта: страница «Карта сайта» для людей

Создание страницы «Карта сайта» — второй формат той же идеи: обычная страница со ссылками на все разделы. Пример создания карты сайта такого вида — список разделов и вложенных страниц, как в схеме выше, только ссылками.

• Кому нужна: большим сайтам и магазинам, где до некоторых страниц далеко по меню. На сайте из десяти страниц HTML-карта почти бесполезна — меню и так показывает всё.
• Где ставить ссылку: в подвале сайта и на странице 404.
• Создание полной карты сайта — все страницы до последней — имеет смысл до пары сотен ссылок. Дальше её показывают по разделам, иначе страница превращается в бесконечный список.

Карта третья: карта проезда на сайте

Десять страниц выдачи — о картах в географическом смысле: создание карт на сайт с офисом, маршрутом или зоной доставки. Это тоже «карта для создания сайта», и для местного бизнеса она нужна почти всегда.

1. Конструктор карт. В конструкторе Яндекс Карт или 2ГИС отмечаете точку, маршрут или зону доставки и получаете код для вставки. Программировать не нужно.
2. Вставка на страницу «Контакты». Код вставляется в нужное место страницы. На конструкторах для этого есть отдельный блок.
3. Ленивая загрузка. Встроенная карта весит много и тормозит открытие страницы. Правильно — показывать картинку-превью и загружать интерактивную карту по нажатию или когда пользователь до неё долистал.
4. Адрес текстом рядом. Адрес, телефон и часы работы обычным текстом — их читают поисковики, а на телефоне человек может скопировать адрес в навигатор.

Как три карты складываются в один процесс

В нормальном проекте эти карты не делают по отдельности. Визуальная карта превращается в список страниц, по нему создаются страницы, CMS собирает их в sitemap.xml, а на странице «Контакты» появляется карта проезда. Создание карты веб-сайта в широком смысле — это сквозная нить через весь проект.

Чем рисовать визуальную карту структуры

Майнд карта создания сайта и аккуратная схема для заказчика — разные задачи. Майнд-карта нужна, чтобы выгрузить из головы всё, что может быть на сайте: услуги, вопросы клиентов, документы, отзывы, акции. Структурная схема — чтобы из этого хаоса выбрать страницы и разложить их по уровням. Создание графической карты сайта обычно идёт именно в таком порядке: сначала свободная майнд-карта, потом строгое дерево.

Создание мап для сайта в виде красивой картинки — приятный бонус, но не цель. Я много раз видел нарядные схемы с иконками и цветами, по которым нельзя было ответить на простой вопрос: сколько всего страниц и какие из них нужно наполнить текстом. Поэтому к любой схеме я прикладываю таблицу: страница, адрес, кто готовит текст, есть ли фото. Эта таблица потом превращается в список адресов для sitemap.xml — и круг замыкается.

Как ищут: короткие ответы

• «сервис для создания карты сайта» и «создание карты сайтов сервис» — для статичного сайта подойдёт онлайн-генератор; для сайта на CMS сервис не нужен, карта формируется самой системой или модулем.
• «онлайн сервис создание карты сайта» — генератор обходит сайт по ссылкам; после него обязательно просмотрите файл и уберите служебные адреса.
• «создание собственной карты для сайта» — если нужна своя логика (только определённые разделы, отдельные карты для статей и товаров), это скрипт на сервере, который берёт адреса из базы.
• «создание карты ссылок сайта» — так часто называют и sitemap.xml, и HTML-страницу со ссылками; для поисковиков важен первый, для посетителей — второй.
• «создание карта веб сайта» — начинается со структуры: сначала решите, какие страницы будут, потом стройте файл.
• «майнд карта создания сайта» — удобна на старте, но перед разработкой её нужно превратить в строгое дерево.
• «создание мап для сайта» — если речь о карте проезда, это конструктор Яндекс Карт или 2ГИС; если о sitemap — см. раздел выше.
• «создание графической карты сайта» — схема структуры в Figma, Flowmapp или из списка с отступами.

Когда ко мне приходят с сайтом, который «плохо индексируется», я почти всегда начинаю с двух файлов: robots.txt и sitemap.xml. В половине случаев проблема находится за пять минут: в карте старые адреса после переезда, или она отдаёт ошибку, или в robots.txt по ошибке закрыт целый раздел. Карта сайта — самая скучная вещь в проекте и одна из самых частых причин, по которым хорошие страницы не видно в поиске.
— Александр Рожков

Итог

Карта для создания сайта — это три карты на разных этапах. Визуальная карта структуры — до разработки: в ней решается, какие страницы будут на сайте. Sitemap.xml — при запуске: только рабочие адреса на одном варианте домена, с честными датами изменения, ссылка в robots.txt и отправка в Вебмастер; на сайте с CMS её разумнее формировать динамически. HTML-карта нужна большим сайтам. А карта проезда на странице «Контакты» делается в конструкторе Яндекс Карт или 2ГИС и загружается лениво, чтобы не тормозить страницу.

Если нужен сайт, где все три карты сделаны правильно, — условия на странице создания сайтов.

Александр Рожков

Вебмастер · SEO-специалист · 15+ лет · 200+ проектов

Частный вебмастер в Москве. 200+ сайтов под ключ, 15+ лет опыта. Создаю сайты, настраиваю SEO и рекламу лично — без субподрядчиков.

О себе