Павел Шульга
Видео — идеальный формат контента практически для любого сайта. Он позволяет сэкономить время пользователей и получить больше информации за счёт визуальных свойств «живой» картинки. Но с публикацией видеороликов могут быть связаны некоторые сложности, и их необходимо учитывать.
Главная проблема публикации видеоматериалов на сайте связана с увеличением времени загрузки страницы. Чаще всего её решают так: регистрируют канал в одном из видеохостингов, например YouTube, и встраивают видео на сайт уже с него. Это удобно, потому что не так сильно влияет на скорость загрузки веб-ресурса и позволяет получить дополнительный источник трафика.
Но иногда такой вариант не подходит, например, если ваш контент имеет ограничения по возрасту. В этом случае размещённый на сайте ролик с YouTube нельзя будет воспроизвести. При нажатии пользователя перебросит на страницу видеохостинга, где ему необходимо будет авторизоваться и подтвердить своё совершеннолетие.
В этой статье мы расскажем, как уменьшить вес видео для сайта и получить все преимущества от его публикации без каких-либо потерь для развития интернет-проекта.
Содержание:
Оптимизация видео для сайта: пошаговая инструкция
1. Анализ и обрезка видеоматериала
Перед началом обработки видео его необходимо проанализировать и, если есть такая возможность, изменить. Один из вариантов оптимизации, не имеющий отношения к технической доработке, — разделение длинных роликов на части по смыслу подобно главам книги или сериям фильма. Такую нарезку можно выгодно обыграть, подогревая интерес пользователей остановкой показа на интригующем моменте и анонсами любопытного продолжения.
Ещё один вариант — отключение звуковой дорожки или переозвучка. Например, вместо фоновых шумов можно использовать музыкальную заставку. Процесс удаления звука подразумевает не просто выключение микрофона в момент записи. Дополнительно необходимо удалить звуковые эффекты в настройках файла.
2. Сжатие файла до оптимального размера
Оптимальный размер видео для сайта позволяет сохранить высокое качество изображения при минимальном весе файла. Точные цифры назвать сложно, всё зависит от хронометража и особенностей самого ролика, например цветности, озвучки и т. д. Руководствоваться стоит индивидуальными свойствами видео и искать баланс между «лёгкостью» и качеством картинки и звука.
С задачей «снижения веса» файла помогают справиться специальные сервисы, например Clipchamp, Clideo, Fastreel и другие.
3. Конвертация файла в HTML5-формат
Ответ на вопрос, какой формат видео лучше для подготовки публикации на сайте, кроется в их особенностях. Оптимальными считаются форматы MP4 и WebM.
Файлы в WebM весят меньше при сохранении высокого качества. Но этот формат подходит не для всех браузеров: его отображают только Firefox и Google Chrome. Если ваша аудитория использует исключительно эти браузеры, то выбор в пользу WebM будет вполне оправданным.
Файлы в MP4 весят больше, но этот формат видео для размещения на сайте является практически универсальным. Этот факт обусловил его популярность.
Для конвертации можно выбрать любой более удобный для вас конвектор. Это может быть онлайн-сервис или устанавливаемая на ПК программа переформатирования видеофайлов.
4. Изменение настроек сайта
Некоторые настройки позволяют увеличить скорость загрузки страниц, что очень важно в случае с заливкой видео.
Как сделать, чтобы видео на сайте грузилось быстрее, с помощью настроек веб-ресурса:
- Указание параметров файла в HTML или CSS. Это позволит браузеру заранее распределить нагрузку, требуемую для загрузки страницы.
- Использование функции Lazy Load. Подключение режима, который определяет порядок загрузки: видео загружается после загрузки другого (основного) типа контента и элементов сайта.
- Адаптация под мобильные устройства. Видео должно корректно отображаться на разных устройствах и разрешениях экранов. Для этого обычно требуется привлечение программиста.
Перечисленные меры позволят в значительной мере уменьшить нагрузку на сайт и ускорить загрузку страниц, на которых опубликованы видеоролики.
Выводы
С помощью полезных и интересных видео можно существенно увеличить посещаемость и процент конверсии. Но усилия, связанные с подготовкой видеоматериалов, будут сведены к нулю, если просмотр потребует от посетителей дополнительных временных затрат на ожидание загрузки страниц сайта.
Чтобы решить проблему потери времени и ускорить работу сайта, необходимо выполнить оптимизацию видеороликов и самого веб-ресурса. Используемые для этого меры являются несложными, но обязательными. Воспользуйтесь нашей пошаговой инструкцией и проанализируйте изменения, которых они позволяют добиться.
P.S. На курсе «Поисковик» вы узнаете ещё больше фишек, которые позволят не только вывести сайт в ТОП, но и привлекать в разы больше клиентов. Бронируйте участие по ссылке выше, и с промокодом «SEO-blog» вас будет ожидать приятный бонус к покупке.
