Elettracompany.com

Компьютерный справочник
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Оптимизация видео для сайта

I Love Frontend

Оптимизация mp4 видео для быстрой загрузки

С уходом Flash и ростом доли мобильных устройств все большую популярность приобретает html5 видео. В одной из статей мы даже рассказывали о том, как повысить скорость вашего сайта заменив GIF анимации html5 видеороликами. Тем не менее, видео файлы также требуют некоторых оптимизаций, которые необходимо выполнить для того, чтоб эффективно использовать их на сайте. Наиболее важным шагом оптимизации можно назвать оптимизацию видео контента к потоковому воспроизведению на сайте. Без такой оптимизации воспроизведение видео может быть задержано на сотни миллисекунд и мегабайты трафика ваших пользователей будут потрачены впустую из-за безуспешных попыток воспроизвести ролик. В этой статье я расскажу вам, как оптимизировать ваши видео файлы для потокового воспроиведения видео.

Как работает потоковое воспроизведение MP4

Как говорилось в одной из статей HTML5 видео стало кроссбраузерной альтернативой воспроизведению видео через Flash. В 2016 году H.264 кодированое видео в контейнере MP4 (которое дальше будем называть MP4 видео) превратилось в стандартный формат для онлайн видео на сайтах. Потому, когда мы говорим об оптимизации HTML5 видео, то имеем ввиду то, как оптимизировать MP4 видео для быстрого воспроизведения. И дальше мы будем говорить о структуре mp4 файла и том, как работает потоковое видео.

MP4 файлы состоят из блоков данных, именуемых атомами. Есть атомы, которые содержат в себе данные о субтитрах и разделах, есть атомы, содержащие непосредстенно видео и аудио данные. Мета-данные о том, где искать аудио и видео атомы, как воспроизводить видео, размере кадров, битрейте, это все хранится в специальном атоме под названием Moov . Вы можете представить Moov , как своего рода оглавление файла MP4.

При воспроизведении видео плеер (программа для воспроизведения видео) сначала просматривает MP4 файл, находит в нем атом Moov , а затем использует его для того, чтоб найти начало аудио и видео данных и начать воспроизводить их. К сожалению, атомы могут присутствовать в файле в производльном порядке, потому плеер не может заранее знать где находится Moov . Если у вас уже есть все содержимое видеофайла, то плеер может отыскать его. Однако, есть и другой вариант, когда у вас нет всего файла, например, потоковое HTML5 видео. Вся суть потокового видео состоит в том, что вы можете начать его просмотр без необходимости ожидания его полной загрузки.

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

Такие поиски Moov атома приводят к временным задержкам и расходованию трафика. К сожалению, видео не может быть воспроизведено до тех пор, пока не будет найдет этот самый Moov атом. На скриншоте ниже мы можем видеть запросы браузера к серверу в попытках воспроизвести неоптимизированный MP4 файл как HTML5 видео:

Вы можете видеть, как браузер делает три запроса прежде чем он может начать воспроиводить видео. В первом запросе браузер загружет первые 552Кб видео при помощи HTTP range request. Мы можем судить об этом по коду ответа 206 Partial Content и просматривая заголовки запросов. Однако, атома Moov еще не существует, так что браузер не может начать воспроизведение видео. Затем, браузер запрашивает 21Кб с конца файла используя еще один запрос диапазона данных. В результате полученных данных он находит Moov атом, который сообщает ему каким образом запускать воспроизведение видео и аудио потоков. И наконец, браузер делает третий и последний запрос, для того, чтобы получить содержимое аудио и видео потока. После чего браузер может начать воспроизведение данных. Этот процесс требует около половины мегабайта полосы пропускания канала и откладывает воспроизведение на 210мс. И все только потому, что браузер не может найти атом Moov .

Это может усугубиться, если вы не настроили на своем сервере поддержку запросов HTTP range request. Браузер не сможет загружать файл частями и будет вынужден скачать весь файл для того чтоб найти в нем атом Moov . Это еще одна весомая причина оптимизировать свой сайт для поддержки потокового видео.

Идеальный способ подготовить MP4 файл для потокового воспроизведения HTML5 видео это организовать MP4 файл таким образом, чтоб атом Moov находился в самом его начале. Таким образом, браузер может избежать загрузки всего файла или попыток скачать другие части файла в поисках Moov . Скриншот с запросами для воспроизведения оптимизированного потокового видео представлен ниже:

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

