Главная / Блог / Маркетинг

Где разместить видео на сайте, чтобы его смотрели

Алексей Левин

Основатель и генеральный продюсер Ruvision · В индустрии с 2006 года

Маркетинг Обновлено 1 августа 2026 г. 16 мин чтения

Хороший ролик легко похоронить, поставив его не туда. Видео, спрятанное в подвале страницы или на отдельной вкладке без ссылок, не смотрит почти никто — и деньги на производство уходят впустую. При этом тот же ролик на первом экране или рядом с кнопкой заявки собирает досмотры и помогает продавать. Разберём, где разместить видео на сайте под разные задачи, как настроить автоплей и звук, почему без мобильной версии сегодня никуда и как спланировать все ролики сразу. Материал подготовила студия Ruvision — в видеопроизводстве с 2011 года, за плечами 800+ проектов.

Почему место решает не меньше, чем сам ролик

Один и тот же ролик на разных позициях сайта работает по-разному. На первом экране короткое видео задаёт настроение и удерживает человека, в блоке доверия презентация компании доказывает надёжность, рядом с формой короткая нарезка дожимает до заявки. А в подвале сайта тот же ролик просто не находят.

Логика размещения строится вокруг пути посетителя. В начале страницы человек ещё решает, туда ли он попал, — здесь работают короткие цепляющие форматы. В середине он вникает в продукт — тут уместны объясняющие ролики. Ближе к концу он готов действовать — и видео должно подталкивать к заявке. Ставить длинный подробный ролик на первый экран — всё равно что показывать финал фильма вместо трейлера: человек не готов к такому объёму и уходит.

Отсюда следует простое правило дозировки. Чем выше по странице стоит ролик, тем он короче и тем меньше от зрителя требуется усилий, чтобы его воспринять. Чем ниже — тем больше человек уже прогрет и тем длиннее и подробнее может быть видео. Нарушение этой логики — самая частая причина, по которой хороший ролик не приносит результата: его посмотрели бы, но предложили не вовремя.

Где разместить видео на сайте: карта по блокам

Разберём основные точки сайта и форматы видео, которые в них работают лучше всего.

Первый экран

Место для короткого фонового ролика без звука — 10–20 секунд, зациклен. Он играет за заголовком и кнопкой, показывает атмосферу и суть, но не требует досмотра. Задача фона — поддержать заголовок, а не перетянуть внимание на себя. Длинному ролику здесь не место. Ещё одна тонкость первого экрана: фон не должен мешать читать текст поверх него. Если ролик пёстрый и контрастный, заголовок на нём теряется — поэтому под текст либо затемняют видео полупрозрачным слоем, либо подбирают спокойные кадры без резких перепадов яркости.

Роль первого экрана хорошо играет короткий имиджевый ролик. Для программы подготовки кадров ЧТПЗ мы сделали динамичное видео на 39 секунд — такой формат держит атмосферу вверху страницы и не заставляет зрителя досматривать целый фильм, чтобы понять, куда он попал.

Блок «как это работает»

Идеальная позиция для эксплейнера. Человек уже понял, куда попал, и готов разобраться в продукте. Объясняющий ролик на 60–90 секунд снимает основные вопросы и переводит интерес в понимание. Что показать в этом блоке, подробно разобрали в статье про explainer-видео для сайта.

Страница или блок о компании

Здесь живёт презентационное видео о бизнесе — то, что доказывает надёжность и показывает масштаб. Съёмка производства, офиса, команды работает на доверие сильнее любого текста «о нас». Такой ролик смотрят те, кто уже прогрелся и проверяет, можно ли вам верить. Больше примеров — в разделе презентационных видео.

Именно так работает презентационный фильм о бизнесе. Для компании Донкарб Графит мы сняли ролик, который показывает масштаб производства и людей за ним, — в блоке о компании он убеждает сильнее любого текста «о нас».

Карточка товара или услуги

На интернет-магазине и в каталоге продуктовое видео показывает товар в деле: как он устроен, как выглядит вживую, чем полезен. Ролик в карточке снимает сомнения, которые не закрывают фото, и приближает к покупке. Здесь важна краткость: человек уже на карточке, он готов купить, и длинный фильм ему не нужен — хватает 30–90 секунд, где показаны размер, материал, работа механизма и детали, которые на фото теряются. Такой ролик особенно выручает в сложных категориях — техника, мебель, оборудование, — где по одним фотографиям трудно оценить вещь и покупатель откладывает решение.

