Как создать и настроить карту сайта sitemap.xml

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

Эта статья для тех, кто решился на знакомство с картой сайта в формате XML, но пока не готов сидеть над расшифровкой сложных таблиц с тегами. Рассказываем, что такое файл sitemap, как самостоятельно его создать и с помощью каких операторов настроить.

Как работает карта сайта

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

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

Чтобы ботам было проще анализировать сайт, программисты могут добавить карту, то есть sitemap в виде XML. Создать её под силу даже новичку, но следует помнить, что требования Яндекса и Google к карте в XML отличаются.

Определение sitemap

Файлы sitemap в XML содержат информацию о сайте. Карта предоставляет поисковым сканерам следующие данные:

• адреса страниц,
• момент последнего обновления,
• общая частота обновлений,
• наличие версий на других языках,
• приоритет элементов сайта и др.

Можно сказать, sitemap — посредник между поисковой машиной и сайтом. Карту создают в помощь ботам Яндекса, Google и других поисковиков, чтобы преобразовать и упорядочить данные. Так проще извлекать информацию и добавлять её в базу. Тем не менее, протокол sitemap в XML не гарантирует, что сайт проиндексируют грамотно.

Кому нужна карта сайта в XML

Sitemap файл в формате XML пригодится не всем. Изначально карту сайта создали в качестве костыля для ускорения индексации сайтов. Однако, сейчас скорость изучения страниц ботами выросла, и необходимость в повсеместном использовании sitemap в XML отпала.

Часть функций sitemap перешла в сервисы Яндекс.Вебмастер и Google Search Console, которые создали для упрощения диагностики и работы над SEO. Например, с их помощью можно контролировать, что индексировать в первую очередь.

Какие сайты нуждаются в sitemap в XML:

• Сайты с большим количеством страниц

Те же маркетплейсы или энциклопедические ресурсы. Карта поможет сканеру сориентироваться и отыскать все страницы. Крупными считаются сайты от 500 страниц.

• Сайты с объемными архивами не связанных друг с другом страниц

Sitemap в виде XML создают, когда иерархия сайта усложняется проблемами с навигацией, и программе требуется помощь. Тогда карту добавляют, чтобы бот не пропустил разрозненные части при индексации.

• Новые сайты, которые трудно найти по внешним ссылкам

Роботы сканируют сайты, переходя с одной страницы на другую. Если ресурс создали недавно, и у него мало внешних ссылок, его могут просто не найти. Следовательно, надо добавить его в карту XML.

• Сайты с большим объемом мультимедиа или новостного контента

В карте можно пояснять содержание картинок, аудио и видео. Тогда поисковая система сможет ссылаться на содержимое помимо текста, описанное в sitemap.xml.

• Сайты с глубокой вложенностью

Чем больше кликов нужно, чтобы дойти до определенной страницы с главной для сайта, тем выше её уровень. Дальние разделы боты посещают реже, а значит, могут не выводить в результатах поиска. Чтобы избежать ошибок, можно создать sitemap.xml и занести страницу туда.

Карта — это страховка, на случай, если вы не уверены в четкости иерархии. У сайтов с проработанной структурой разделов и развитой навигацией в ней нет необходимости.

Путаница с XML и HTML

Sitemap в XML создают для адаптации сайта к запросам из поисковых систем. А карта HTML нужна людям — рядовым посетителям. Она представляет из себя каталог с гиперссылками, организованными по разделам. Её основная задача — помощь в поиске страниц.

Ключевые особенности HTML карты сайта

• Четкая визуальная структура
• Минималистичное оформление
• Страницы в ней доступны для посещения всем пользователям

Пример карты сайта Microsoft, которую создали для помощи посетителям в навигации. Белый фон, ссылки на страницы в столбик по разделам, — ничего не отвлекает гостя от поиска.

Основная ошибка при работе с sitemap в HTML

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

Одни в попытках сэкономить время и силы ограничиваются вариантом «и так сойдет». Другие наоборот стремятся показать всё и сразу — загромождают карту ненужными дизайн-элементами и кучей ссылок. В итоге, sitemap только путает посетителей.

Создаем sitemap в XML

Код карты сайта в XML начинается с <urlset> и закрывается </urlset>. Затем требуется задать пространство имен в составе тега <urlset> посредством атрибута XMLns. Его значение должно быть представлено ссылкой URL.

Каждый URL-адрес в карте нужно выделять в раздел с помощью парных элементов кода <url> и </url>. Они будут для его описания родительскими тегами, которые обрамляют страницу наподобие скобок на один уровень выше.

Пример кода sitemap.xml с официального сайта.

Список доступных тегов для XML

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

• <urlset>

Нужен для указания стандарта протокола в sitemap формата XML. Кроме того, инкапсулирует отрезок кода, то есть, обозначает информацию внутри себя как целую условную единицу и исключает ошибки при использовании данных.

• <url>

Парный родительский тег. Параметры внутри опускаются в карте на уровень ниже, иными словами, превращаются в дочерние. К каждому URL-адресу надо добавлять отдельную метку <url> и </url>.