Оптимизация MP4 для быстрой потоковой передачи

Мы уже увидели, что для оптимизации HTML5 видео необходимо реогранизовать атомы MP4 файла таким образом, чтоб атом Moov находился в самом начале. Как же нам это сделать? Большинство программ кодирования видео имеют опцию “оптимизировать для web” или “оптимизировать для потокового воспроизведения”, которые как раз и сделают за нас эту самую оптимизацию. Вы должны следить за настройками кодирования видео, чтоб быть уверенными в том, что получите оптимизированный файл. Например, на рисунке ниже мы видим open source видео кодер Handbrake, который имеет опцию “Web Optimized” в своих настройках. Эта настройка и перемещает атом Moov в начало файла.

Это решает проблему если вы создаете MP4 файл из оригинального исходного видео, но, что, если у вас уже есть mp4 файл?

Вы можете преобразовывать сущестующие видео файлы, чтоб оптимизировать его для потокового воспроизведения. Видеокодер с открытым исходным кодом FFMpeg может реогранизовать сруктуру существующего MP4 файла и размещать Moov в начале файла. В отличие от полного перекодирования файла такой процесс требует меньше ресурсов процессора, так как трансформация файла является более простой операцией. Ниже приведен пример команды для оптимизации файла input.mp4 при помощи утилиты FFMpeg. В результате мы получаем оптимизированный файл output.mp4:

Параметр -movflags faststart как раз и сообщает видеокодеру FFMpeg о том, что необходимо изменить порядок атомов таким образом, чтоб атом Moov оказался в самом начале файла. Также мы использовали опцию copy для того, чтоб FFMpeg скопировал аудио и видео данные, вместо их повторного перекодирования.

Для клиентов сервиса Rigor мы добавили еще один пункт в наш чеклист анализа производительности Zoompf, цель которого обнаружение неоптимизированных для воспроизведения HTML5 файлов MP4 видео. Если просто хотите проверить ваш сайт, вы можете воспользоваться нашим бесплатным сервисом.

Выводы

Если вы конвертируете ваши анимированные GIF в MP4 видео или уже имеете множество MP4 видео роликов, вы можете сделать загрузку и воспроизведение этих роликов быстрее, если проведете оптимизаицю структуры файлов. Изменив порядок атомов и переместив Moov в самое начало файла позволяет браузеу избежать отправки дополнительных HTTP запросов для поиска Moov . Это позволит брузеру мгновенно начать воспроизведение потокового видео. Вы можете настроить эту опцию при первоначальном декодировании файла. Если у вас уже есть существующий файл, то вы можете использовать программу FFMpeg для того, чтоб изенить порядок следования атомов в фйле MP4 без модификации его содержимого.

Proudly powered by Hexo and Theme by Hacker © 2018 Denis Zavgorodny

8 способов поисковой оптимизации видео для YouTube

Для продвижения видео в YouTube просто качественного ролика уже недостаточно. Юлия Телижняк из Netpeak Software рассказывает, какими методами продвигают видео: об анализе конкурентов, поисковой оптимизации и других эффективных способах.

Если коротко, то для оптимизации видео:

  1. Анализируйте конкурентов ниши.
  2. Добавляйте ключевые слова для видео.
  3. Придумывайте привлекательные название и описание для увеличения CTR.
  4. Размещайте ссылки на внешних сайтах/площадках.
  5. Создайте плейлисты.
  6. Вставляйте подсказки и конечные заставки.
  7. Побуждайте зрителей оставлять комментарии под видео и подписываться.
  8. Используйте скрытые субтитры.

Юлия Телижняк

курс

Видеомаркетинг

Узнать больше

  • Изучите основы производства и продвижения видео в сети
  • Снимите видео и составьте план по его продвижению на YouTube
  • Лучших студентов по итогам курса пригласим на стажировку

А теперь детальнее по каждому пункту.

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

Продвижение бывает двух видов: рекламное и нерекламное.

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

Читать еще:  Корректировка бровей видео

Но если какой-то из способов вам кажется слишком сложным, просто переходите к следующему разделу.

1. Проанализируйте конкурентов ниши

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

Итак, чтобы анализировать конкурентов, нужно сначала их найти. Это можно делать вручную с помощью поисковой выдачи, рекомендаций на YouTube или социальных сетей.