Рядом с формой заявки

Короткая нарезка на 20–30 секунд с прямым посылом убирает последнее сомнение перед кликом. Здесь работает конкретика: что будет после заявки, почему стоит оставить контакты именно сейчас.

Рядом с формой выручает короткое презентационное видео. Для компании Эксперт-Лизинг мы собрали ролик на полторы минуты, который по делу объясняет услугу и подводит человека к решению оставить заявку.

Автоплей, звук и превью: технические правила

Как именно запускается видео, влияет на результат не меньше, чем его содержание. Несколько правил, которые отличают работающее размещение от раздражающего.

• Автоплей — только без звука и только для фона. Короткий фоновый ролик может запускаться сам, но беззвучно. Всё остальное — по клику.
• Никакого звука врасплох. Резкий голос диктора или музыка при автозапуске чаще выгоняют человека со страницы, чем вовлекают.
• Превью вместо мгновенной загрузки. Для больших роликов ставят картинку-обложку с кнопкой play — так страница грузится быстро, а видео стартует по желанию.
• Считываемость без звука. Большинство смотрит без звука, поэтому смысл должен передаваться картинкой, монтажом и субтитрами, а не только голосом.
• Кнопки управления. Возможность поставить на паузу и перемотать — базовое уважение к зрителю. Ролик, который нельзя остановить, раздражает.

Отдельно стоит сказать про превью-картинку — многие относятся к ней как к мелочи, а зря. Это первое, что видит посетитель на месте ролика, и именно превью решает, нажмёт он play или пролистает. Случайный стоп-кадр с закрытыми глазами героя или смазанным движением отпугивает; выразительный кадр или собранная под стиль сайта обложка, наоборот, зовёт нажать. Заодно превью решает и техническую задачу — страница подгружает лёгкую картинку, а тяжёлое видео стартует только по клику.

Мобильная версия и скорость загрузки

Мобильный трафик часто превышает десктопный, а поведение на телефоне другое: смотрят без звука, на ходу, на маленьком экране. Горизонтальный ролик, который на десктопе смотрится отлично, на телефоне сжимается в тонкую полоску, где ничего не разобрать.

Что учесть для мобильных:

• Отдельные нарезки. Квадратный или вертикальный формат для мобильной версии, где важные детали укрупнены.
• Субтитры обязательны. Телефон почти всегда смотрят без звука — без текста ролик теряет смысл.
• Лёгкий вес. Тяжёлое видео на мобильном интернете грузится долго и теряет зрителя раньше старта. Ролики сжимают под веб.
• Ленивая загрузка. Видео подгружается, только когда человек доскроллил до него, — так первый экран открывается мгновенно.

Проще всего заложить мобильные версии заранее, на этапе монтажа. Переделывать готовый ролик под телефон дороже и дольше, чем сразу собрать нужные форматы из отснятого материала.

Стоит помнить и про то, как видео влияет на скорость всей страницы. Поисковики учитывают время загрузки при ранжировании, а посетители просто уходят с медленных сайтов. Поэтому ролики не грузят напрямую тяжёлым файлом на первом экране: используют сжатие под веб, обложку-превью вместо мгновенного старта и отложенную загрузку — когда видео подтягивается, только если человек до него доскроллил. Технически это несложно, но именно на этих мелочах чаще всего спотыкаются: ролик снят отлично, а страница из-за него открывается медленно, и его никто не успевает увидеть.

Файл, плеер или видеохостинг: как встроить ролик

Один и тот же ролик можно вывести на сайт по-разному, и способ встраивания влияет и на скорость страницы, и на то, как видео смотрится. Три основных варианта — прямой файл, встроенный плеер видеохостинга и фоновое видео тегом. У каждого своя область применения.

Практическая логика простая. Длинные ролики — презентацию компании, продуктовое видео — разумно отдавать плееру видеохостинга: он сам подстроится под устройство, не утяжелит страницу и покажет статистику досмотров. Короткий фон на первом экране, наоборот, чаще ставят прямым файлом, но обязательно сжатым под веб и с превью-обложкой. Смешивать подходы в рамках одного сайта нормально: каждый ролик встраивают тем способом, который меньше вредит скорости и лучше решает задачу блока.

