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

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

Что такое XML- и HTML-карты и для чего они нужны

Это специальная страница (HTML) или файл (XML), которые содержат ссылки на все (или только важные) страницы сайта, доступные для индексирования поисковиками.

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

Зачем это нужно? HTML- sitemap — это дополнительная мера, чтобы добавить простоты навигации по сайту. XML используется поисковиками, чтобы напрямую получать из структуры сайта новые страницы или изменения на старых, чтобы проиндексировать. Это в контексте SEO естественно дает положительный результат.

Какую информацию для поисковиков содержит sitemap.xml

Остановимся на XML-файле подробнее. Какую информацию он дает поисковым роботам? В целом ничего космического. Внутри обычно указаны:

• URL сайта <loc>;
• дата крайнего обновления <lastmod>;
• степень важности страницы <priority>;
• частота обновления <changefreq>.

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

Обязательно ли наличие sitemap.xml

Непосредственно на то, будет сайт в ТОПе или нет, наличие XML-карты если и влияет, то на какую-то десятую часть процента. Это просто инструмент для ускорения индексации, что особенно важно для молодых ресурсов. Так что ее наличие лишь рекомендация.

Стоит отметить, что карта зачастую нужна многостраничникам. Индексацию всех страниц отслеживать трудно, а sitemap.xml в Вебмастере позволяет оперативно отслеживать этот момент и исправлять ошибки. Например:

• ошибка 404;
• наличие закрытых от индексации;
• ошибка при сканировании URL;
• возвращение ложной ошибки URL.

Как решать эти проблемы подскажет справка Вебмастера.

Какие sitemap бывают

Перед тем, как сделать карту сайта, стоит подробнее поговорить об их видах: .html, .xml и те, что включают синтаксис мультимедийного контента. Что из этого подойдет именно вам? Разберемся по порядку.

HTML sitemap

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

HTML-карта полезна для SEO, так как равномерно распределяет вес по всем страницам сайта, создавая дополнительную перелинковку. Страница, загруженная ссылками, воспринимается роботом как спам. Так что больше 100 ссылок размещать не стоит (даже если они внутренние). В этом случае целесообразно разместить ссылки на главные разделы или категории, а подразделы со вспомогательными страницами исключить.

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

Также пара слов о том, как должна выглядеть HTML-карта. Хотя сейчас UX-дизайнеры бьются над новыми вариантами интерфейсов, древовидная структура будет жить вечно. Ее суть в явно читаемой иерархии страниц. Разделы оформляются крупным шрифтом или графикой, страницы — мелким. А каждое наименование снабжается анкором для облегчения передвижения по сайту.

Тем не менее, HTML-sitemap — это не полноценная карта. Все-таки, когда на сайте больше сотни страниц, на «древе» органично все разместить не получится.

XML-карта

XML-карта нужна поисковым роботам. Здесь нужно указывать не только URL страницы, но еще прописывать частоту и дату последнего обновления, приоритет (главная – 1, подраздел – 0.6, страница – 0.1) и пр.

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

1. <url> – URL сайта;
2. <loc> – URL страницы;
3. <lastmod> – дата крайнего обновления страницы;
4. <changefreq> – частота обновления страницы;
5. <priority> – приоритет страницы.

То есть, если обобщить, HTML дает ясное представление о ресурсе пользователям, а XML делает то же самое, но для робота.

Карта для мультимедийного контента

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

Карта для видео- или фото-контента отличается только наличием доп. тегов:

• URL картинки <image:loc>;
• URL с содержанием доп. информации о картинке <image:image>;
• тэг для указания подписи к картинке <image:caption>;
• тэг для указания названия <image:title>;
• тэг для указания гео-локации фотографии <image:geo_location>;
• тэг для указания наличия лицензии (если есть) <image:license>.

Для видео:

• данные о файле <video:video> ;
• URL страницы, где размещено видео <loc>;
• описание к видеоролику <video:description> (не больше 2050 символов);
• адрес для заставки к видео <video:thumbnail_loc> (от 160x90 до 1920x1080 пикс.);
• заголовок видео <video:title>.

Для создания карты под фото- и видео-контент подойдет плагин WP Video SEO.

Основные требования поисковиков к XML

Перед тем, как перейти к гайду как бесплатно сделать xml-карту сайта (sitemap), важно ознакомиться с требованиями поисковиков. Например, Яндекс просит:

• размер — до 10 Мб;
• максимум — 50 000 страниц;
• код — UTF-8;
• URL без GET-параметров и идентификаторов сессий.

У Гугл тоже самое, только допускаются файлы до 50 Мб, а кириллицы, ясное дело, в URL быть не должно — только латинские буквы и цифры. Для сжатия файла можно использовать архиватор gzip, а для перевода русских доменов подойдет кодировщик Punycode.

