Налаштовуємо карту сайту зображень (Image Sitemap)

Зображення часто дають суттєвий відсоток органічного трафіку — з Google Images, з “карток” у видачі, з Discover та інших блоків. Але пошуковику складніше “зрозуміти” картинки, ніж текст: особливо якщо вони завантажуються через JS, лежать у галереях, або сторінки мають складну структуру. Image sitemap допомагає прискорити індексацію зображень і передати Google більше сигналів: де саме використовується картинка, який у неї URL, заголовок, підпис тощо.

Що таке карта сайту зображень і навіщо вона потрібна

Image sitemap — це XML-файл (або частина основної карти сайту), який містить посилання на сторінки та перелік зображень, прив’язаних до цих сторінок. Пошуковик не просто бачить “ось файл .jpg”, а розуміє контекст: зображення належить конкретній сторінці, використовується у конкретному матеріалі і має метадані.

Коли image sitemap найбільш корисна:

  • у вас багато зображень (каталог товарів, портфоліо, медіа, новини);

  • картинки завантажуються ліниво (lazy-load) або через скрипти;

  • є галереї, слайдери, сторінки з динамічним контентом;

  • ви хочете отримувати додатковий трафік з пошуку по зображеннях.

Важливі умови перед налаштуванням

Перед тим як робити sitemap, перевір базові речі:

  1. Зображення доступні для індексації: не заблоковані в robots.txt, не потребують авторизації.

  2. URL зображень віддає 200 OK (а не 403/404/302).

  3. Немає дублювання: одна й та сама картинка під 10 різними URL (через параметри, CDN-дзеркала, тощо) — це ускладнює індексацію.

  4. Правильні формати і розміри: сучасні формати (WebP/AVIF) ок, але стеж за якістю і тим, щоб важливі картинки не були “мильними” чи надто маленькими.

  5. ALT і контекст: sitemap допомагає, але не замінює ALT-текст, підписи і релевантний контент сторінки.

Де робити image sitemap: окремо чи разом з основною

Є два варіанти:

  • Окрема карта сайту зображень (наприклад, image-sitemap.xml) — зручно, якщо картинок дуже багато.

  • Розширення основної sitemap тегами зображень — зручно для невеликих сайтів, де все можна тримати в одному файлі.

На великих проектах часто роблять індекс-карту (sitemap index), де окремі файли для сторінок, категорій, товарів і зображень. Це простіше масштабувати і оновлювати.

Структура image sitemap (приклад)

Типовий підхід: у ти вказуєш сторінку, а всередині додаєш один або кілька блоків .

Важливі поля:

  • — URL сторінки, де є зображення;

  • — прямий URL зображення;

  • — назва (не обов’язково, але корисно);

  • — підпис/опис (за наявності);

  • — якщо є ліцензійні вимоги (рідко потрібно, але інколи доречно).

Практика: не треба додавати в sitemap все підряд (іконки, пікселі, декоративні елементи). Додавай ті зображення, які мають SEO-цінність: товарні фото, фото робіт, прев’ю статей, інфографіку.

Як згенерувати карту сайту зображень

Спосіб залежить від CMS/фреймворку:

1) CMS (WordPress, OpenCart тощо)

Часто достатньо SEO-плагіну або модулю, який формує sitemap автоматично. Але перевір, чи він реально включає картинки (деякі роблять тільки сторінки). На товарних каталогах важливо, щоб у sitemap були основні фото товару і, за потреби, додаткові.

2) Самопис / Laravel / Symfony / інший фреймворк

Тут надійніший підхід — генерація XML за розкладом:

  • береш сторінки (статті/товари/портфоліо);

  • дістаєш прив’язані зображення з БД;

  • формуєш XML і публікуєш у public/;

  • при великій кількості — розбиваєш на файли (наприклад, по 10–50 тис. URL) і робиш sitemap index.

Порада: генеруй sitemap інкрементально або кешуй, щоб не навантажувати базу.

Підключення карти: robots.txt і Search Console

Після генерації її потрібно “підсвітити” пошуковику:

  1. Додай рядок у robots.txt:

 
Sitemap: https://твійдомен.ua/sitemap.xml Sitemap: https://твійдомен.ua/image-sitemap.xml

  1. Додай sitemap у Google Search Console (розділ “Файли Sitemap”) і перевір статус обробки.

Типові помилки і як їх уникнути

  • Блокування в robots.txt: сторінка або /uploads/ закриті — Google не візьме картинки.

  • Редіректи на файлах: якщо image:loc веде на 302/301, індексація може сповільнюватися.

  • Параметри і дублікати: ?size=small vs ?size=large — вибери канонічний.

  • Нестабільний CDN: таймаути/403 — Google буде “кидати” такі URL.

  • Декоративні картинки: захаращують sitemap і розмивають вагу.

Як зрозуміти, що все працює

Орієнтуйся на:

  • статуси sitemap у Search Console (прочитано/помилки);

  • кількість проіндексованих зображень;

  • трафік з Google Images і покази в звітах;

  • швидкість появи нових зображень у пошуку після публікацій.