Сколько роликов нужно сайту и как их не расплодить

Заказчики часто впадают в одну из двух крайностей: либо ставят единственный ролик на все случаи, либо заваливают сайт видео на каждом блоке. Оба варианта вредят — в первом ролик нигде не попадает в задачу, во втором страница перегружена и тормозит. Здоровая логика посередине.

• Отталкивайтесь от структуры сайта, а не от «надо побольше видео». Ролик оправдан там, где снимает сомнение или подталкивает к действию, а не там, где заполняет пустоту.
• Базовый набор для большинства сайтов — три ролика: фон на первый экран, эксплейнер в блок «как работает», презентация компании в блок доверия.
• Интернет-магазину добавляют продуктовые ролики в карточки — но не во все сразу, а туда, где видео реально помогает продать.
• Следите, чтобы ролики не конкурировали. Два длинных видео подряд перетягивают внимание друг у друга; лучше чередовать по длине и задаче.

Главный критерий не количество, а уместность: каждый ролик должен отвечать на вопрос, который возникает у посетителя именно в этом месте страницы. Лишнее видео не усиливает сайт, а размывает внимание и утяжеляет загрузку.

Ошибки размещения, из-за которых видео не смотрят

Даже дорогой ролик легко похоронить неудачным размещением. Чаще всего дело не в качестве видео, а в том, куда и как его поставили. Разберём типичные промахи.

• Видео в подвале сайта. Ролик под футером или на отдельной странице без ссылок не находит почти никто — до него просто не доскроллить.
• Автоплей со звуком. Резкий старт голоса или музыки при заходе на страницу выгоняет человека быстрее, чем он успевает вникнуть.
• Один ролик на все задачи. Двухминутный фильм и на первом экране, и в карточке товара, и у формы — везде мимо. Под каждое место нужен свой формат и хронометраж.
• Тяжёлый файл на первом экране. Видео, которое грузится пять секунд, теряет посетителя до старта. Первый экран должен открываться мгновенно.
• Горизонталь без мобильной версии. На телефоне такой ролик сжимается в полоску, где ничего не разобрать, — и половина трафика проходит мимо.

Общий знаменатель у всех этих ошибок один: видео поставили, не подумав о том, кто, где и на каком устройстве его увидит. Размещение планируют так же вдумчиво, как снимают, — иначе бюджет производства уходит в кадры, которые никто не досматривает. Хорошая новость в том, что почти все эти промахи исправляются без новой съёмки: ролик переставляют выше или ниже, отключают звук у автоплея, готовят мобильную нарезку и обложку. Поэтому, если видео уже есть, но не работает, начинать стоит с ревизии размещения, а не с идеи снять всё заново.

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

Разумный подход — не заказывать ролики по одному под каждый блок, а спланировать линейку сразу. Часто одного продуманного съёмочного дня хватает, чтобы собрать и презентационное видео о компании, и короткий фон для первого экрана, и продуктовые нарезки для карточек, и версии под мобильные и соцсети. Так бюджет съёмки работает на весь сайт, а не на один ролик.

Подход с линейкой экономит не только деньги, но и время. Когда ролики заказывают по одному с интервалом в месяцы, каждый раз приходится заново собирать команду, выезжать на объект, подгонять стиль под предыдущие работы. Один спланированный съёмочный день снимает эту возню: материал отснят с запасом, а нарезки под новые блоки собираются на монтаже по мере надобности, без новых выездов.

Из одного графического материала легко собрать несколько форматов под разные блоки. Презентационный ролик для компании ПЗМЦ мы делали с прицелом на переиспользование — от полной версии до коротких нарезок под первый экран и соцсети.

Тот же принцип работает и для выставочной, и для сайтовой графики. Короткое видео ТРЭИ по технологии Naked eye мы собрали так, что оно одинаково уместно и на стенде, и в блоке «как это работает» на сайте — плотная графика доносит суть за неполную минуту.

Начинать стоит с карты сайта: пройдите путь посетителя от первого экрана до заявки и отметьте, где какой ролик снимет сомнение или подтолкнёт к действию. Из этой карты рождается техзадание на съёмку, а из съёмки — линейка видео под все точки касания. Если хотите увидеть, как это выглядит на практике, посмотрите наши работы по видео для сайтов и лендингов — презентационные, продуктовые и графические ролики с отраслью и бюджетом по каждому проекту.