• <loc>

С его помощью обозначают URL страницы. Обязательно должен включать префикс протокола, http или https в зависимости от наличия или отсутствия надстройки безопасности. С учетом требований веб сервера может заканчиваться косой чертой. Длина значения не должна превышать 2048 символов.

Значение — изменяемый параметр, в коде записывается после тега. Для главной страницы Яндекса тег будет выглядеть так <loc>https://www.yandex.ru/</loc>, а значение составит 22 знака.

Следующие данные добавляют по необходимости, некоторые из них не учитываются вовсе. Например, сканеры Google, в отличие от Яндекса, игнорируют параметр <priority> при обработке карты сайта в XML.

• <lastmod>

Дата последнего изменения страницы по стандартам W3C Datetime, международного формата для обозначения даты и времени. Его создали, чтобы унифицировать вид данных и стабилизировать программы. Он позволяет, если это потребуется, преобразовать данные в вид ГГ-ММ-ДД.

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

Пример с сайта https://www.w3.org/TR/NOTE-datetime: 1997-07-16T19:20:30.45+01:00 — 16 июля 1997 года, 19 часов, 20 минут, 30 секунд 45 десятичных долей по часовому поясу +1 UTC.

• <changefreq>

Частота изменений в странице. Субъективный показатель, его переменная принимает значения: always — постоянно и never — никогда, hourly — ежечасно, daily — ежедневно и т.п. Если «никогда» описывает архивные разделы сайта, то «всегда» означает, что изменения в страницу вносятся с каждым визитом.

Поскольку параметр не объективен, сканеры Яндекса и Google не полагаются на эти обозначения карты при индексации. Например, они могут периодически оценивать архивные страницы в поисках изменений и игнорировать разделы, которые только недавно создали.

• <priority>

В помощью карты вы можете расставить приоритет страниц на сайте, чтобы боты обращали внимание на конкретные разделы и меньше уделяли другим. Функция принимает значения от 0,0 до 1,0. Если параметр не определен, странице по умолчанию присваивают коэффициент 0,5.

Задавать всем страницам карты высокий приоритет бесполезно, это никак не скажется ни на сравнении вашего сайта с другими, ни на ранжировании в поисковой выдаче. Параметр отразится только на порядке обработки данных из sitemap в XML.

Что не нужно вносить в карту сайта

Оттолкнемся от назначения sitemap в XML. Создание и настройка карты сказывается на анализе сайта, следовательно, влияет на список страниц, которые пользователи поисковых систем увидят в результатах.

• Неактуальные страницы

Если информация в статье устарела, акция с лендинга закончилась или набор на курс давно закрыт — нет смысла индексировать эти разделы сайта. Значит, вообще не надо добавлять их в sitemap и сообщать о них сканеру Яндекса, Google или других поисковиков.

• Технические страницы

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

• Турбо-страницы

Яндекс создал концепт легких страниц, которые хранятся на его серверах. Их фишка в упрощенном дизайне и коде, который не нагружает сеть при прогрузке. Как и в случае с Дзеном, Яндекс занимается индексацией внутренних ресурсов самостоятельно.

Правила работы с sitemap в XML

Кодировать знаки по международному стандарту

Формат карты XML воспринимает ограниченный набор символов. Однако, некоторые URL-адреса включают специфические знаки. В таких случаях используют кодировку UTF-8, то есть, восьмибитный формат преобразования Юникода.

Кроме того, иногда символы из URL страницы могут сливаться с символами кода из карты в XML и мешать боту выполнить команды. Тогда требуется экранировать, отделить их. Для этого создали систему шифрования. Так, в системе Честный Знак, нижнее подчеркивание «_» превратится в %5F, а знак равенства «=» примет вид %3D.

Делить большие файлы

Одна карта XML может включать до 50 000 URL-адресов, при этом имеет ограничение в 50 Мб по размеру. Её можно сжать до архива gzip, но это никак не повлияет на требования Яндекс.Вебмастера и Google Search Console к изначальным параметрам. Иными словами, иногда полный список приходится разбивать на несколько документов.

Чтобы все части карты засчитали при индексации, для них создали общий индекс: это файл, где указаны все составляющие sitemap. Его открывает родительский тег <sitemapindex>, затем следуют дочерние <sitemap>. Для каждого из них уровнем ниже требуется указать адрес файла с sitemap с помощью <loc>.

Размер индексов sitemap ограничен теми же параметрами: до 50 000 наименований на одну карту и 50 Мб в несжатом виде.

Сообщать о копиях на других языках

Google рекомендует указывать на альтернативы, чтобы избежать случайного исключения страниц из выдачи в поиске. Настройка sitemap в формате XML позволяет обозначить локализованные варианты с помощью атрибута hreflang. При этом важно создать систему перекрестных ссылок, чтобы страницы были связаны вне карты, иначе их могут счесть дубликатами.

Добавлять в sitemap только канонические URL-адреса

