Видео в карточке товара: сценарии, длительность и размещение

Что видео даёт карточке товара

Фото показывают товар статично, а текст описывает его словами. Видео закрывает то, что в них не помещается:

• Размер и масштаб. Рядом с рукой, предметом, в интерьере.
• Работа. Как открывается, включается, складывается, звучит.
• Фактура и качество. Блеск ткани, плотность материала, поведение в движении.
• Применение и сборка. Как пользоваться, как собрать.
• Доверие. Видео сложнее подделать, чем фото, и оно показывает, что товар действительно есть.

Видео не нужно везде. Для простых товаров без «движения» (канцелярия, расходники) хватит фото и текста: видео станет дополнительной нагрузкой на страницу и расходом на съёмку без возврата.

Семь сценариев видео для карточки

Готовые варианты можно собрать из шаблонов QForm для товара: ролик 14 секунд и ролик 22 секунды. О видеоотзывах подробно — в статье «Видеоотзывы, которые продают».

Какой длительности делать видео

Единой правильной длительности нет: она зависит от сложности товара и цены решения. Ориентиры:

• Простой товар, низкая цена. 10–25 секунд. Человек принимает решение быстро и не будет досматривать длинный ролик.
• Средняя цена, есть выбор вариантов. 30–60 секунд. Нужны демонстрация и пара аргументов.
• Сложный или дорогой товар. 1–3 минуты. Людям нужны детали: характеристики, сравнение, инструкция.

Три правила, не зависящие от длительности:

1. Главное — в первые 3–5 секунд. Покажите товар и его главную пользу сразу, не начинайте с заставки.
2. Видео работает без звука. Многие смотрят на телефоне без наушников: добавьте субтитры и надписи.
3. Один ролик — одна задача. Хочется показать и распаковку, и сборку, и сравнение — сделайте три коротких ролика.

Проверьте догадки по данным: по досмотрам видно, на какой секунде люди уходят, и там ролик нужно сокращать или менять.

Где разместить видео в карточке

• В галерее. Вторым или третьим слайдом после основных фото, с постером-превью. Человек листает привычно и находит видео сам.
• Рядом с кнопкой «В корзину». Миниатюра с кнопкой воспроизведения: хорошо для решения «покупать или нет».
• В блоке «Как это работает». Видео в контенте страницы — для сложных товаров и инструкций.
• Во всплывающем окне. Ролик открывается по клику на миниатюру и не занимает место на странице.

Для этих вариантов в QForm есть виды «Презентация товара», «Видео-обзор товара», «Видеовиджет в миниатюре» и «Всплывающее видео».

Как настраивается показ видеовиджета в QForm

• Вид отображения: в теле страницы, во всплывающем окне, в миниатюре в углу экрана, галерея видео. Формат — вертикальный (хорошо смотрится на ПК и планшетах) или круглый (для небольших экранов).
• Запуск: после загрузки страницы, по событию или с задержкой в секундах. Для событий «По клику», «При наведении» и «При скролле до блока» указывается селектор элемента: класс в формате .selector, id — #selector. Например, ролик товара можно запускать по клику на миниатюру в галерее.
• Частота показа: сколько раз виджет загрузится снова, если посетитель его закрыл. Показ можно отключить на мобильных устройствах.
• Превью: цикличное воспроизведение первых семи секунд ролика — сразу после загрузки страницы или при наведении курсора.
• Обложка: загружается отдельно и работает на любом виде отображения.

Скорость страницы и SEO

Скорость

Видео не должно замедлять карточку. Подключайте плеер так, чтобы он не блокировал отрисовку: сначала показывайте лёгкое изображение-постер, а сам ролик загружайте после действия посетителя или после загрузки основного содержимого. Подробнее — в статье «Виджеты и скорость сайта: как не навредить SEO».

Разметка VideoObject

