На современных веб-сайтах нередко можно встретить большое количество видеоконтента. Видео, размещённое на странице онлайн-ресурса, может привести к значительному замедлению такой страницы, если оно не оптимизировано. Поэтому очень важно размещать только оптимизированные видео, которые не будут негативно сказываться на скорости загрузки сайта.
Возникает вполне логичный вопрос: как ускорить загрузку видео на сайте? В данной статье попробуем подробнее разобраться с тем, что такое оптимизация видео на сайте и как её можно осуществить.
Почему важно оптимизировать видео на сайте?
Как уже сказано выше, неоптимизированное видео при размещении на сайте может существенно снизить скорость загрузки его страниц. В результате этого пользователям онлайн-ресурса придётся долго ждать загрузки сайта. В условиях современного интернета это очень серьёзная проблема, так как если страница сайта долго загружается, пользователь просто уходит на другой интернет-ресурс.
Кроме того, если на сайте находятся недостаточно хорошо оптимизированные видео, то это может негативно сказаться на позициях сайтах в поисковой выдаче. Поисковики стремятся предлагать интернет-пользователям максимально качественные онлайн-ресурсы, поэтому негативно реагируют на медленную загрузку страниц сайтов, вызванную наличием неоптимизированных видео на них.
Таким образом, если отказаться от оптимизации видео, размещаемых на сайте, можно потерять большое количество пользователей. Это часто может быть критично как для информационных онлайн-ресурсов, так и для сайтов, которые продают какие-либо товары или услуги.
Насколько сильно видео может замедлить загрузку интернет-страницы?
Видео, особенно если оно высокого качества, является очень «тяжёлым» типом контента. Например, даже недлинный видеоролик может занимать в памяти более 200 МБ. Если речь идёт о видеоролике на 3–5 минут в качестве 4К, то он может весить более 1,5 ГБ. Для примера среднее изображение хорошего качества занимает порядка 200–500 КБ.
В результате наличие неоптимизированного видео на сайте может привести к очень долгой загрузке его страниц. Как показывают исследования, порядка 50–60 % пользователей покидают сайт, если он грузится более 3 секунд.
Какие существуют способы оптимизации видео?
Вариантов оптимизации видео существует достаточно большое количество, наиболее распространены следующие из них:
- Сжатие видеофайла. Современные технологии позволяют очень сильно сжимать видеофайлы и при этом почти не терять в их качестве. Для этой цели можно воспользоваться такой программой, как Handbrake. Подойдут и популярные онлайн-сервисы для сжатия видео: VEED.IO, Clipchamp. Для неплохого уровня оптимизации видео, имеющего качество Full HD, достаточно снизить битрейт до 5–8 Мбит\с.
- Использование видеохостингов. Один из самых простых и востребованных вариантов — это просто разместить нужные вам видеофайлы на «Ютубе» или другом видеохостинге, после чего просто встроить их на ваш онлайн-ресурс. В этом случае большую часть нагрузки за воспроизведение видео возьмёт на себя видеохостинг.
- Выбрать правильный формат видео. Есть форматы видео, которые подходят для размещения на веб-страницах лучше, чем остальные. К таким форматам можно отнести MP4 с кодеком H.264 и WebM с кодеком VP9. Их использование позволяет ещё больше уменьшить размер видеофайла, без потери качества.
- Отложенная загрузка. В этом случае загрузка и воспроизведение видео будет начинаться только тогда, когда посетитель сайта прокрутит страницу до того места, где оно размещено. Таким образом можно сократить начальное время загрузки интернет-страницы.
- Применение атрибутов width и height. В коде размещения видео на сайте необходимо указать атрибуты width (ширина видео) и height (высота видео). Если это сделать, то браузер с самого начала загрузки страницы будет выделять необходимое место для видеоконтента. Это позволит избежать скачков видео в процессе загрузки.
- Отключение автозапуска видео. В этом случае пользователь сможет сам решить, когда он хочет запустить видео, нажав на кнопку Play. Видео не будет запускаться автоматически, после того как посетитель зайдёт на страницу, где оно размещено.
- Удалить звук в видео. Такой вариант имеет смысл использовать лишь в том случае, если звук в видео не используется, он просто не нужен.
Применение всех этих методов позволяет оптимизировать видеоконтент и добиться того, что он практически не будет тормозить загрузку интернет-страницы.
Некоторые другие рекомендации по оптимизации видео на сайте
Следующие рекомендации могут быть полезны тем, кто желает оптимизировать видео для размещения на онлайн-ресурсе:
- Обработайте видео в видеоредакторе.
Перед тем как размещать на сайте видеоролик, обработайте его при помощи видеоредактора. Подходящих программ большое количество, вот только некоторые примеры: Shotcut, Adobe Premiere Pro, YouCut.
В видеоредакторе можно сделать видео короче, если оно слишком длинное, изменить его формат, настроить экспозицию и сделать многое другое. Появляется возможность не только оптимизировать видео, но и сделать его ярче, информативнее для посетителей.
- Создайте метатеги в программном коде интернет-страницы.
Не забывайте на странице, где размещено видео, устанавливать мета-теги (title, description) и различные атрибуты видео (width, height, controls и другие). Всё это положительно воспринимается поисковыми системами и необходимо для успешного сео-продвижения.
- Оптимизируйте видео под мобильные устройства.
Всё большее количество людей пользуются интернетом посредством мобильных устройств. Поэтому очень важно добиться того, чтобы видео, размещаемое на сайте, хорошо воспроизводилось на экранах любых размеров. Это необходимо как для удобства пользователей, так и для лучших позиций в выдаче поисковых систем.
Также не лишним будет использовать технологии, позволяющие подстроить качество воспроизводимого видео под скорость интернет-соединения пользователя.
- Используйте микроразметку Schema.org.
Если применить для видео микроразметку Schema.org, это сделает его более привлекательным с точки зрения поисковых систем. При этом важно указать основные свойства видео, такие как Name, Description, thumbnailUrl, uploadDate, contentUrl, duration, Publisher.
Следуя всем этим рекомендациям, вы сможете сделать видео не просто удобным для пользователей, но также и добиться лучшего отношения к вашему сайту со стороны поисковых систем.
Заключение
Грамотная оптимизация видео позволяет ускорить загрузку сайта, а также сделать его использование для посетителей более удобным и приятным. Поэтому ни в коем случае не стоит пренебрегать этим моментом. Видеоконтент требует много памяти, без его оптимизации сайт может стать медленным и неудобным, в результате чего им не будут пользоваться.