Если у сайта или страницы две версии — в карту заносят только основную, которая появится в выдаче по запросу. Для таких случаев создали атрибут rel=canonical. В качестве альтернативы можно организовать переадресацию с альтернативных вариантов на базовый.

Хотите тоже написать статью для читателей Yagla? Если вам есть что рассказать про маркетинг, аналитику, бизнес, управление, карьеру для новичков, маркетологов и предпринимателей. Тогда заведите себе блог на Yagla прямо сейчас и пишите статьи. Это бесплатно и просто

полное руководство по файлу карты сайта XML и TXT

Sitemap — это файл в формате XML или TXT, содержащий ссылки на все страницы сайта которые должны посетить роботы поисковых систем. Данный стандарт поддерживают все популярные поисковики (Яндекс, Google, Bing, Mail.ru и даже китайский Baidu).

Автообновляемый sitemap обязательно нужен сайтам на которых часто создаются новые страница, а также имеются проблемы с их доступностью (глубокая вложенность, большое количество или отсутствие внутренних ссылок). В особенности он важен для новостных сайтов и интернет-магазинов.

Поисковые системы могут находить новые страницы на сайте не только на основе файла xml карты сайта. Источниками информации о новых страницах могут быть как ссылки на них внутри сайта, так и внешние ссылки, а также данные со счетчиков аналитики поисковиков.

Формат файла

Файл sitemap может иметь формат XML или TXT. Первый позволяет передать больше полезной информации поисковой системе, а потому является рекомендуемым.

При этом адрес файла не обязательно должен иметь на конце соответствующее разрешение, достаточного того что само содержимое файла придерживается нужного формата. Например, XML карту сайта можно разместить по адресу /sitemap.php и поисковые системы его не будут считать ошибочным или недоступным.

Только ли XML и TXT

Не только, sitemap можно передавать в виде фида (например, RSS или Atom), но Яндексе не поддерживает такой формат карты сайта

Ограничения

Файл должен иметь кодировку UTF-8.

Максимальное количество ссылок в файле — 50 000. Если вам необходимо указать больше страниц, то нужно разбить карту сайта на несколько файлов.

Максимальный размер файла — 50 МБ (в несжатом виде).

Файл должен содержать ссылки только на страницы вашего домена.

Файл должен быть расположен на том же домене для которого он создан.

Все символы в URL должны быть экранированы (например, & нужно заменить на &).

Код ответа сервера при обращении к файлу должен быть 200 ОК.

Как проверить код ответа сервера

Проверить его можно с помощью сервиса bertal. ru. Введите адрес файла, выберите в выпадающем списке YandexBot (или GoogleBot), установите галочку для «Показать html-код страницы» и нажмите на кнопку проверки

Указывайте только абсолютные ссылки на страницы сайта с корректным указанием домена (www/no-www, http/https).

XML формат

Формат XML является наилучшим выбором благодаря своей функциональности. Именно на этом стандарте создают sitemap большинство сайтов интернета.

Данный формат позволяет создавать не только сам файл карты сайта со ссылками на страницы сайта, но и файл индекса sitemap (в котором содержатся ссылки на все карты сайта).

Sitemap со страницами

Файл должен начинаться с XML-пролога:

<?xml version="1.0" encoding="UTF-8"?>

После пролога необходимо указать тег <urlset>, содержащий атрибут xmlns с указанием пространства имён:

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0. 9">

Далее должно идти описание каждой странице в отдельном теге <url>, в него включаются указанные в таблице теги:

Тег	Обязателен	Описание
<loc>	Да	URL страницы сайта, с указанием домена и протокола http/https.
<lastmod>	Нет	Дата последнего изменения страницы в формате W3C Datetime. Максимальный размер — 100 байтов
<changefreq>	Нет	Частота с которой меняется содержимое страницы. Максимальный размер — 100 байтов. Доступные варианты: always, hourly, daily, weekly, monthly, yearly и never.
<priority>	Нет	Приоритет страницы в сравнении с другими. Устанавливается как значение от 0.1 до 1.0. Приоритет страницы по умолчанию — 0. 5. Максимальный размер — 100 байтов.

Пример содержимого такого файла:

<?xml version="1.0" encoding="UTF-8"?>


<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://ilyagorbachev.com/page.html</loc>
    <lastmod>2020-05-20</lastmod>
    <changefreq>monthly</changefreq>
    <priority>0.9</priority>
  </url>
  …
</urlset>

Индекс карт sitemap

Файл индекса sitemap имеет немного другой синтаксис, тут вместо контейнера <urlset> используется <sitemapindex> и некоторые другие теги. Описание каждой карты сайта должно быть в отдельном теге <sitemap>.

Тег	Обязателен	Описание
<loc>	Да	Указывает абсолютный URL по которому расположен файл карты сайта.
<lastmod>	Нет	Дата последнего обновления карты сайта, в формате W3C Datetime.

Пример файла индекса sitemap:

