Интересуясь веб-разработкой и SEO-продвижением в интернете, вы наверняка сталкивались с таким термином, как sitemap. И далеко не все четко понимают, что это за файл, зачем он нужен, какие функции для сайта выполняет.
Поэтому мы решили подробно рассказать, что это такое, как работает, почему сайтмап — это критически важный элемент структуры вашего сайта. Также вас ждут примеры сайтмапов, на которые можно ориентироваться.
Что такое карта сайта?
Карта сайта (или sitemap) — это документ, содержащий перечень страниц. Как оглавление в крупном тексте помогает читателю ориентироваться в его структуре, так и сайтмап помогает поисковым ботам правильно видеть страницы и документы веб-ресурса.
Файл sitemap — один из ключевых элементов сайта с точки зрения SEO. Однако он необходим не каждому ресурсу. Карта сайта требуется в следующих ситуациях:
- На вашем ресурсе есть более 10 тысяч URL адресов и сложная структура.
- Имеются изолированные страницы без входящих ссылок.
Если у вас мелкий сайт, где на любую страничку легко попасть посредством 2-3 кликов, без sitemap xml можно обойтись. Также сайтмап рекомендуется добавлять ресурсам без «хлебных крошек», но имеющим глубокую вложенность.
Для чего нужна карта сайта
Sitemap выполняет три основные задачи:
- Улучшает индексацию страниц. Четко показывает поисковикам структуру сайта. Указывает на те страницы, в которые вносились изменения с момента их предыдущего посещения.
- Существенно увеличивает уровень доверия поисковых ботов. Они более охотно индексируют сайты с файлом sitemap, чем без него.
- Помогает пользователям лучше ориентироваться. Но здесь речь идет об HTML sitemap. Подробнее об этом мы расскажем далее.
Если говорить в теории, то поисковые роботы самостоятельно сканируют страницы сайта и индексируют их. Однако практика показывает, что им нужно помогать и буквально указывать, на какие страницы или файлы они должны обратить особое внимание. Sitemap txt и xml как раз и предназначены для этих целей. Причем второй тип в этом плане гораздо важнее, так как позволяет предоставлять поисковым ботам больше полезной информации.
Какие бывают карты сайта?
Рассмотрим, какие разновидности карты сайта существуют, в каких случаях они используются. Выделяют два типа сайтмап: xml карта сайта и HTML sitemap.
HTML Sitemap
Карта сайта sitemap HTML — это, по сути, отдельная страница с перечислением ссылок на основные разделы. Вы наверняка встречали их на различных веб-ресурсах (преимущественно в самом низу). Они в большей мере предназначены для пользователей, а не для поисковых систем, поэтому имеют некоторые ограничения. Например, здесь не рекомендуется размещать более сотни ссылок. Но такое большое количество, как правило, и не нужно.
HTML карта сайта — это полезный элемент с точки зрения удобства навигации. Ее можно сделать визуально привлекательнее, используя CSS-стили, Java-Script и прочие инструменты современной верстки. Но вот для индексации и SEO-продвижения куда большую роль играет карта сайта в формате xml.
Пример файла sitemap.txt
В текстовом файле просто прописываются URL в виде наборов строк:
https://www.site.ua/page-1.html
https://www.site.ua/page-2.html
XML Sitemap
XML сайтмап — файл в xml-формате, который размещают в корне веб-ресурса, куда у рядового пользователя доступа нет. Зато его видят поисковики Google и другие. В отличие от HTML сайтмап, xml карта позволяет разместить гораздо больше ссылок (до пятидесяти тысяч). Кроме того, для нее можно указать частоту обновления веб-страниц и приоритетность.
Обратите внимание! Если вам нужно разместить свыше 50 000 страниц в sitemap, придется создать несколько XML-карт, а не пытаться добавить в один файл больше ссылок.
Добавим также, что существуют специальные xml sitemaps для картинок и видеороликов. Но их используют достаточно редко, потому что их роль для SEO-показателей сайта не является важной.
Пример файла sitemap.xml
Вот вариант для sitemaps org:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://www.site.ua/</loc>
<lastmod>2018-10-03</lastmod>
<changefreq>monthly</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>http://www.site.ua/page-1.html</loc>
<lastmod>2018-10-03</lastmod>
<changefreq>monthly</changefreq>
<priority>0.9</priority>
</url>
<url>
<loc>http://www.site.ua/page-2.html</loc>
<lastmod>2018-10-03</lastmod>
<changefreq>monthly</changefreq>
<priority>0.9</priority>
</url>
...
<url>
<loc>http://www.site.ua/page-N.html</loc>
<lastmod>2018-10-03</lastmod>
<changefreq>monthly</changefreq>
<priority>0.9</priority>
</url>
</urlset>
Из каких элементов состоит sitemap.xml
Для лучшего понимания вопроса предлагаем рассмотреть содержимое sitemap и теги, которые здесь задействуются:
sitemapindex |
Базовый родительский тег, который проставляют в самом начале и в конце документа |
sitemap |
Второй родительский тег, но он заключается в предыдущий |
url |
Блок, содержащий значение URL |
loc |
УРЛ страницы |
changefreq |
Обозначение частоты изменения страницы. Есть разные варианты: всегда, никогда, раз в час (день, неделю, месяц, год) |
priority |
Распределение элементов структуры сайта по приоритету для краулинга |
lastmod |
Время, когда контент на странице обновлялся в последний раз. Данный параметр менее важен, чем предыдущие |
Синтаксис sitemap.xml
Чтобы внедрить грамотную sitemap.xml для небольшого сайта, вовсе не обязательно писать огромный код. Вот пример sitemap для sitemaps org с простейшей структурой:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://example.com/</loc>
</url>
</urlset>
Правда, для серьезного сайта структура и синтаксис будут на порядок сложнее. Если вы не уверены, что справитесь самостоятельно, лучше доверьте эту работу специалистам.
Как создать sitemap?
Есть четыре варианта, как создать sitemap xml:
- Через встроенные плагины CMS. Многие системы управления контентом уже оснащены плагинами для формирования сайтмапов. Как правило, они неплохо справляются с этой задачей, способствуя дальнейшему продвижению. Кстати, советуем прочесть несколько наших публикаций по теме: «Продвижение сайта на Wordpress» и «Продвижение сайтов Opencart».
- С помощью специального ПО. Есть немало специализированного программного обеспечения, чтобы автоматизировать и упростить процесс. Можно даже найти бесплатные варианты. Работать с ними достаточно удобно, но после обновления сайта сайтмап придется раз за разом перегенерировать. А это создает определенные неудобства.
- В онлайн-сервисах. Принцип тот же, только вместо программы вы используете онлайн-платформу. Есть платные и бесплатные варианты с теми же преимуществами и недостатками.
- Вручную. Если у вас есть хотя бы базовые навыки верстки, а ваш сайт небольшой, можно создать сайтмап вручную.
Пример карты сайта
Файл sitemap может существенно отличаться в зависимости от того, для чего он используется. Мы рассмотрим несколько примеров сайтмап для популярных категорий: изображения, видеоролики, Google-новости и мультиязычные файлы.
Sitemap для картинок
Sitemap xml рекомендуют создавать и для правильной индексации изображений. Этот файл действительно способен помочь поисковику находить контент и корректно его индексировать. Единственный нюанс: все это работает только с поисковиком Google.
Сайтмап для картинок выглядит следующим образом:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:image="http://www.seoftraf.ru/schemas/sitemap-image/1.1">
<url>
<loc>http://example.com/page.html</loc>
<image:image>
<image:loc>http://example.com/pic1.jpg</image:loc>
</image:image>
<image:image>
<image:loc>http://example.com/pic1.jpg</image:loc>
</image:image>
</url>
</urlset>
Sitemap для видео
Создать файл индекса sitemap есть смысл только в том случае, если вы размещаете уникальный видеоконтент. В нем можно указать название видео, его короткое описание, продолжительность, а также выбрать миниатюру. Если все сделать правильно, то URL появится в разделе Google Video. Там будут все данные, что вы указали (название, описание, миниатюрная картинка и пр.).
Пример сайтмапа для видео:
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:video="http://www.seoftraf.ru/schemas/sitemap-video/1.1">
<url>
<loc>http://www.example.com/videos/video_1.html</loc>
<video:video>
<video:thumbnail_loc>http://www.example.com/thumbs/video_1.jpg</video:thumbnail_loc>
<video:title>Обзор смартфона Xiaomi Redmi 3 Note Pro</video:title>
<video:description>Подробный обзор внешнего вида и функций смартфона Xiaomi Redmi 3 Note Pro от интернет-магазина Example.</video:description>
<video:content_loc>http://www.example.com/video123.flv</video:content_loc>
<video:player_loc allow_embed="yes" autoplay="ap=1"> http://www.example.com/videoplayer.swf?video=123</video:player_loc> <video:duration>600</video:duration>
<video:rating>4.3</video:rating>
<video:view_count>1223</video:view_count>
<video:publication_date>2017-01-05T19:20:30+03:00</video:publication_date>
<video:family_friendly>yes</video:family_friendly>
<video:live>no</video:live>
</video:video>
</url></urlset>
Sitemap для Google новостей
Сайтмап для новостных веб-ресурсов — это файл с динамической автогенерацией, который обновляется ежедневно. В нем допустимо до тысячи URL. Если их больше, нужно создавать файлы для двух и более карт. В сайтмап прописывают название статьи, ее основные параметры, язык, дату публикации и пр.
Пример:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:news="http://www.seoftraf.ru/schemas/sitemap-news/0.9">
<url>
<loc>http://example.ua/news/wow55.html</loc>
<news:news>
<news:publication>
<news:name>Новости</news:name>
<news:language>ua</news:language>
</news:publication>
<news:genres>Blog</news:genres>
<news:publication_date>2017-05-10</news:publication_date>
<news:title>Рацион питания среднестатистического студента</news:title>
<news:keywords>студенты, еда, мивина, пельмени, revo</news:keywords>
</news:news>
</url>
</urlset>
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>http://example.com/ua/</loc>
<xhtml:link rel="alternate" hreflang="ua" href="http://www.example.com/ua/"/>
<xhtml:link rel="alternate" hreflang="en" href="http://www.example.com/en/"/>
<xhtml:link rel="alternate" hreflang="ru" href="http://www.example.com/ru/" />
</url>
<url>
<loc>http://www.example.com/deutsch/</loc>
<xhtml:link rel="alternate" hreflang="ru" href="http://www.example.com/ru/"/>
<xhtml:link rel="alternate" hreflang="en" href="http://www.example.com/en/"/>
<xhtml:link rel="alternate" hreflang="ua" href="http://www.example.com/ua/"/>
</url>
<url>
<loc>http://www.example.com/en/</loc>
<xhtml:link rel="alternate" hreflang="ru" href="http://www.example.com/ru/"/>
<xhtml:link rel="alternate" hreflang="ua" href="http://www.example.com/ua/"/>
<xhtml:link rel="alternate" hreflang="en" href="http://www.example.com/en/"/>
</url>
</urlset>
Анализ карты сайта
Для поиска ошибок в сайтмапе есть удобная программа Screaming Frog, которая показывает редиректы, ошибки 404, дубликаты URL и пр. Сейчас мы не будем детально останавливаться на ней, т. к. у нас уже есть исчерпывающая статья по этой теме «Сканирование сайта в Screaming Frog».
Как анализировать карту сайта в Google
В Google Search Console есть встроенные инструменты для анализа. В подразделе «Сканирование» нужно выбрать «Файлы сайтмап». Таким образом, можно сообщить в Google с помощью sitemap о появлении свежих карт и оптимизировать их сканирование.
Можно добавлять и проверять файлы, посмотреть, сколько страниц отправлено на индексацию, сколько прошли ее на текущий момент. Также отчеты содержат список ошибок и обнаруженных проблем.
Выводы
Sitemap xml — ключевой элемент сайта с многоуровневой структурой, способствующий корректной индексации и положительно сказывающийся на SEO-показателях. Для большинства современных веб-ресурсов (если это не одностраничники) сайтмап жизненно необходим.
Если у вас простой сайт с несложной структурой, этот файл вполне можно создать и добавить вручную. Для более сложных площадок процесс стоит автоматизировать или доверить специалистам, которые точно знают, что делают. Они не допустят типичных ошибок при создании сайтмапов.
Оставьте ваши контактные данные.
Будем рады обсудить ваш проект!