Видео на лендинге ставят «чтобы было современно» и получают медленную страницу, которую никто не смотрит. Разбираем, когда оно оправдано.
Коротко
- Видео оправдано, когда текст не справляется.
- Автовоспроизведение со звуком вредит.
- Нужна текстовая альтернатива.
- Тяжёлое видео замедляет страницу.
Когда видео помогает
| Задача | Почему видео |
|---|---|
| Показать, как работает | Движение не описать текстом |
| Показать процесс работы | Видно объём и аккуратность |
| Показать результат до и после | Нагляднее фотографий |
| Показать людей | Живое впечатление |
| Объяснить сложное | Проще, чем длинный текст |
| Отзыв клиента | Труднее подделать |
Общий признак: видео уместно там, где показать действительно проще, чем описать. Видеообращение директора с рассказом о миссии компании этому условию не отвечает — то же самое лучше читается текстом за пять секунд.
Каким оно должно быть
| Свойство | Почему |
|---|---|
| Коротким | Длинное не досматривают |
| Понятным без звука | Часть смотрит без него |
| С титрами | По той же причине |
| С понятной обложкой | Видно, о чём оно |
| Своим, а не стоковым | Стоковое не доказывает ничего |
| С продолжением в тексте | Не все будут смотреть |
Вторая и третья строки важны больше, чем кажется: значительная часть людей смотрит без звука. Ролик, весь смысл которого в речи, для них пустой экран — титры решают это полностью.
Автовоспроизведение
Вредит
- Автозапуск со звуком
- Видео на весь первый экран
- Тяжёлый файл на фоне
- Невозможно остановить
Нормально
- Запуск по нажатию
- Беззвучный короткий фон, который можно отключить
- Обложка вместо загрузки видео
- Видимые органы управления
Первая строка слева — одна из немногих вещей, которые почти гарантированно вызывают закрытие вкладки. Человек часто смотрит страницы там, где звук неуместен; неожиданный звук заставляет не убавить громкость, а уйти.
Видео и скорость страницы
| Проблема | Что делать |
|---|---|
| Тяжёлый файл на странице | Хостинг видео вместо своего сервера |
| Загружается сразу | Загружать по нажатию |
| Обложка большого размера | Сжать изображение |
| Несколько видео на странице | Оставить одно |
| Видео на первом экране | Проверить влияние на загрузку |
Вторая строка решает большую часть проблемы: вместо самого видео на странице стоит картинка-обложка, а ролик подгружается только при нажатии. Так страница остаётся лёгкой для всех, кто видео не смотрит. Про скорость — в статье про скорость загрузки сайта.
Текстовая альтернатива
| Зачем нужна | Кому |
|---|---|
| Не все будут смотреть | Большинству |
| Смотрят без звука | Значительной части |
| Медленный интернет | Мобильным |
| Доступность | Тем, кто не слышит |
| Содержание видно поисковику | Для видимости страницы |
Последняя строка — практическое следствие, о котором забывают. Всё, что сказано только в видео, для поиска не существует: ключевые мысли должны быть и в тексте страницы, иначе страница выглядит пустой.
Как понять, что видео работает
| Что смотреть | Вывод |
|---|---|
| Доля запустивших | Интересна ли обложка |
| Докуда досматривают | Где теряется интерес |
| Конверсия смотревших | Помогает или нет |
| Скорость загрузки страницы | Не стало ли хуже |
| Поведение без видео | Сравнить с версией без него |
Третья строка требует осторожности в выводах. Смотревшие видео конвертируются лучше не обязательно из-за видео: его чаще запускают те, кто и так был больше заинтересован. Корректный вывод даёт только сравнение двух версий страницы.
Частые вопросы
Когда видео на лендинге оправдано?
Когда показать действительно проще, чем описать: работа механизма, процесс, результат до и после, отзыв клиента. Видеообращение о миссии этому не отвечает.
Можно ли включать автовоспроизведение?
Со звуком — нет, это одна из немногих вещей, почти гарантированно вызывающих закрытие вкладки. Беззвучный короткий фон с возможностью отключить допустим.
Почему нужны титры?
Значительная часть людей смотрит без звука. Ролик, весь смысл которого в речи, для них пустой экран.
Как понять, что видео помогает?
Сравнением двух версий страницы. Смотревшие конвертируются лучше не обязательно из-за видео: его чаще запускают те, кто и так был заинтересован.
Читайте также
Сделаем сайт, который приносит заявки
Спроектируем структуру под запросы, соберём и запустим — с учётом SEO с первого дня.
Обсудить разработку