А чтобы автоматизировать процесс поиска, воспользуйтесь «Парсером ПС» в Netpeak Checker.

1. Когда вы из главного окна перешли в окно инструмента, необходимо прописать поисковый запрос (или несколько) в левой части окна: каждое слово должен разделять знак «+», а каждый отдельный запрос начинаться с новой строки.

2. Затем в настройках выберите поисковую систему, из которой будут парситься данные, и необходимое количество результатов. В разделе «Парсить типы сниппетов» отметьте только один пункт — «Видео».

3. Приступайте к анализу кнопкой «Старт».

4. Все видео, которые спарсила программа, вы увидите в таблице. В неё также попадут заголовки и описания роликов.

5. Для дальнейшей работы с таблицей в формате Excel или CSV воспользуйтесь функцией «Экспорт» в правом верхнем углу окна. Как вы видите, на поиск 916 результатов из поисковых систем ушло 3 минуты (правый нижний угол статус-бара).

После того, как вы нашли конкурентов, приступайте к сбору статистики для анализа. Её можно собирать с помощью сервисов расширений для браузеров:

SocialBlade. Оценивает показатели просмотров и подписчиков, показывает динамику и даже прогноз дохода.

VidIQ. Предоставляет данные о количестве подписчиков, числе и времени просмотров. Также показывает статистику показателей вовлечённости и чеклист по оптимизации.

TubeBuddy. Позволяет смотреть и сравнивать видео по показателям вовлечённости.

Чтобы собрать эти же показатели, но автоматически и в одну таблицу, пригодится парсинг в краулере Netpeak Spider.

Что для этого нужно:

1. Соберите CSS selector нужных показателей.

Стоит учесть, что разметка страниц в браузере и программе могут отличаться. Поэтому если вы не нашли нужных данных, ищите их с помощью инструмента «Исходный код и HTTP-заголовки» в прог

2. Перейдите на вкладку «Парсинг» в настройках программы. Вставьте скопированное, выберите режим «CSS-селектор» и дайте название каждому потоку.

3. Сохраните настройки.

4. Перейдите в «Параметры» на боковой панели и отметьте пункт «Парсинг».

5. Вставьте список URL каналов или видео и начните сканирование с помощью кнопки «Старт».

6. По итогу на вкладке «Отчёты» → «Парсинг» откройте таблицу «Все результаты», чтобы ознакомиться с показателями. В этом же окне вы можете воспользоваться функцией экспорта, чтобы сохранить результаты на компьютер.

2. Добавляйте ключевые слова для видео

Самый простой способ найти ключевые слова для ваших видеороликов — воспользоваться функцией автозаполнения в Google и YouTube.

Начните вводить текст в строке и ознакомьтесь с предложенными вариантами, основанными на популярных поисковых фразах.

Вы можете находить поисковые подсказки YouTube в сервисе Keyword Tool.

В подборе ключевых слов вам также помогут сервисы, которые используются в традиционном SEO: Яндекс.Вордстат, Serpstat, планировщик ключевых слов Google, SEMrush и др.

Для оптимизации YouTube-видео с помощью ключевых слов, разместите их в:

  • названии файла. До того, как вы загрузите видео на канал, дайте ему читабельное название на латинице, в котором будет содержаться ключевое слово. Это поможет поисковым системам понять, о чём ваше видео;
  • заголовке видео;
  • описании;
  • тегах.

3. Придумывайте привлекательные названия и описания для увеличения CTR

Советы по созданию и оптимизации названий роликов мало чем отличаются от советов по оптимизации заголовков статей.

Создавайте читабельные и понятные названия, которые будут сообщать о содержании ролика и в то же время пробуждать интерес. Но далеко от конкретики не отходите: кликбейт и искусственная интрига могут привести к тому, что зрители будут спешно прерывать просмотр и вряд ли захотят вернуться на канал.

Вот ещё несколько рекомендаций по созданию заголовков для видеороликов:

  • делайте их краткими;
  • включайте важную информацию и ключевые слова в начале;
  • не спамьте ключевыми словами;
  • мотивируйте пользователей посмотреть ваш ролик.

Что касается описания, здесь работает та же методика: передайте основное содержание ролика и побуждайте пользователей кликнуть. Пишите понятным человеческим языком, тщательно продумывайте предложения и не спамьте ключевыми словами: зачастую люди делают свой выбор только на основе описания.

Если у вас возникают трудности при составлении описания для видео, вы можете использовать такой шаблон:

  1. Первые два предложения: основная суть и ключевые слова.
  2. Следующие 5–10 предложений: более детальное описание того, о чём идёт речь в видео.
  3. Следующие 1–2 предложения: призыв к действию.
  4. В конце добавьте полезные ссылки.

4. Размещайте ссылки на видео на внешних площадках

Для большего охвата аудитории и привлечения трафика упоминайте ваши ролики на различных сайтах и оставляйте на них ссылки. Где это делать:

  • Q&A-сайты и форумы. Вы можете делиться с пользователями своими подходящими видео в ветке определённой темы.
  • Соцсети. Распространяйте свой контент на страницах в социальных сетях и просите делиться ими.
  • Блоги. Отправляйте письма владельцам блогов с предложением вставить ваши видео в их статьи.
  • При наличии своей рассылки, добавляйте в неё видео.

Чем качественнее и интереснее ваше видео, тем быстрее оно будет набирать охваты.

Для увеличения количества обратных ссылок можно воспользоваться специальными сервисами кросспостинга, например, PublBox.

Важно: распространяйте ссылки в первые сутки после публикации ролика, это принесёт более успешные результаты.

5. Создайте плейлисты

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

Чтобы настроить плейлисты, необходимо выбрать от 5 видео, которые имеют общую тематику и длятся не менее 3 минут.

Дайте интересное название и описание плейлистам с добавлением ключевых слов.

6. Вставляйте подсказки и конечные заставки

Подсказки и конечные заставки — это своеобразная перелинковка видеороликов и хороший способ привлечь аудиторию.

Советы по работе с подсказками:

  • делайте их максимально соответствующими тому моменту в видео, когда они появляются;
  • используйте их не чаще, чем раз в две минуты;
  • создавайте подсказки-ссылки на плейлисты;
  • не вставляйте подсказки в начало видео.

Конечные заставки дают возможность рекомендовать другие видеоролики и призывать зрителей к различным действиям.

При размещении заставок, учитывайте такие моменты:

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

Побуждайте зрителей оставлять комментарии под видео и подписываться

Наверняка вы часто слышите от различных видеоблогеров фразу «Не забудь оставить комментарий и подписаться». Они это говорят не просто так: рост вовлекающих сигналов (лайки, комментарии, подписка) напрямую влияет на улучшение ранжирования. Но зачастую призыв к действию, озвученный в прямой формулировке, не работает так, как хотелось бы.

Как это можно исправить:

  • Конкретизируйте. Например, вместо слов «Оставляйте комментарии» в конце ролика вы можете задать пользователям простой, но конкретный вопрос или открыть тему для обсуждений, как вариант — попросить написать идеи для следующего видео.
  • Поощряйте. Поощрять можно как материально (например, тому, кто напишет самые интересный/популярный комментарий, полагается приз) и нематериально (пообещать ответить на самые интересные комментарии в своём следующем видео).
  • Стимулируйте зрителей ставить лайки и подписываться обещанием выпустить новый видеоролик на интересную тему.
  • По возможности отвечайте на комментарии — так зрители увидят, что вы заинтересованы в их мнении.

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

8. Используйте скрытые субтитры

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

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

Cжимаем видео без потери качества —лайфхак по SEO

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

Однако, размещая видео, пользователи нередко сталкиваются с проблемой неподходящего размера или формата. Видеоролики могут занимать слишком много места, а также воспроизводиться далеко не всеми типами браузеров и устройств. На самом деле, решить эту проблему совсем несложно. Сжать видео для сайта буквально «в пару кликов» помогут простые рекомендации, которые мы дадим в этой статье.

Читать еще:  Лизуны видео про лизунов

Зачем оптимизировать видео

Восприятие любого формата видоконтента – будь то фоновое видео на главной или рекламные ролики на странице товара в интернет-магазине – зависит прежде всего от скорости воспроизведения. Пользователи должны получить как можно больший объем информации за короткое время.

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

Размер и формат видео

Оптимизация видео для сайта может быть произведена путем сжатия ролика и перевода его в нужный формат.

Чтобы не тратить драгоценное дисковое пространство на сервере и сохранить хорошую скорость, обычно видео размещается на специализированных сторонних ресурсах, например, на YouTube или Vimeo. На самом же ресурсе ставится лишь ссылка на них. При этом большую роль играет размер видео и его формат. Большие файлы повышают общее время загрузки страницы, а некоторые сторонние ресурсы могут вообще отказаться загружать их.