<?xml version="1.0" encoding="UTF-8"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <sitemap>
    <loc>https://ilyagorbachev.com/sitemap-posts.xml</loc>
    <lastmod>2020-05-20T13:37:12+03:00</lastmod>
  </sitemap>
  …
</sitemapindex>

Sitemap с изображениями

Карта сайта с изображениями особенно актуальна если изображения которые необходимо проиндексировать у вас на сайте загружаются через JavaScript (или находятся на страницах закрытых от сканирования), ведь поисковые системы могут их не увидеть.

Синтаксис такого файла карты сайта немного отличается от обычного. Для контейнера <urlset> требуется дополнительно указать атрибут

xmlns:image со ссылкой на пространство имен (тегов изображений). Также в контейнер <url> помимо тега <loc> для изображений добавляются свои специфические теги.

Тег	Обязателен	Описание
image:image	Да	Контейнер, содержит информацию об изображении. Одна страница (тег loc) может содержать до 1000 тегов image:image.
image:loc	Да	Абсолютный URL изображения. Изображение должно быть доступно для индексации: открыто в robots.txt и не иметь X-Robots-Tag с noindex.
image:caption	Нет	Подпись для изображения. Максимальный размер — 384 байта.
image:geo_location	Нет	Место фотосъемки. Максимальный размер — 256 байтов.
image:title	Нет	Название изображения. Максимальный размер — 384 байта.
image:license	Нет	URL лицензии изображения. Максимальный размер — 256 байтов.

Пример содержимого файла карты сайта с картинками:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
  <url>
    <loc>https://ilyagorbachev.com/page.html</loc>
    <image:image>
      <image:loc>https://ilyagorbachev.com/image.png</image:loc>
      <image:title>Медный всадник</image:title>


      <image:caption>Памятник Петру I на Сенатской площади</image:caption>
      <image:geo_location>Санкт-Петербург</image:geo_location>
    </image:image>
    ...
  </url>
  ...
</urlset>

Sitemap с локализованными страницами

Помимо обычного тега hreflang связать локализованные страницы можно с помощью карты сайта. Синтаксис похож на обычный файл sitemap для страниц сайта, но в теге <urlset> указывается атрибут xmlns:xhtml со ссылкой на пространство имен xhtml.

В контейнере <url> по-прежнему указывается тег <loc>, но к нему добавляются теги <xhtml:link> для каждой локализованной версии (включая основную).

Атрибут	Обязателен	Описание
rel	Да	Всегда указывается как «alternate». Означает отношение между текущим документом и документом в теге <loc>.
hreflang	Да	Код языка локализации по стандарту ISO 639-1 и региона (если нужно) по стандарту ISO 3166-1 Alpha 2. Допускается совместное написание языка и региона через дефис.
href	Да	URL локализованной страницы, с указанием домена и протокола http/https.

Пример файла sitemap с локализованными версиями страницы:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">


  <url>
    <loc>https://ilyagorbachev.com/page.html</loc>
    <xhtml:link rel="alternate" hreflang="en" href="https://ilyagorbachev.com/page.html"/>
    <xhtml:link rel="alternate" hreflang="en-gb" href="https://ilyagorbachev.com/great-brit/page.html"/>
    <xhtml:link rel="alternate" hreflang="ru" href="https://ilyagorbachev.com/ru/page.html"/>
  </url>
  ...
</urlset>

В примере страница /page.html размечена как англоязычная, а страница /great-brit/page.html как англоязычная для жителей Великобритании. Страница /ru/page.html размечена для русскоязычных пользователей.

Sitemap с видео

С помощью sitemap для видео можно передавать заголовок видео, его изображение миниатюру, стоимость и много чего другого.

Более подробно — https://support.google.com/webmasters/answer/80471

Sitemap с новостями

Карта сайта XML с новостями позволяет им быстрее попадать в результаты поиска Google Новости. Но, конечно же, не гарантирует им высокое ранжирование в результатах поиска. Файл должен содержать ссылки на новости за последние два дня и содержать не более 1000 страниц новостей.

Подробнее — https://support.google.com/webmasters/answer/9606710.

TXT формат

Формат TXT у файла sitemap позволяет лишь передать информацию об адресах страниц сайта, без указания последней даты их обновления и других параметров который позволяет XML формат.

Ссылки указываются списком, как в примере:

https://ilyagorbachev.com/page1.html https://ilyagorbachev.com/page2.html https://ilyagorbachev.com/page3.html

Файл обязательно должен иметь расширение .txt, поддерживать кодировку UTF-8 и содержать только адреса страниц.

Как настроить

Где же взять файл sitemap? Лучше всего настроить его генерацию на сайте установив соответствующий плагин (если вы используете популярную CMS) или заказать настройку генерации файла sitemap у программиста.

Онлайн-генераторы

Стоит понимать что если онлайн-генератор сможет найти все страницы вашего сайта, то и поисковая система сможет. Но вас все равно это не остановит, так как висит ошибка в Яндекс.Вебмастере, верно? Тогда держите таблицу сравнения бесплатных сервисов для генерации sitemap под его ручное размещение на сайте.

