Відео – ідеальний формат контенту практично для будь-якого сайту. Він дозволяє заощадити час користувачів і отримати більше інформації за рахунок візуальних властивостей «живої» картинки. Але з публікацією відеороликів можуть бути пов’язані деякі складності, і їх необхідно враховувати.
Головна проблема публікації відеоматеріалів на сайті пов’язана з збільшенням часу завантаження сторінки. Найчастіше її вирішують так: реєструють канал в одному з місць для розміщення відеофайлів, наприклад YouTube, і вбудовують відео на сайт вже з нього. Це зручно, тому що не так сильно впливає на швидкість завантаження веб-ресурсу і дозволяє отримати додаткове джерело трафіку. Але іноді такий варіант не підходить, наприклад, якщо ваш контент має обмеження за віком. В цьому випадку розміщений на сайті ролик з YouTube не можна буде відтворити. При натисканні користувача перекине на сторінку відеохостингу, де йому необхідно буде авторизуватися і підтвердити своє повноліття.
Оптимізація відео для сайту: покрокова інструкція
1. Аналіз і обрізка відеоматеріалу
Перед початком обробки відео його необхідно проаналізувати і, якщо є така можливість, змінити. Один з варіантів оптимізації, який не має відношення до технічного доопрацювання, – поділ довгих роликів на частини за змістом подібно главам книги або серіям фільму. Таку нарізку можна вигідно обіграти, підігріваючи інтерес користувачів зупинкою показу на інтригуючому моменті і анонсами цікавого продовження. Ще один варіант – відключення звукової доріжки або переозвучка . Наприклад, замість фонових шумів можна використовувати музичну заставку. Процес видалення звуку має на увазі не просто виключення мікрофону в момент запису. Додатково необхідно видалити звукові ефекти в налаштуваннях файлу.
2. Стиснення файлу до оптимального розміру
Оптимальний розмір відео для сайту дозволяє зберегти високу якість зображення при мінімальній вазі файлу. Точні цифри назвати складно, все залежить від хронометражу і особливостей самого ролика, наприклад кольоровості, озвучення і т. д. Керуватися варто індивідуальними властивостями відео і шукати баланс між «легкістю» і якістю картинки і звуку. Із завданням «зниження ваги» файлу допомагають впоратися спеціальні сервіси, наприклад Clipchamp, Clideo, Fastreel і інші.
3. Конвертація файлу в HTML5-формат
Відповідь на питання, який формат відео краще для підготовки публікації на сайті, криється в їх особливостях. Оптимальними вважаються формати MP4 і WebM. Файли в WebM важать менше при збереженні високої якості. Але цей формат підходить не для всіх браузерів : його відображають тільки Firefox і Google Chrome. Якщо ваша аудиторія використовує виключно ці браузери, то вибір на користь WebM буде цілком виправданим. Файли в MP4 важать більше, але цей формат відео для розміщення на сайті є практично універсальним. Цей факт зумовив його популярність. Для конвертації можна вибрати будь-який більш зручний для вас конвектор. Це може бути онлайн-сервіс або встановлюється на ПК програма переформатування відеофайлів.
4. Зміна налаштувань сайту
Деякі настройки дозволяють збільшити швидкість завантаження сторінок, що дуже важливо у випадку з заливанням відео.
Як зробити, щоб відео на сайті вантажилось швидше, за допомогою налаштувань веб-ресурсу:
- Вказівка параметрів файлу в HTML або CSS. Це дозволить браузеру заздалегідь розподілити навантаження, необхідну для завантаження сторінки. Використання функції Lazy Load .
- Підключення режиму, який визначає порядок завантаження: відео завантажується після завантаження іншого (основного) типу контенту і елементів сайту.
- Адаптація під мобільні пристрої. Відео має коректно відображатися на різних пристроях і дозволах екранів. Для цього зазвичай потрібне залучення програміста.
Перераховані заходи дозволять значною мірою зменшити навантаження на сайт і прискорити завантаження сторінок, на яких опубліковані відеоролики.
Висновки
За допомогою корисних і цікавих відео можна істотно збільшити відвідуваність і відсоток конверсії . Але зусилля, пов’язані з підготовкою відеоматеріалів, будуть зведені до нуля, якщо перегляд зажадає від відвідувачів додаткових тимчасових витрат на очікування завантаження сторінок сайту. Щоб вирішити проблему втрати часу і прискорити роботу сайту, необхідно виконати оптимізацію відеороликів і самого веб-ресурсу. Використовувані для цього заходи є нескладними, але обов’язковими.