Хотите размещать видео именно на своём ресурсе? С виртуальным сервером от Eternalhost для вашего видео всегда хватит места.

Чтобы у пользователей не возникло проблем с воспроизведением видеофайла, он должен быть представлен в формате, который поддерживается большинством устройств, браузеров и операционных систем. На сегодняшний день самые распространенные типы форматирования — MP4 (H264) и WebM (VP8).

Чем конвертировать видеофайлы

Основные понятия

Специальные программы для сжатия видео называются конвертерами или кодировщиками. Их можно использовать в автоматическом (с рекомендуемыми параметрами) или ручном режиме. Преимущество самостоятельного сжатия заключается в том, что можно точно контролировать и размер, и качество ролика.

Чтобы самостоятельно конвертировать видеоконтент с помощью конвертеров, нужно знать некоторые параметры, которые придется задавать при обработке ролика.

  • Кодеки — программы, преобразующие данные для хранения и передачи медиаинформации. Чаще всего их работа заключается в устранении избыточных кадров.
  • Ключевые кадры хранят измененное изображение и являются базовыми для последующих кадров. Интервал между ними определяет окончательный размер видеофайла. Чем их больше, тем больше файл и выше его качество.
  • Артефакты — куски изображения, остающиеся при неправильном обновлении ключевого кадра.
  • Битрейт — объем данных видеопотока в секунду или его скорость. Может быть постоянным или зависеть от количества действий в ролике.
  • Частота — число кадров в секунду. Должна остаться неизменной после сжатия, иначе может произойти рассинхронизация аудио- и видеопотоков.
  • Расширение — соотношение сторон кадра. Если его не соблюдать, изображение получится искаженным.

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

Популярные конвертеры видео

  1. Any Video Converter (AVC) – бесплатное приложение для Windows и macOS, способное конвертировать в более, чем 60 форматов (включая DivX, MPEG4 и VOB), а также загружать видео с YouTube и Google.
  2. Movavi Video Converter (MVC) – бесплатная программа сжимает видео без потери качества в 180+ форматов.
  3. Cloud Convert – онлайн-конвертер с поддержкой iOS-устройств позволяет переводить видео в более, чем 200 форматов, без установки приложения на компьютер.
  4. Video Converter – бесплатный видеоконвертер для Android-устройств с удобным встроенным редактором.
  5. Wondershare Video Converter Ultimate – бесплатная утилита обеспечивает конвертацию видео во все популярные форматы и работает с файлами в режиме drag-and-drop.
  6. OnlineVideoConverter – «облачное» решение для конвертации видео идеально подходит для работы с YouTube и другими видеохостингами.
  7. Xilisoft Video Converter – условно бесплатная программа поддерживает 150+ форматов и конвертирование из видео в аудио.
  8. DivX Video Converter – удобное приложение с бесплатной версией с большим числом выходных форматов и обширным набором инструментов редактирования.

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

Практические рекомендации по оптимизации

Если видеофайл планируется размещать на собственной странице в фоновом режиме, желательно добиться как можно меньшего размера при приемлемом качестве. Рекомендуемые параметры — 720р с частотой 25 кадров и битрейтом 750к или 1250к. Огрехи изображения можно сгладить, наложив на него специальный слой, скрывающий артефакты.

Как сделать фоновый ролик

  • Для ролика на главной странице продолжительность лучше ограничить 30−40 секундами или сделать видео зацикленным.
  • Действие на экране должно быть плавным и неперегруженным движениями, чтобы посетитель страницы не отвлекался от основной информации.
  • Если у видео будет сопроводительный текст, то он должен быть хорошо заметен и легко читаем.
  • Желательно, чтобы фоновый ролик появлялся постепенно, не был зациклен до бесконечности (это быстро надоедает) и имел кнопку паузы.

Рекомендации для YouTube

  • Название ролика играет очень важную роль. Лучше подобрать емкое и точное предложение, включающее ключевые слова, которые будут использоваться поисковыми системами. Заголовок должен соответствовать содержанию видео и иметь длину примерно 60 символов без пробелов.
  • Описание и теги к видеофайлу должны быть подобраны по тем же правилам. Имеет значение не только выбор слов, но и их порядок. Самую важную информацию лучше включить в первые два предложения, чтобы сразу завладеть вниманием заинтересованных лиц.
  • Транскрипт — текстовая копия ролика, передает поисковым роботам все слова, задействованные в нем. Лучше написать его в текстовом редакторе и сохранить в формате UTF-8, чтобы затем использовать при описании и генерации субтитров.
  • Хорошо использовать аннотации — текстовые блоки в видеороликах, служащие для установления взаимосвязи со зрителями. Они могут содержать приглашение посетить сайт компании или интернет-магазин, а также ссылки на другие видеоролики.

Вывод

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

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

Даже оптимизированное видео не даст нужного результата, если сайту не хватает мощностей. С VPS от Eternalhost проблема места и скорости решена — видео можно смело размещать у себя.

Как оптимизировать видео для сайта

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

По прогнозам к 2020 году 80% всего потребительского интернет-трафика будут составлять видеоролики. Чуть меньше половины пользователей (43%) хотели бы получать еще больше контента в видеоформате. Да и самим маркетологам выгодно использовать видео: по статистике, 4 из 5 пользователей принимают решение о покупке на основе просмотренного видео.

Наконец, компании, которые используют видео в рекламе, имеют на 27% выше CTR и на 34% выше уровень конверсии.

В общем, есть множество причин использовать видео — в том числе и на своем сайте.

Однако тут встает вопрос об оптимизации: как использовать видео не во вред своему сайту? Об этом и будет моя статья.

Выбираем формат

Для платформ YouTube и Vimeo стандартными форматами являются MP4 и WebM.

MP4 поддерживают все браузеры, в то время как WebM сейчас поддерживают только Chrome и Firefox.

Видео в формате WebM, как правило, весят меньше, чем MP4 файлы, однако видео MP4 смотрятся чуть лучше на портативных девайсах.

Далее оптимизация разделяется на два пути:

I Оптимизация видео для сайта

II Оптимизация сайта под видео

I Оптимизация видео

1 Уменьшение веса видеофайла

Специальные программы вроде Blazemp или HandBrake позволяют уменьшить размер файла без ухудшения его качества. Более легкие файлы загружаются быстрее — а значит, сжатие файлов поможет сэкономить время, требующееся на загрузку страницы.

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

2 Конвертация в поддерживаемые HTML5 форматы

Используйте онлайн-конвертер для того, чтобы переконвертировать видео в форматы MP4 или WebM.

3 Удаление звука (если он не используется)

Даже если у вас видео без звука, в нем все равно можно убрать данные об аудио, чтобы уменьшить размер файла. Это можно сделать либо на этапе экспортирования видео (если вы делаете его самостоятельно), либо при помощи простого редактора, например FFmpeg .

Читать еще:  Как делают лагман видео

II Оптимизация сайта под видео

1 Точный размер видео

Обязательно укажите в HTML или CSS размеры видео по вертикали и горизонтали — так браузеру будет проще определиться с пропускной способностью.

2 Загрузка видео после загрузки страницы

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

3 Мобильные пользователи

Все больше людей выходят в сеть через портативные девайсы, поэтому сайты, не оптимизированные под мобильные устройства, уже изначально проигрывают оптимизированным сайтам.

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

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

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

Советы по SEO

Наконец, можно дать несколько советов, которые касаются SEO.

Да, сейчас есть популярные площадки для размещения видео — тот же YouTube — однако если вы хотите продвинуть свой сайт в Google, размещать видео нужно на своем сайте. Потому что если вы разместите видео на YouTube и дадите ссылку на свой сайт, то поисковые системы отдадут предпочтение YouTube — и в результате кто-то, кто ищет вашу компанию в Google, попадет на YouTube, а не на ваш сайт.

Другие советы кратко:

  1. Пишите метаданные для видеороликов (для того, чтобы они проще индексировались).
  2. Придумывайте видеороликам описательные (а не общие) названия. При этом название не должно быть длинным; для дополнения названия используйте ключевые слова.
  3. Подбор ключевых слов может потребовать некоторых усилий (и времени), зато это повысит шансы вашего видео появиться в поисковой выдаче.
  4. Выберите подходящую миниатюру (это важно).

Заключение

Если перед добавлением роликов на сайт вы их оптимизируете, то появление видео на сайте окажет минимальное влияние на производительность — в отличие от конверсии, которая может значительно вырасти.

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

В конце концов, оптимизировать видео не так сложно, как сделать по-настоящему интересный ролик.

Продвигаем сайт с помощью видео: 12 SEO-советов

В статье предлагаются советы по оптимизации видео для продвижения сайта в поиске.

  • 85 shares
  • 45
  • 22
  • 1
  • 4
  • 3

Тереза Лица (Tereza Litsa) – постоянный автор онлайн-издания Search Engine Watch.

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

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

Публикуйте качественный контент

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

Размещайте видео на собственном домене

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

Загрузка видео на YouTube и публикация на сайте ссылки на ролик – работающее решение для расширения охвата. Однако с точки зрения SEO оно не оптимально, поскольку в этом случае поисковики проиндексируют в первую очередь видео на YouTube.

Хорошим решением может стать создание отдельных страниц для каждого видеоролика, что ускорит их индексацию.

Создавайте интерактивный контент

Будь то актуальное содержание, аннотации или субтитры, существует множество способов привнести в видео элемент игры и сделать его более интерактивным, вовлекающим и помогающим удержать внимание пользователей.

Как вариант, можно нарезать ролик на короткие клипы, чтобы позволить зрителям самим выбирать наиболее интересные фрагменты для просмотра. Эта стратегия используется во многих успешных кампаниях.

Создавайте релевантные метаданные

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

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

Заголовок должен быть кратким и лаконичным, а описание – более расширенным и включать ключевые слова для лучшего ранжирования контента.

Наконец, важно убедиться в релевантности имени файла, поскольку это ещё один способ описания контента сайта для поисковых систем. Общие обозначения, вроде «video415.mph», использовать не стоит.

Проводите оптимизацию по ключевым словам

Исследование ключевых слов также применяется в видео SEO. Таким способом можно выявить наиболее релеватный для целевой аудитории контент и ответить на следующие вопросы:

  • Какие ключевые слова или фразы могут улучшить результаты?
  • Какие слова следует включить в описание видео, чтобы повысить его эффективность для SEO?

Экспериментируя с ключевыми словами, нужно помнить о важности создания содержательного контента, помогающего как пользователям, так и поисковикам.

Уделите внимание превью

Превью ролика – один из первых элементов, на которые обращают внимание пользователи. От него может зависеть, кликнет человек по ссылке или нет.

Важно подобрать такое превью, которое будет соответствовать содержанию видео.

Создавайте контент, которым можно делиться

Уникальный и интересный контент, вызывающий желание им поделиться, способствует увеличению охвата. Высокое качество видео позволит выделиться среди конкурентов, а чёткий и понятный призыв к действию – поднять авторитетность ресурса посредством полученных ссылок и упоминаний.

Добавьте к видео транскрипцию

Транскрипция – это текстовая версия видеоролика. Добавление в неё ключевых слов поможет поисковым системам лучше понять содержание видео.

Создайте файл Sitemap для видео

Файл Sitemap для видео позволяет поисковым системам получить более чёткое представление о контексте ролика.

Кроме того, это ещё один способ указать название, описание, тематику и продолжительность ролика для поисковых роботов и даже предоставить им более конкретные детали, такие как ограничения на просмотр для отдельных стран, даты прекращения показа, ограничения для определённых платформ и прочие.

Файл Sitemap для видео служит дополнением к общей карте сайта и является важным элементом для продвижения видеоконтента.

Используйте готовые видео разными способами

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

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

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

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

Такой подход – отличная возможность для расширения охвата аудитории и продвижения основного контента сайта.

Позвольте встраивать ваши видео на другие ресурсы

Если пользователи хотят встроить видео на свои страницы, значит, оно для них достаточно интересно. Это уже победа, а увеличение числа входящих ссылок поможет улучшить позиции ресурса в SERP.

Делитесь видео в социальных сетях

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

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

Даже платное продвижение может быть полезным, если вы считаете, что оно может помочь в достижении поставленных целей.

Выводы

Существует множество способов оптимизации видео для поисковых систем. Однако в конечном счёте всё сводится к качеству как стартовому пункту любой стратегии продвижения.

Актуальный контент поможет привлечь внимание аудитории, а его оптимизация – получить более высокие позиции в SERP. Как только такой контент будет создан, начните применять предложенные советы, чтобы его заметили и пользователи, и поисковики.

Ссылка на основную публикацию
ВсеИнструменты 220 Вольт
Adblock
detector
×
×