Генератор	Страниц	Недостатки	Преимущества
countwordsfree.com/ ­­generate-sitemap	до 1000	Не найдены	Быстро, показывает прогресс и текущую страницу. Настройка учета рекомендаций из robots.txt и атрибутов nofollow у ссылок.
www.xml-sitemaps. com	до 500	Не найдены	Быстро, показывает прогресс и текущую страницу.
www.mysitemap generator.com	до 500	Ввод CAPTCHA	Быстро, показывает прогресс и текущую страницу

Сформировав файлы XML карты через генераторы скачайте их себе и разместите на сайта для которого их сделали.

Десктопные программы

Сформировать sitemap можно и на своем компьютере, для этого достаточно поставить любую из указанных программ-краулеров, запустить обход сайта и затем сделать экспорт в формате sitemap XML.

Так как мы традиционно не привыкли платить за программное обеспечение, далее будут рассмотрены бесплатные программы.

Xenu’s Link Sleuth

Официальный сайт — http://home.snafu.de/tilman/xenulink.html

Бесплатная программа от немецкого разработчика, нацеленная на поиск битых ссылок на сайте. Позволяет сделать экспорт карты сайта в формате XML. Правда, не подходит для сайтов внутренние ссылки которых загружаются через JavaScript.

В отличие от других программ представленных далее у XENU нет ограничения по количество сканируемых страниц.

Screaming Frog SEO Spider

Официальный сайт — https://www.screamingfrog.co.uk/seo-spider/

Очень удобный инструмент созданный британцами. Правда, сканирование в нем ограничивается 500 страницами. Позволяет сделать экспорт карты сайта страниц и изображений в формате XML. Очень гибкие настройки экспорта sitemap.

В платной версии нет ограничения по количеству сканируемых страниц и есть возможность учитывать ссылки, создаваемые через JavaScript. У меня самого установлена платная версия «лягушки».

G-Mapper

Официальный сайт — http://g-mapper.co.uk/sitemap-generator.aspx

Бесплатный инструмент специально заточенный под создание карты сайта. Экспортирует данные в любом формате: XML, TXT, HTML и RSS. Формирует sitemap как для страниц, так и для изображений.

Из минусов стоит отметить что для каждой страницы (или изображения) нужно вручную проставлять все нужные параметры: lastmod, changefreq и другие. То есть для больших сайтов это не самый лучший выбор.

Настройка в популярных CMS

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

Плагины для WordPress

WordPress является самой популярной CMS в мире и для неё есть целая куча отличных плагинов для генерации XML карты сайта.

Yoast SEO — бесплатный плагин. Генерирует не только карту страниц сайта, но и карту с изображениями. На моём сайте используется именно этот плагин.

All in One SEO Pack — также бесплатные плагин. Продвинутые настройки генерации карты сайта (в том же Yoast есть только кнопка вкл/выкл). Подключил его на одном статейном сайте, работает отлично.

XML Sitemap & Google News — бесплатный плагин заточенный только под генерацию карты сайта. Не является комплексным SEO плагином, в отличие от предыдущих. Менее популярен, а потому если возникнут ошибки рекомендую не заморачиваться с ним и выбрать другой плагин.

Плагины для Joomla

Сами разработчики Joomla на официальном сайте рекомендуют следующие плагины для формирования карты сайта.

Xmap — бесплатный компонент генерации sitemap. Формирует карту на основе меню сайта. Можно исключить ненужные пункты меню из карты.

SEF Service Map — аналогичный бесплатный компонент. Также формирует карту сайта на основе меню. Имеется интеграция со базовыми компонентами Joomla (контент, ссылки, новости и контакты).

Настройка в Тильда

Если вы продвигаете сайт на конструкторе Тильда, то можете расслабиться. Конструктор сам создает и обновляет карту сайта. Найти её можно дописав к адресу сайта /sitemap.xml на конце.

Хотите изменить карту сайта? Слезайте с конструктора на полноценную CMS, так вы и оптимизировать сайт сможете лучше.

Настройка в Битриксе

В 1С-Битрикс у вас автоматически создается карта сайта, по умолчанию. Настроить её можно в админ-панели, перейдя по следующими пунктам в меню: маркетинг > поисковая оптимизация > настройка sitemap.xml.

Настройка для OpenCart

По умолчанию в OpenCart уже имеется модуль Google Sitemap. Включить модуль можно в разделе: меню > модули > каналы продвижения. Если у вашего интернет-магазина более 10 000 товаров, то раньше вы могли столкнуться с ошибками при обновлении карты сайта. Тогда требуется выбрать более продвинутый платный модуль.

Настройка в Drupal

Для CMS Drupal существует модуль XML sitemap. После его скачивания и установки нужно включить все требуемые модули: общий, engines, node, taxonomy и user. Подробные настройки находятся по адресу admin/settings/xmlsitemap.

Настройка в Prestashop

В Prestashop для настройки карты сайта нужно скачать модуль Google sitemap. После установки и настройки модуля нам придется самим настраивать обновление карты сайта через планировщик cron, либо после добавления каждого товара на сайт вручную обновлять карту сайта.

