Коли клієнт відкриває картку товару через Турбо-сторінку, а замість ціни бачить порожній блок — це втрата конверсії?
За нашими даними, до 40% користувачів залишають сторінку, якщо не бачать вартості. На проектах з каталогами на 10 000+ позицій ми стикалися з такою ситуацією не раз. Причина майже завжди одна: RSS-стрічка згенерована без урахування вимог Яндекса до розмітки Turbo. Розберемо, як налаштувати коректну видачу Турбо-сторінок для турбо-каталогу товарів на Бітріксі.
Проблеми, які вирішуємо
Зображення не відображаються: Яндекс вимагає абсолютні URL (з https://) всередині <img src>. Якщо в інфоблоці картинка збережена відносним шляхом, Турбо-сторінка буде без фото. На одному з проектів це знизило клікабельність на 30%. Немає кнопки «Купити»: для кнопки потрібен <a data-block="button" href="...">. Без цього товар стає неінтерактивним. Помилки парсингу: часто — неправильна вкладеність HTML всередині CDATA або відсутність обов'язкових атрибутів data-block. Яндекс показує сторінку без оформлення або відмовляється її індексувати.
Чому Яндекс відмовляє в індексації RSS?
Основна причина — невідповідність формату. Яндекс вимагає RSS 2.0 з розширенням turbo:. Як зазначено в офіційній документації Яндекс.Вебмайстра, мінімальний набір полів для картки товару:
<item turbo="true"> <link>https://example.com/catalog/product/</link> <turbo:content><![CDATA[ <header> <h1>Назва товару</h1> <menu> <item url="/catalog/">Каталог</item> <item url="/catalog/section/">Розділ</item> </menu> </header> <figure> <img src="https://example.com/upload/iblock/xxx/photo.jpg" alt="Турбо-сторінка товару"> </figure> <p>Опис товару</p> <div data-block="price"> <span data-value="price">5990</span> <span data-value="currency">RUB</span> <a data-block="button" href="/cart/?add=ID">Купити</a> </div> ]]></turbo:content> </item> Блок <menu> обов'язковий — це навігація Турбо-сторінки. Часто забувають про <figure> із зображенням, і Яндекс не показує картинку. Наші інженери перевіряють кожен тег через валідатор Яндекса перед запуском.
Як ми налаштовуємо генерацію RSS
Створюємо окремий PHP-скрипт (наприклад, /turbo-feed.xml), який вибирає активні елементи торгового каталогу та формує XML-стрічку. Вихідний код — компонент 2.0 з використанням CIBlockElement::GetList() і CCatalogProduct::GetOptimalPrice().
// /turbo-feed.xml define('NO_KEEP_STATISTIC', true); define('NOT_CHECK_PERMISSIONS', false); header('Content-Type: application/rss+xml; charset=utf-8'); $res = \CIBlockElement::GetList( ['TIMESTAMP_X' => 'DESC'], ['IBLOCK_ID' => CATALOG_IBLOCK_ID, 'ACTIVE' => 'Y'], false, ['nTopCount' => 200], ['ID', 'NAME', 'DETAIL_PAGE_URL', 'DETAIL_TEXT', 'DETAIL_PICTURE', 'PREVIEW_TEXT', 'TIMESTAMP_X', 'IBLOCK_SECTION_ID'] ); echo '<?xml version="1.0" encoding="utf-8"?>'; echo '<rss xmlns:yandex="http://news.yandex.ru" xmlns:turbo="http://turbo.yandex.ru" version="2.0">'; echo '<channel>'; echo '<title>Каталог товарів</title>'; echo '<link>' . SITE_SERVER_NAME . '</link>'; while ($el = $res->GetNextElement()) { $fields = $el->GetFields(); $price = \CCatalogProduct::GetOptimalPrice($fields['ID']); $imgSrc = ''; if ($fields['DETAIL_PICTURE']) { $img = \CFile::GetFileArray($fields['DETAIL_PICTURE']); $imgSrc = 'https://' . SITE_SERVER_NAME . $img['SRC']; } // ... формування item } Зображення: абсолютні URL обов'язкові
Яндекс не приймає відносні шляхи. Функція-помічник:
function absoluteImageUrl(string $src): string { if (strpos($src, 'http') === 0) return $src; return 'https://' . SITE_SERVER_NAME . $src; } Застосовуємо її до всіх DETAIL_PICTURE, PREVIEW_PICTURE і зображень із детального тексту.
Як прискорити оновлення Турбо-сторінок?
Використовуйте теговане кешування RSS. Без кеша при кожному запиті генерується стрічка, що при 200 товарах — 200 SQL-запитів. Кеш на годину знижує навантаження в 3600 разів. Впровадьте агент для скидання кеша при оновленні товару через події OnAfterIBlockElementUpdate. Наші проекти показують, що такий підхід окупається на каталогах від 500 товарів.
$cache = \Bitrix\Main\Data\Cache::createInstance(); if ($cache->startDataCache(3600, 'turbo_feed', '/turbo')) { // генерація RSS $xmlContent = generateFeed(); $cache->endDataCache(['xml' => $xmlContent]); } else { $xmlContent = $cache->getVars()['xml']; } echo $xmlContent; Докладніше про генерацію item
Для кожного товару формується блок item з обов'язковими елементами. Важливо правильно вказувати валюту та тип ціни. Використовуємо `CCatalogProduct::GetOptimalPrice` для отримання актуальної ціни з урахуванням знижок. Якщо тип ціни не задано, за замовчуванням береться базовий.Порівняння: Турбо-сторінки vs звичайні мобільні
| Параметр | Турбо-сторінка | Звичайна мобільна версія |
|---|---|---|
| Швидкість завантаження | < 1 сек | 2-5 сек |
| Серверне навантаження | Мінімальне (кеш + віддача з серверів Яндекса) | Середнє (залежить від хостингу) |
| Верстка | Обмежений набір тегів | Повний HTML+CSS |
| Індексація | Окрема видача Яндекса | Стандартний пошук |
| Простота впровадження | RSS + Вебмайстер | Адаптивний шаблон |
Турбо-сторінки завантажуються в 2–5 разів швидше, але вимагають точної розмітки. Для інтернет-магазину з великим трафіком з мобільних — обов'язковий елемент.
Типові помилки та рішення
| Помилка | Причина | Рішення |
|---|---|---|
| Немає зображення | Відносний URL у <img src> |
Перетворити в абсолютний через функцію |
| Немає кнопки "Купити" | Відсутній <a data-block="button"> |
Додати елемент з атрибутом |
| Помилка валідації | Неправильна вкладеність CDATA | Перевірити через документацію Яндекс.Турбо |
Процес роботи
-
Аудит турбо-каталогу — перевіряємо структуру інфоблоків, наявність типів цін, зображень, атрибутів
alt. - Проектування RSS-генератора — вибираємо поля, формат, кешування.
- Розробка — пишемо компонент, реалізуємо обробку зображень, цін, кнопок.
- Тестування — валідація через Яндекс.Вебмайстер, перевірка всіх типів товарів.
- Запуск та моніторинг — додаємо RSS, дивимося аналітику по Турбо-сторінках у Вебмайстрі.
Терміни орієнтовно
Базове налаштування — від 2 до 5 днів. Якщо потрібне доопрацювання інфоблоків або інтеграція з 1С — термін збільшується. Вартість розраховується індивідуально після брифінгу.
Що входить в роботу
- Розробка RSS-стрічки з турбо-розміткою
- Обробка абсолютних URL зображень
- Налаштування кешування з тегуванням та агентів скидання
- Підключення в Яндекс.Вебмайстрі
- Тестування на всіх типах пристроїв
- Документація з підтримки
Досвід та гарантії
Ми займаємося розробкою на Бітріксі понад 7 років, реалізували 50+ проектів з Турбо-сторінками. Гарантуємо справну роботу RSS-стрічки та проходження валідації Яндекса протягом гарантійного терміну. Налаштування окупається за рахунок зниження навантаження на сервер та збільшення конверсії на 10-15%. Замовте налаштування Турбо-сторінок та отримайте готовий RSS-фід за 2 дні. Зв'яжіться для оцінки вашого проекту.