Где создать и как подключить sitemap?

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

С помощью онлайн-генератора

Этот способ подойдет всем и каждому. Неважно, создан сайт на статичном HTML или каком-нибудь CMS. Но есть нюансы:

• онлайн-генераторы имеют ограничения по страницам;
• они не обновляют карту, если создается новая страница;
• многие генераторы платные (цена вопроса 20-30$).

Конкретно в Рунете достаточно бесплатных вариантов: XML-Sitemaps, XML sitemap generator, Online XML sitemap generator, My Sitemap generator.

Как создать XML-карту сайта в XML-Sitemaps:

1. Перейти на сайт https://www.xml-sitemaps.com/.
2. Вставить URL своего сайта.
3. Нажать «Начать».
4. Подождать пока генератор выкатит готовый файл.

После остается скачать файл на компьютер, загрузить его в корневую директорию сайта (для этого подойдет любой FTP-клиент) и добавить его в Вебмастер Яндекса и Google. 

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

Используем плагин для CMS

Плагины позволяют бесплатно создать карту сайта, которая будет обновляться автоматически. Это удобная игра в долгую. Учитывая, что половина Рунета базируется на WordPress, то вот инструкция по работе с Google XML Sitemaps:

1. Перейти в раздел с плагинами.
2. Нажать на «Добавить новый».
3. В поисковой строке ввести «Google XML Sitemaps» (с Яндекс тоже работает).
4. Установить.
5. После завершения установки нажать на «Активировать плагин».
6. Перейти в «Настройки» и выбрать «XML-Sitemap».
7. Здесь нужно выставить приоритеты (по своему усмотрению) и разделы, которые нужно включить в карту сайта.
8. Подтвердить изменения кнопкой «Обновить параметры».

Ссылку на карту можно найти в меню настроек данного плагина в самом верху.

Для других CMS-сайтов можно посмотреть плагины: для Joomla — Sitemap Generator, для Drupal — XML Sitemap, для OpenCart — Yandex Sitemap.

Через ПО

И последний вариант, как сделать xml-карту сайта — это использовать программы. В Сети их много, но мы остановимся на Majento. Кодить здесь не надо. Программа все сделает сама. Инструкция:

1. Перейти на https://majento.ru/.
2. Проскролить до третьего экрана, где будет пункт «Генератор Sitemap».
3. Кликнуть. Ввести URL сайта, капчу и вперед (после не забыть закинуть файл в корневую директорию).

Majento поддерживает многостраничники (до 500 страниц). Но, если на сайте 501 и больше, можно использовать более мощный сервис: www.freesitemapgenerator.com.

Как добавить XML-файл в Вебмастер

Все. Как сделать карту сайта самому разобрались. Теперь ее нужно добавить в Вебмастер Яндекса и Гугла.

Для отечественного поисковика инструкция следующая:

1. Перейти на https://webmaster.yandex.ru/site/indexing/sitemap/.
2. Указать URL файла (URL карты обычно находится по такому адресу: вашсайт.ru/sitemap.xml).
3. Нажать на «Добавить».

После карта отправится на обработку и в течение 14 дней напротив каждой страницы отобразится статус (ОК, редирект, ошибка, не проиндексирован). Если ни одна страница не проиндексирована, возможно указан некорректный URL или сам .xml-файл неправильно заполнен. Причины и как это исправить можно будет найти в справке Вебмастера.

Для Google Search Console инструкция немного другая:

1. Зайти в панель Вебмастера.
2. Перейти в раздел «Сканирование».
3. Дальше кликнуть на подраздел «Файлы Sitemap».
4. Следом нажать «Добавление/Проверка файла».
5. Ввести URL карты.
6. Нажать «Отправить».

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

Где размещать карту на сайте

Напоследок, еще немного о том, как сделать HTML-карту сайта. Точнее, как ее оформить. Проанализировав десятки ресурсов, начиная от Госуслуги и ПФР, заканчивая банками и интернет-магазинами, можно прийти к выводу, что большой разницы нет.

HTML-карту можно разместить:

• на отдельной странице с древообразным списком;
• в подвале сайта;
• сообразить навигационное меню сбоку;
• на странице 404.

Все зависит от редполитики, дизайна, количества разделов и пр. Главное, чтобы пользователь мог найти то, зачем пришел. Все-таки сайт должен быть полезным и удобным, а уже потом быть субъективно «красивым».

Полезное видео про правильную настройку карты сайта

Для SEO-марафона, который студия DIUS проводила подписчикам нашей группы в Instagram, мы подготовили обучающий видеоролик. В нем подробно рассказываем зачем нужны карты сайта HTML и XML и как их правильно настраивать.

Резюме

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