Для настройки автоматического обновления нужно зайти в свою хостинг-панель и настроить событие cron выполнения указанного в модуле скрипта со временем 0 * * * * (если хотите чтобы карта обновлялась раз в час).

В случае, если у вас очень много товаров и обновление карты сайта вызывает ошибку следует в настройках хостинга установить большее время для выполнения php-скриптов.

Добавить для поисковых систем

Включение ссылки на карту сайта в файле robots.txt позволяет отправить её на обход во все поисковые системы. В том числе файл посетят и не особо популярные поисковики, которые мы дальше не будем разбирать отдельно.

В файле robots. txt в списке директив для User-agent: * указываем директиву Sitemap:, после которой указываем абсолютную ссылку на карту сайта.

Пример:

User-agent: * ... Sitemap: https://ilyagorbachev.com/sitemap_index.xml

Добавить в Яндекс

Добавить карту сайта можно через сервис Яндекс.Вебмастер. Добавьте в сервис свой сайт, подтвердите на него права. А затем перейдите в раздел: индексирование > файл sitemap.

В поле ввода укажите ссылку на карту сайта и нажмите «Добавить». Если карт несколько, можно добавить каждую отдельно (в случае если у вас нет карты индекса sitemap, иначе достаточно добавить только её).

На основе технологий Яндекса работает поиск Рамблера, а также его результаты поиска использует поисковая система DuckDuckGo.

Добавить в Google

Отправить запрос на обработку карты сайта можно через сервис Google Search Console (ex. Google Webmaster). Для этого добавляем сайт и подтверждаем права. После подтверждения — заходим в раздел «Файлы Sitemap» и добавляем все имеющиеся файлы карты сайта (или файл индекса sitemap). После анализа карта либо будет успешно добавлена, либо появится сообщение об ошибке.

Добавить в Mail

Добавить карту сайта в Поиск Mail.Ru можно через их Кабинет Вебмастера. Подтверждение прав на сайт сразу может не дать доступ к самому кабинету, только после того как роботы поисковой системы обойдут сайт появится возможность добавить карту сайта. Это делается в разделе: мета информация > sitemap, форма добавления появиться при клике по кнопке «добавить».

У некоторых сайтов у меня больше года висит статус «Робот уже в пути» и нет возможности указать карту сайта, но популярные сайты добавляются быстро.

Добавить в Bing

Если вы добавили карту сайта для Google в Search Console, то для Bing достаточно перейти в сервис «Bing веб-мастер» и настроить интеграцию сайтов с Google Search Console. В результате переносится вся информация, в том числе и о файлах sitemap.

Поисковую базу Bing использует и Yahoo, поэтому сделав это вы убили двух зайцев.

Часто встречаемые ошибки

О многих ошибках в файле sitemap вас оповестят поисковые системы при проверке добавленного файла. Но есть и такие ошибки, которые они не видят. Давайте разберем самые часто встречаемые из них.

Некорректный ответ сервера

В случае если вы включили в карту сайта ссылки на недоступные страницы (с ответом сервера не равным 200 OK), значительных проблем у сайта конечно не возникнет. Но, в таком случае поисковой системе придется потратить свои усилия на обход этих страниц, а она могла бы их направить на обход новых. Поэтому рекомендуется исключать такие страницы из файла sitemap.

Быстро проверить файл на такие ошибки можно через Screaming Frog. Для этого заходим в режим сканирования (Mode) List и выбираем в качестве источника «Download Sitemap» (или «Download Sitemap Index»), затем ждем завершения процесса и заходим во вкладку «Response Codes».

Сортируем по параметру «Status Code» и получаем список страниц в карте сайта с некорректным ответом сервера (всё что отлично от 200).

Стоит отметить что можно создать отдельную XML карту сайта для удаления страниц из индекса поисковика, туда как раз могут попадать страницы с ответом сервера отличным от 200.

Закрытие в robots.txt

Иногда случается что директивами Disallow в файле robots.txt может быть по случайному совпадению запрещен обход каких-то важных страниц сайта. Выявить их поможет обход карты сайта инструментом Screaming Frog. После обхода нам нужно зайти во вкладку «Response Codes» и выбрать фильтр «Blocked by Robots.txt».

Если это мусорные страницы — исключайте из карты сайта, а если нужные — открывайте их в robots.txt.

Технические страницы

При некорректной генерации в вашу карту сайта могут попасть технические страницы сайта (например, страница корзины) или что-то похуже — страницы с данными ваших пользователей. Обязательно сами бегло посмотрите все файлы sitemap и убедитесь что такие страницы не попали в них.

Закрывайте технические страницы через мета-тег robots (или X-Robot-Tag) со значением noindex. А страницы с данными пользователя должны отображаться только после его авторизации (например, с кодом ответа сервера 401 Unauthorized).

Заключение

Пользуйтесь всеми возможностями файлов sitemap для управления индексацией сайта. И не забывайте периодически возвращаться к нему для проверки ошибок.

