8 мин чтения

Бизнес-видео для сайта: где ставить ролик и каким он должен быть

Бизнес-видео для сайта: где ставить ролик и каким он должен быть

Бизнес-видео для сайта работает, если стоит там, где посетитель решает, остаться ли. На главной и на карьерной странице нужны разные ролики. Выбор зависит от задачи страницы и от того, как быстро сайт открывается на телефоне. Ниже — места, длина, формат и звук.

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

Что такое бизнес-видео для сайта и чем оно отличается от ролика для соцсетей

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

Отсюда и свои правила. Ролик для сайта чаще горизонтальный, 16:9, потому что сайты открывают и с ноутбука, и на экране в переговорной. Он короткий: на главной хватает ролика до минуты, а фоновая петля ещё короче. И почти всегда он начинается без звука.

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

Видео на главной: первый экран и фоновое видео

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

Звук на первом экране выключают всегда, потому что браузеры разрешают ролику стартовать самому только без звука. В справке для разработчиков Chrome (страница обновлена 13 сентября 2017 года) сказано прямо: беззвучный автозапуск разрешён всегда. Для ролика со звуком действуют отдельные условия: например, человек сначала должен что-то нажать на сайте. На первом визите такой ролик, скорее всего, просто не запустится.

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

Страница о компании: люди и атмосфера

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

Перед съёмкой мы обычно открываем сайт заказчика и нередко находим старый ролик в самом низу раздела «О компании», куда мало кто прокручивает. Хороший ролик поднимают выше, сразу под первым абзацем, чтобы его заметили.

Здесь видео запускают по клику, поэтому звук уже уместен: музыка и живые звуки зала. Нажмут ли на «плей», решает обложка ролика. Лучше всего работает кадр с лицами и движением, а ролик с логотипом на белом фоне почти никто не включает.

Карьерная страница: видео для кандидатов

Кандидат хочет увидеть, с кем будет работать и как выглядит обычный день в компании. Текст вакансии этого не покажет, зато короткий ролик с корпоратива, выездной сессии или дня открытых дверей справится. Человек откликается, когда уже представляет себе команду, и HR-бренд от этого только крепнет.

Для страницы берут горизонтальный ролик 16:9 длиной до минуты. Если заранее договориться о двух форматах, у HR-команды останутся исходники и в горизонтали, и в вертикали. Из вертикальных 9:16 она сама нарежет сторис и объявления о найме, без подрядчика.

Ставят такой ролик рядом с кнопкой «Откликнуться» или над списком вакансий. Ролик с выезда, где команда спорит у флипчарта и смеётся у костра, объясняет культуру компании лучше списка ценностей.

Кейсы и страницы событий

Агентствам, площадкам и компаниям, которые сами проводят события, видео нужно к каждому кейсу. Будущий клиент смотрит его и видит зал, свет, гостей и то, как всё прошло. Фотографии дают похожую картину, но движение и звук зала передают атмосферу точнее.

Вторая задача — анонс. Ролик с прошлой конференции на странице регистрации показывает, куда человек придёт, и людям проще решиться. Его же потом ставят в отчёт руководству и в презентацию для партнёров.

Ролик-атмосфера, какой снимает coupleinvideo, подходит для обеих задач. После съёмки на 2–3 часа заказчик получает один ролик длиной до минуты, в одном формате. Смонтированный ролик заказчик чаще всего получает уже назавтра, в высокий сезон — через 3–5 дней. Для сайта его чаще заказывают горизонтальным.

Формат, длина и обложка: шпаргалка для разработчика

Эту таблицу можно переслать разработчику и подрядчику как есть. В ней собрано, какое видео на какой странице работает лучше.

Место на сайте Длина Формат Звук Обложка
Первый экранкороткая петля без сюжета16:9, для телефона — вертикальная версияБез звука — иначе не стартуетпервый кадр петли
О компаниидо 1 минуты16:9музыка, запуск по кликукадр с людьми
Карьерадо 1 минуты16:9музыка и живые звуки, по кликукадр с командой
Кейсы и событиядо 1 минуты16:9музыка и звуки зала, по кликусамый живой кадр события

Обложку выбирают из самого ролика. На ней должно быть понятно, что внутри, даже если человек не нажмёт «плей».

Файл или видеохостинг: как не замедлить сайт

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

Ролик с кнопкой «плей» удобнее держать на видеохостинге. Хостинг сам подстроит качество под скорость интернета у посетителя, а сайт не будет тянуть тяжёлый файл, пока человек не нажмёт на обложку. Скорость загрузки от этого почти не страдает.

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

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

Что сделать завтра

  1. Откройте свой сайт с телефона и засеките, за сколько секунд грузится первый экран. Если дольше 3 секунд, фоновое видео пока не ставьте.
  2. Пройдите по главной, странице о компании, карьере и кейсам и отметьте, где видео уже есть, а где его не хватает.
  3. Перешлите разработчику таблицу из статьи и попросите проверить, что фоновый ролик идёт без звука и с обложкой.
  4. Подрядчику на съёмку сообщите дату, адрес и часы, тайминг программы и контакт на площадке, а ещё скажите, что ролик пойдёт на сайт: значит, нужна горизонталь.
  5. Портфолио подрядчика смотрите на ноутбуке: на таком же экране ваш ролик будут смотреть посетители сайта.

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

Какой длины должно быть видео на главной?

Фоновую петлю на первом экране делают короткой: она задаёт настроение, сюжет ей не нужен. Ролику, который запускают кнопкой «плей» ниже на главной, хватает минуты. Если бизнес-видео для сайта получилось длиннее, его выносят на отдельную страницу или на видеохостинг.

Ставить видео на сайт файлом или через видеохостинг?

Короткую фоновую петлю обычно ставят файлом, без звука и без плеера. Ролик с кнопкой «плей» удобнее вставить с видеохостинга. Он подстроит качество под интернет посетителя и не замедлит страницу.

Нужен ли звук в фоновом видео?

Нет. Сам запустится только беззвучный ролик: так устроена политика автовоспроизведения в Chrome (справка для разработчиков, страница обновлена 13 сентября 2017 года). Звук уместен в ролике, который человек включает сам.

Подойдёт ли для сайта ролик с корпоратива?

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

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

Пригодилось? Поделитесь

ВКонтактеTelegramMAX
Артём и Вика Беляйкины

Авторы журнала

Артём и Вика Беляйкины

Контент-креаторы, основатели ReelsBanda. Снимаем события вдвоём: 2–3 часа на площадке — динамичный ролик до минуты, чаще всего к следующему дню. Среди наших клиентов — Medium Quality, Яндекс, Ростелеком, Брусника, Monochrome.

Познакомиться с нами