Яндекс индексирует видео на страницах, размеченных по стандарту Open Graph или схемой VideoObject Schema.org. Разметка помогает роботу найти видео на странице и передать его в видеопоиск. Пример:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "Обзор товара: название модели",
  "description": "Что входит в комплект, как работает и чем отличается от предыдущей модели.",
  "thumbnailUrl": "https://example.ru/images/video-preview.jpg",
  "uploadDate": "2026-10-01",
  "duration": "PT0M45S",
  "contentUrl": "https://example.ru/video/product.mp4",
  "embedUrl": "https://example.ru/video/embed/product"
}
</script>

Длительность записывается в формате ISO 8601: PT0M45S — 45 секунд, PT1M30S — 1 минута 30 секунд. Проверьте разметку валидатором микроразметки в Яндекс Вебмастере.

Хостинг видео

Не привязывайте все ролики к одной внешней площадке. Если она недоступна у части аудитории, карточка превращается в пустой блок. Используйте вариант, который работает у ваших покупателей, и держите запасной. Видеовиджет QForm воспроизводит ролик из сервиса, без привязки к внешнему видеохостингу.

Как это устроено в QForm

Виджет загружается асинхронно: сначала грузится основная часть страницы, затем в фоне подгружается видео. Видео обрабатывается для потоковой загрузки на сайт, а превью — это только первые семь секунд ролика, которые можно отключить или запускать лишь при наведении. Ролик хранится в сервисе: его загружают с устройства (по обновлению 3.10 — файлы до 1,5 ГБ, фактический лимит зависит от тарифа), и воспроизведение не зависит от внешних видеохостингов.

Как понять, что видео работает

• Досмотры: какая доля посетителей досматривает ролик до конца и до половины.
• Действия после просмотра: клики по кнопке заказа, добавления в корзину.
• Сравнение карточек: с видео и без. Учитывайте, что видео чаще ставят на дорогие и сложные товары, поэтому сравнивайте схожие товары или проводите A/B-тест.
• Вопросы в поддержку: снизилось ли число обращений по вопросам, на которые отвечает видео.

Что показывает аналитика видеовиджета QForm

• Основные показатели: возможные зрители, просмотры, число ответов (форм, отправленных после просмотра), конверсия просмотров в ответ, клики по CTA.
• Воронка: визиты → отстройки видео → показы → просмотры → досмотры → ответы. «Отстройка» — видео загрузилось на странице, «показ» — попало в область видимости. Видно, на каком шаге люди отваливаются: не видят виджет, не запускают, не досматривают или не отправляют форму.
• Разрезы: по устройствам (компьютер, смартфон) и UTM-меткам: каналы (utm_source), рассылки (utm_campaign), носители (utm_content).
• Сравнение видео: просмотры и связанные ответы по каждому ролику — можно увидеть, какой ролик карточки работает лучше.
• Аналитика по просмотрам: таблица отдельных просмотров с длительностью, страницей размещения, источником и фильтрами по клику на CTA, досмотру и отправленной заявке.

Ответ считается связанным с просмотром, если форма отправлена после просмотра видео в рамках той же сессии. Для Яндекс.Метрики события виджета можно передавать целями: идентификаторы берутся из панели «Настройка целей» видеовиджета и заводятся как цели типа «JavaScript-событие». Подробнее — в статье «Аналитика виджетов».

Видео в карточке товара с QForm

Видеовиджет QForm закрывает сценарии выше без разработчика:

• Виды и форматы: видео на сайте, презентация и видеообзор товара, галерея видео, миниатюра, всплывающее видео, видео в попапе на Тильде, адаптивные видео. Формат вертикальный или круглый.
• Запуск: по загрузке, по событию (клик, наведение, скролл до блока), с задержкой.
• CTA: кнопка с настраиваемым временем и условиями появления. По нажатию открывается форма или квиз. Заголовок и небольшой текст можно разместить поверх видео.
• Количество: без ограничений на число видеовиджетов, страниц и сайтов.
• Дополнительно: UTM-метки и QR-коды для видеовиджетов. Отключение логотипа QForm и таймлайн входят в премиум-версию.

Для старта подойдут шаблоны «Шаблон видео товара (14 сек)» и «Шаблон видео товара (22 сек)».

Создать видеовиджет в QForm

Частые вопросы