Надеюсь этот материал помог вам!

10+ шаблонов карты сайта для визуализации вашего веб-сайта

Если бы вы строили новый офис для своей компании, вы бы не начали возводить стены, не имея визуального представления о том, как будет выглядеть объект. То же самое верно при создании нового веб-сайта или при капитальном ремонте существующего сайта. Вот почему создание визуальной карты сайта является важным шагом в этом процессе.

Визуальные карты сайта позволяют сразу увидеть, как будет организован веб-сайт, включая иерархию элементов и отношения между содержимым и страницами. Пользователи Venngage могут создавать привлекательные и информативные визуальные карты сайта всего за несколько кликов с помощью наших шаблонов карт сайта и Генератора файлов Sitemap.

Нажмите, чтобы перейти вперед:

• Что такое карта сайта?
• Что такое визуальная карта сайта?
• Что должно быть на карте сайта?
• Лучшие инструменты для создания визуальных карт сайта
• Визуальные шаблоны карты сайта и примеры
• Карта сайта Часто задаваемые вопросы

 

Что такое карта сайта?

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

 

Что такое визуальная карта сайта?

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

Подобно тому, как чертеж скорее функционален, чем красив, визуальная карта сайта выполняет несколько важных функций в веб-разработке, в том числе:

• Создание разделов веб-сайта и навигации
• Объяснение отношений между разделами или содержимым
• Предоставление дизайнерам и разработчикам возможности видеть повторяющиеся разделы или пробелы в содержимом

Это не значит, что ваша визуальная карта сайта должна быть уродливой. Наоборот; мы думаем, что если вы собираетесь сделать визуальную карту сайта, вы можете сделать так, чтобы она выглядела красиво.

Особенно, если вы представляете новую навигацию или иерархию для своего веб-сайта своим заинтересованным сторонам или руководству, вы не хотите, чтобы ваша визуальная карта сайта была тусклой и не привлекала их внимания.

Вы также можете использовать визуальную карту сайта как возможность усилить индивидуальность вашего бренда, включая цвета и стили значков.

Вернуться к оглавлению

 

Что должно быть на карте сайта?

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

Но есть некоторые основные элементы, которые может включать ваша визуальная карта сайта, в зависимости от того, чем занимается ваша компания:

• Домашняя страница
• Особенности
• Цены
• О
• История бренда
• отзывов
• Блог
• Контакт
• Команда
• Поддержка
• Часто задаваемые вопросы
• Нижний колонтитул

Визуальные карты сайта отличаются от двух других распространенных типов карт сайта, XML и HTML, которые являются более техническими, чем визуальные карты сайта. Вот основные различия между ними:

Визуальная карта сайта

Как мы объяснили, визуальная карта сайта — это диаграмма, подобная приведенной выше, показывающая навигацию и отношения между страницами на веб-сайте. Его можно использовать для создания новых сайтов или реорганизации существующих.

HTML-карта сайта

HTML-карта сайта New York Times

HTML-карта сайта — это, по сути, кликабельный список страниц на сайте, и это альтернативный способ навигации по веб-сайту для посетителей, как показано в приведенном выше примере HTML-карты сайта (для домашняя страница New York Times).

XML-карта сайта

XML-карта сайта New York Times

Это основанный на коде список URL-адресов на веб-сайте, используемый поисковыми системами для предоставления результатов при поиске по определенным ключевым словам. Очевидно, что он гораздо менее доступен для обычного человека, потому что он разработан для компьютеров.

Вернуться к оглавлению

 

Лучшие инструменты для создания визуальных карт сайта

У вас есть чистый лист бумаги и ручка? Вы можете сделать визуальную карту сайта.

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

Хотя вы можете использовать Google Docs или Microsoft Word для создания своих визуальных карт сайта, они оба не соответствуют цели создания привлекательных и укрепляющих бренд визуальных элементов. Конечно, это не инструменты дизайна, так что это понятно.

Создание визуальных карт сайта в Документах Google и Microsoft Word затруднено, поскольку ни Документы, ни Word не предлагают простых в использовании шаблонов карт сайта.

Лучшим вариантом является использование Генератора карты сайта Venngage, который позволяет вам экспортировать вашу карту сайта в формате PNG, которым вы можете поделиться с коллегами, или включить в предложение или план содержания в Word или Google Docs.

Бизнес-аккаунт Venngage предлагает еще больше: вы можете экспортировать карту сайта в формате PPT, готовую для использования в презентации в PowerPoint или Google Slides. У вас также будет доступ к My Brand Kit и функциям совместной работы в режиме реального времени, что позволит с легкостью создавать визуальные ресурсы бренда, даже если у вас нет дизайнерских навыков.

Вернуться к оглавлению

 

Шаблоны и примеры визуальной карты сайта

Давайте рассмотрим еще несколько вариантов оформления визуальной карты сайта, независимо от того, предназначена ли она для совершенно нового сайта или реорганизуемого.

