Що таке Sitemap.xml чи карта сайту

Цікавлячись веб-розробкою та SEO-просуванням в інтернеті, ви напевно стикалися з таким терміном, як sitemap. І далеко не всі чітко розуміють, що це за файл, для чого він потрібен, які функції для сайту виконує.

Тому ми вирішили докладно розповісти, що це таке, як працює, чому сайт-мап - це критично важливий елемент структури вашого сайту. Також на вас чекають приклади сайтів, на які можна орієнтуватися.

Що таке мапа сайту?

Карта сайту (або sitemap) – це документ, що містить перелік сторінок. Як зміст у великому тексті допомагає читачеві орієнтуватися в його структурі, так і сайтмап допомагає пошуковим роботам правильно бачити сторінки та документи веб-ресурсу.

Файл sitemap – один із ключових елементів сайту з погляду SEO. Однак він потрібний не кожному ресурсу. Карта сайту потрібна у таких ситуаціях:

1. На вашому ресурсі є понад 10 тисяч URL-адрес та складна структура.
2. Є ізольовані сторінки без посилань.

Якщо у вас дрібний сайт, де на будь-яку сторінку легко потрапити через 2-3 кліки, без sitemap xml можна обійтися. Також сайтмап рекомендується додавати ресурсам без «хлібних крихт», але мають глибоку вкладеність.

Навіщо потрібна карта сайту

Sitemap виконує три основні завдання:

1. Покращує індексацію сторінок . Чітко показує пошуковикам структуру сайту. Вказує на ті сторінки, які вносили зміни з моменту їх попереднього відвідування.
2. Істотно збільшує рівень довіри пошукових роботів . Вони охоче індексують сайти з файлом sitemap, ніж без нього.
3. Допомагає користувачам краще орієнтуватися . Але тут йдеться про 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 та теги, які тут задіяні:

Синтаксис 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:

1. Через вбудовані плагіни CMS . Багато систем управління контентом вже оснащені плагінами для формування сайтів. Як правило, вони непогано справляються з цим завданням, сприяючи подальшому просуванню. До речі, радимо прочитати кілька наших публікацій на тему: «Просування сайту на Wordpress» та «Просування сайтів Opencart» .
2. За допомогою спеціального ПЗ . Є чимало спеціалізованого програмного забезпечення, щоб автоматизувати та спростити процес. Можна навіть знайти безкоштовні варіанти. Працювати з ними досить зручно, але після оновлення сайту сайтмап доведеться щоразу перегенерувати. А це створює певні незручності.
3. В онлайн-сервісах . Принцип той самий, тільки замість програми ви використовуєте онлайн-платформу. Є платні та безкоштовні варіанти з тими самими перевагами та недоліками.
4. Вручну . Якщо у вас є хоча б базові навички верстки, а ваш сайт невеликий, можна створити сайт-мап вручну.

Приклад карти сайту

Файл 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/ru/"/>

<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/ru/"/>

</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/ru/"/>

<xhtml:link rel="alternate" hreflang="en" href="http://www.example.com/en/"/>

</url>

</urlset>

Аналіз картки сайту

Для пошуку помилок у сайтмапі є зручна програма Screaming Frog, яка показує редиректи, помилки 404, дублікати URL та ін. Frog» .

Як аналізувати карту сайту в Google

У Google Search Console є вбудовані інструменти для аналізу. У розділі "Сканування" потрібно вибрати "Файли сайтмап". Таким чином, можна повідомити Google за допомогою sitemap про появу свіжих карт і оптимізувати їх сканування.

Можна додавати та перевіряти файли, подивитися скільки сторінок відправлено на індексацію, скільки пройшли її на поточний момент. Також звіти містять список помилок та виявлених проблем.

Висновки

Sitemap xml - ключовий елемент сайту з багаторівневою структурою, що сприяє коректній індексації і позитивно позначається на SEO-показниках. Для більшості сучасних веб-ресурсів (якщо це не односторінники) сайтмап життєво необхідний.

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