Видео на лендинге: когда оно продаёт, а когда губит конверсию

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

Видео имеет смысл, если словами объяснить сложно или долго. Например, вы продаёте SaaS-сервис с нестандартным интерфейсом - ролик на 40 секунд покажет, как это работает, быстрее, чем три экрана текста со скриншотами.

Второй случай - когда нужно снять возражение эмоционально. Отзыв клиента на камеру убеждает сильнее, чем цитата с фотографией из фотостока. Человек видит лицо, интонацию, детали, которые сложно подделать.

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

На практике видео оправдано примерно в трети лендингов. В остальных случаях оно либо дублирует текст, либо стоит там просто потому, что «у конкурентов есть».

Сколько весит видео и почему это важно

Минута FullHD-видео в стандартном экспорте весит 80-150 мегабайт. Если залить такой файл на сайт напрямую, мобильный пользователь потратит половину месячного пакета трафика, а загрузка займёт 20-30 секунд на средней сети.

Половина посетителей закроет страницу за первые три секунды, если она не загрузилась. Видео, которое тормозит сайт, убивает конверсию сильнее, чем его отсутствие.

Сжатие до веб-формата обязательно. Тот же ролик в MP4 с кодеком H.264 и битрейтом 2-3 Мбит/с будет весить 15-25 мегабайт и грузиться за 2-4 секунды. Это уже терпимо, но всё ещё много для мобильных.

Лучший вариант - заливка на YouTube или Vimeo и встраивание через iframe. Тогда видео подгружается только после клика на превью, а хостинг сам подбирает качество под скорость соединения. Страница грузится быстро, трафик тратится только у тех, кто действительно хочет посмотреть.

Автозапуск - худшая идея для лендинга

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

Звук при автозапуске раздражает почти всех. Даже если видео беззвучное, браузеры часто блокируют автовоспроизведение, и ролик просто не запустится - получается, что вы заложили его в дизайн, а работает он только у части аудитории.

Автозапуск оправдан только для фоновых роликов без звука, которые весят меньше 5 мегабайт и зациклены. Например, короткая анимация продукта или атмосферное лупящееся видео для премиум-бренда. Во всех остальных случаях лучше кнопка Play на превью.

Где размещать видео на странице

Если видео ключевое - ставьте в первый экран, но без автозапуска. Превью с кнопкой Play и коротким текстом, что внутри. Человек увидит его сразу и решит, смотреть или читать дальше.

Если видео второстепенное (например, отзыв или обзор продукта), его место в середине страницы, после основных блоков с предложением и выгодами. Там его увидят те, кто уже заинтересовался, но ещё не готов оставить заявку.

Не стоит ставить несколько видео на одном лендинге, если каждое весит больше 10 мегабайт. Это размазывает внимание и убивает скорость загрузки. Лучше одно, но по делу.

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

Для веба достаточно разрешения 1920×1080 и битрейта 2-3 Мбит/с. Если видео статичное (говорящая голова, слайды), можно опустить до 1,5 Мбит/с без видимой потери.

Кодек H.264 - стандарт для браузеров. H.265 сжимает лучше, но Safari на старых устройствах может не воспроизвести. Если хотите поддержку всех платформ, H.264 безопаснее.

Экспортируйте в две версии: для десктопа и для мобильных. Мобильную можно сжать до 720p и 1 Мбит/с - на экране телефона разница незаметна, а весит она в три раза меньше. Сайт определяет устройство и подгружает нужный файл.

Если не хотите заниматься сжатием вручную, YouTube и Vimeo делают это автоматически. Залили исходник, получили адаптивный плеер с несколькими качествами. Минус только один - вы зависите от их хостинга, и если он ляжет, видео пропадёт.

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

Откройте лендинг в режиме инкогнито (чтобы не было кеша) и запустите Google PageSpeed Insights. Он покажет время загрузки и вес всех элементов. Если видео весит больше половины страницы, это проблема.

Второй способ - вкладка Network в инструментах разработчика браузера. Открываете сайт, смотрите, сколько мегабайт и секунд занимает каждый файл. Если видео грузится дольше трёх секунд, половина мобильных пользователей его не увидит.

Проверьте загрузку на реальном мобильном, включив режим 3G в настройках сети. Если страница тормозит, значит, видео нужно либо сжимать, либо выносить на внешний хостинг, либо убирать.

Когда видео точно не нужно

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

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

Если лендинг уже загружается дольше двух секунд, видео добьёт скорость окончательно. Сначала оптимизируйте остальное - картинки, шрифты, скрипты, а видео добавляйте только когда страница грузится быстро.

Как мы делаем это в проектах

В EFIMOV DEV мы ставим видео на лендинг, только если оно решает конкретную задачу: показать продукт в действии, закрыть возражение или дать клиенту говорить на камеру. Если задачи нет, предлагаем обойтись текстом и статикой.

Заливаем ролики на YouTube, встраиваем через лёгкий плеер, который подгружается только после клика. Автозапуск делаем только для коротких беззвучных луп весом до 3-5 мегабайт. Проверяем скорость загрузки на мобильных и в PageSpeed - если видео тормозит сайт, сжимаем или убираем.

Стоимость лендинга с видеоблоком - от 50 000 рублей, точная смета зависит от количества экранов и интеграций. Подробнее на сайте студии, после брифа пришлём разбивку по работам.