Эта базовая визуальная карта сайта была создана для фирмы, предлагающей программное обеспечение как услугу (SaaS), но легко понять, как ее можно изменить для любой компании, продающей продукт.

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

Организации, работающие на международном уровне, часто создают несколько версий своих сайтов, переведенных для каждой аудитории, поэтому, если это применимо к использованию, убедитесь, что верхняя часть домашней страницы предлагает пользователям возможность переключаться между странами.

У стартапов есть уникальные потребности, потому что они, скорее всего, будут создавать свои веб-сайты полностью с нуля или, самое большее, на основе базового сайта, используемого для привлечения инвесторов. Но это дает прекрасную возможность стратегически подойти ко всему контенту веб-сайта.

Venngage for Business позволяет пользователям применять свой бренд всего одним щелчком мыши, поэтому ваш стартап может убедиться, что его фирменный стиль усиливается на каждом этапе. А с нашей функцией интеллектуальных диаграмм вы можете вносить изменения на лету и наблюдать за автоматической корректировкой дизайна.

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

Этот бесплатный шаблон карты сайта — еще один красочный вариант, подходящий для стартапов с игривым тоном.

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

Вернуться к оглавлению

 

Часто задаваемые вопросы о карте сайта

У вас есть дополнительные вопросы о создании визуальных карт сайта? У нас есть ответы.

Как создать карту сайта для моего сайта?

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

Как создать визуальную карту сайта с помощью Venngage?

Создать потрясающую визуальную карту сайта с помощью Venngage очень просто:

Шаг 1. Зарегистрируйте 

бесплатную учетную запись Venngage  

Вы можете зарегистрироваться, используя свою электронную почту, учетную запись Gmail или Facebook.

Шаг 2. Выберите шаблон карты сайта из нашей библиотеки шаблонов.

Шаг 3: Начните редактировать свою блок-схему с помощью нашего интеллектуального редактора диаграмм

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

Мы также внедряем новые интеллектуальные шаблоны с помощью редактора интеллектуальных диаграмм, который упрощает добавление новых узлов/ветвей в ваши блок-схемы.

Вы можете добавлять, редактировать, удалять или перетаскивать узлы, тексты, значки одним щелчком мыши, и узел будет автоматически подстраиваться под любой добавляемый вами контент.

Подробнее : 10+ интеллектуальных диаграмм и инфографики (и как их использовать)

Шаг 4. Оживите карту сайта с помощью значков, иллюстраций и элементов фирменного стиля

Мы предлагаем вам более 40 000 значков и иллюстраций визуализируйте любую информацию, которую вы хотите, на карте сайта.

Если вы перейдете на бизнес-аккаунт, вы сможете пользоваться My Brand Kit — набором для брендинга одним щелчком мыши, который позволяет загружать свой логотип и применять фирменные цвета и шрифты к любому дизайну.

Шаг 5. Поделитесь общедоступной ссылкой бесплатно или выполните обновление для загрузки

После обновления вы сможете загрузить блок-схему в виде файла PNG, который можно вставить в документ Word. После загрузки вы можете вернуться и внести изменения в любое время.

Вы также можете экспортировать карту сайта в формате PDF, Interactive PDF или PowerPoint, если хотите использовать ее для презентации.

 

Подводя итог: организуйте свой веб-сайт, настроив шаблон визуальной карты сайта

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

Начните создавать визуальную карту сайта для своего веб-сайта, используя один из рекомендуемых нами шаблонов карты сайта и Генератор карты сайта. Произведите впечатление на своих коллег, руководителей или клиентов своим дизайном и заручитесь их поддержкой для вашей новой идеи карты сайта — начать можно бесплатно.

 

 

Шаблон карты сайта | MURAL

О шаблоне карты сайта

Создайте красивый веб-сайт с помощью шаблона карты сайта, чтобы визуально очертить и спланировать идеальную структуру.

Что такое карта сайта?

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

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

Кто использует карту сайта?

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

Маркетологи предоставляют карты сайта с информацией из отчетов клиентов, персонажей и поведения. В свою очередь, эта информация способствует беспрепятственному перемещению клиента по веб-сайту. Менеджеры по продукту дают представление о продукте и связи с операциями, чтобы дать советы и рекомендации, которые оптимизируют работу веб-сайта для пользователя.

Файлы Sitemap — отличный инструмент именно потому, что они помогают каждому заинтересованному лицу визуализировать общую экосистему веб-сайта и удерживать всех на одной странице.

Как создать визуализацию карты сайта

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

Чтобы создать карту сайта для своего веб-сайта, выполните следующие действия:

Шаг 1: Перечислите весь контент и веб-страницы, которые вам нужны на вашем веб-сайте.

Шаг 2: Создайте категории, объединив наиболее общие веб-страницы. После определения категорий организуйте их по иерархии информации веб-сайта. Иерархия веб-сайта представляет собой порядок расположения страниц на веб-сайте. Цель состоит в том, чтобы пользователь мог легко и логично найти нужную страницу с помощью ряда меню и вкладок.