Карта сайту — це файл Sitemap.xml, де міститься перелік всіх сторінок веб-сайту, який створюється для прискорення індексації ресурсу. Також є карта сайту для користувачів — вона скоріше схожа на зміст книги. Останні називаються HTML-картами та є каталогом сторінок проєкту, що показують ієрархію ресурсу.
Сьогодні Роби бізнес розповість, як самостійно створити файл Sitemap.xml, завантажити на сайт і додати в пошукові системи. Розберемо також і створення HTML-карти.
Що таке карта сайту і для чого потрібна
Sitemap — це карта сайту, каталог посилань на категорії, підкатегорії, сторінки проєкту з підтримкою закладеної ієрархії (рівня вкладеності). За допомогою Sitemap.xml можна повідомити пошуковим системам Google і Яндекс актуальну структуру, рівень вкладеності, кількість сторінок та посилання на них.

Найбільш докладна інформація щодо необхідності використання Sitemap.xml представлена в довіднику Яндекс.Вебмайстер і Google Webmasters.
Відмінності рекомендацій по використанню карти сайту від Google і Яндекс:
- У Гуглі підтримуються чотири формату карт сайту .txt, RSS, .xml і «Сайти Google» (якщо ресурс зроблений за допомогою однойменного сервісу корпорації добра). Яндекс підтримує тільки .xml карти.
- Google не підтримує тег <priority>.
- Для Гугл обов’язково додавати посилання на карту сайту в файлі robots.txt – для позначення її доступності до перегляду.
Для вказівки шляху до файлу Sitemap.xml можна використовувати кабінет вебмайстра або вказати посилання у файлі robots.txt. Краще зробити і те, і інше. Якщо у вас сайт з величезною кількістю сторінок, карт сайту може бути кілька. Стандартні обмеження Google:
- Розмір Sitemap-файлу до 50 мегабайт.
- Кількість посилань не більше 50 000 штук.
Аналогічні вимоги пред’являє пошукова система Яндекс.
Важливість карти сайту не можна недооцінювати. Вона і сьогодні є одним з перших кроків при початку роботи над SEO-просуванням сайту.
Карта сайту: Види
Можна виділити два типи карта сайту:
- XML Sitemaps – розрахована на пошукових роботів, для збору і обробки всіх посилань категорій, підкатегорій, окремих сторінок. Являє собою набір тегів, усередині яких знаходяться посилання на сторінки і статті.
- HTML карта сайту для користувачів. Є окремою сторінкою, що складається з посилань, розбитих відповідно до категорій та підкатегоріями. Рідше в якості звичайного каталогу наявних статей, якщо самі категорії не несуть практичної користі. Нерідко на неї можна перейти з меню на головній сторінці.
Також карти, можна підрозділити на створені вручну і згенеровані за допомогою онлайн-сервісів, плагінів або модулів.
Як створити sitemap.xml карту сайту
Створення файлу Sitemap.xml передбачає використання різних способів:
- Ручний. Ви самостійно через будь-який редактор (наприклад, Notepad ++) ставите в певному порядку теги та посилання.
- Сервіси. Завантажуєте необхідні посилання або вписуєте адресу сайту, на виході отримуєте згенерований sitemap.xml файл.
- Плагіни/модулі. Деякі движки для сайтів (CMS) володіють вбудованими плагінами, що дозволяють генерувати карти сайту в одне натискання. Інші вимагають додаткової установки.
Немає сенсу розглядати в контексті статті створення карти сайту ручним методом, так як і автоматичні справляються точно також. Плюс виключається людський фактор. Адже завжди можна допустити помилку, не закрити тег або зробити щось неправильно.
Створення карти сайту за допомогою онлайн-генератора
Гранично простий процес. Досить слідувати інструкції нижче:
- Переходимо на сайт XML-Sitemaps.com.
Карта сайту - У рядок введення вписуємо посилання на свій сайт.
- Натискаємо на кнопку «Start».
- Очікуємо завершення процесу у спливаючому вікні.
- Після закінчення процесу натискаємо кнопку «Download your XML Sitemap file» і завантажуємо в зручну директорію на комп’ютер.
- Далі нам необхідно завантажити файл в кореневу папку.
Даний сервіс дозволяє згенерувати карту для сайту розміром не більше 500 сторінок. Існують і інші аналоги, які працюють за таким же принципом.
Підключення за допомогою плагінів і модулів
Для початку зупинимося на самому популярному движку у світі – WordPress. Пропонуємо завантажити плагін «Yoast SEO», він універсальний і потрібно для оптимізації сторінок для просування у видачі пошукових систем. В якості приємного бонусу через нього можна згенерувати карту сайту. Інструкція наступна:
- Викачуємо «Yoast SEO».
- Встановлюємо у відповідності з інструкцією всередині.
- В меню зліва в адмін-панелі знаходимо пункт «SEO».
- Вибираємо «XML Sitemaps».
- Налаштовуємо те, що повинно відображатися у файлі для пошукових роботів (стрілкою вказаний мультимедійний контент: фото, відео).
- Натискаємо «Save Changes» для збереження змін.
Готове Карта сайту створена та доступна за адресою site.com/sitemap.xml – тобто, знаходиться в кореневій папці.
У DataLife Engine (DLE) генератор карт вже вбудований і доступний з панелі управління проєктом, для Joomla слід скористатися модулем OSMap, Bitrix в xml-файл формується автоматично, в Drupal для цього можна використовувати модуль XMLSitemap.
Як додати файл Sitemap.xml на сайт і завантажити в пошукові системи
Якщо файл створений CMS, він розташовується в корені сайту. А значить, необхідно додати посилання в Яндекс.Вебмайстер і Google Search Console. Далі повернемося до цього процесу.
У випадку, якщо файл створювався вручну або за допомогою генератора, потрібно перед додаванням в кабінет вебмайстра завантажити його в кореневу папку сайту. Найпростіший спосіб:
- Підключитися до сервера через FTP-менеджер FileZilla (використовуючи задані самостійно і видані вам дані при реєстрації на сайті хостинг-провайдера).
- Натиснути правою кнопкою миші по потрібному файлу.
- Вибрати «Завантажити на сервер».
- Дочекатися завершення завантаження.
Аналогічним чином слід чинити і з іншими сайтами, де не передбачена можливість автоматичної генерації карти сайту засобами движка або додаткового модуля. Хіба що рівень вкладення кореневих папок може відрізнятися – багато де для початку потрібно зайти по дорозі public_html.
На черзі – додавання в Яндекс.Вебмастер. Інструкція наступна:
- Переходимо до кабінету вебмастера.
- Зліва в розділі «Індексування» знаходимо пункт «Файли Sitemap».
Карта сайту - Вписуємо туди посилання на нашу карту сайту.
- Тиснемо кнопку «додати».
- Чекаємо закінчення перевірки.
При успішному завершенні робот буде знати, де шукати карту і при відвідуванні веб-сайту їм будуть індексуватися всі посилання різного рівня вкладеності.
Для додавання файлу карти Google Search Console потрібно виконати наступні дії:
- Переходимо в інструменти для вебмайстрів.
- Зліва в меню клацаємо за пунктом «Оптимізація».
- У випадаючому списку вибираємо «Файл Sitemap».
- Натискаємо на кнопку «Додавання/перевірка файлу Sitemap».
- Прописуємо шлях до файлу у відповідності з директорією його розміщення.
- Натискаємо кнопку «Перевірити файл Sitemap».
- Відправляємо карту боту, скориставшись спеціальною кнопкою.
Як зробити HTML карту сайту
Як було зазначено вище, HTML-карта є навігації для реальних користувачів сайту. При наявності великого сайту, скарг від відвідувачів на заплутану структуру проекту, проблему можна спробувати вирішити створенням HTML-сторінки з картою сайту.

Найбільш правильну і коректну сторінку з картою можна подивитися у державної організації – Пенсійного Фонду. Подивіться, вона виглядає гранично просто і зрозуміло. Потрібно прагнути до створення подібної структури.
Створення HTML карти сайту на WordPress можна виконати за допомогою плагіна Hierarchical HTML Sitemap або іншого аналогічного рішення. Встановлюєте його, налаштовуєте, після чого вставляєте отриманий код в потрібну сторінку.
Для Joomla також можна використовувати представлений вище плагін OSMap.
Висновок
Якщо створюєте карту сайту Sitemap.xml, а кількість посилань перевищує 1 000 штук, слід розбивати файл на дві частини – в кожній до 1 000 посилань. З HTML-картами додавайте додаткові сторінки з можливістю переходу між ними.
Карта сайту у 2019 році – швидше, підстраховка, що всі сторінки будуть проіндексовані пошуковими ботами, але ніяк не зобов’язання. Те ж можна сказати і про HTML-карті проєкту, при наявності громіздкої структури можна створити її або оптимізувати структуру за рахунок правильної навігації.
Дякую автору за хороші рекомендації. Завдяки цій статті у мене все вийшло.