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

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

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

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

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

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

HTML-карта веб-сайта и XML-карта веб-сайта - скриншот

Какую информацию для поисковиков включает 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-карта веб-сайта при 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> – приоритет страницы.
Пример XML-карты веб-сайта - скриншот

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

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

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

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

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

Для видео:

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

Для создания карты под фото- и видео-контент подойдет плагин 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. Подождать пока генератор выкатит готовый файл.
Создание XML-карты веб-сайта в онлайн-генераторе - скриншот

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

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

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

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

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

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

XML-карта веб-сайта в плагине WordPress - скриншот

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

Через ПО

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

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

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

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

Все. Как сделать карту веб-сайта самому разобрались. Сейчас ее необходимо добавить в Вебмастер Яндекса и Гугла.

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

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

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

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

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

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

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

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

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

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

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

Резюме

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *