Как я перестал хранить видео на сервере и перешёл на YouTube
С видео на сайте те же проблемы, что с картинками — вес. Одно видео в 1080p на 10 минут весит гигабайт. Хостить такое на сервере — убить скорость сайта.
Решение: не хранить видео на своём сервере. Загружать на YouTube, VK Video или Rutube, а на сайт встраивать через iframe. YouTube даёт бесплатное CDN, скорость отличная.
Для своих статей я записываю скринкасты, загружаю на YouTube, вставляю в WordPress через oEmbed (просто вставить ссылку на видео в редактор, и оно само подгружается).
Если нужно хранить видео на сервере (курсы, закрытый контент) — используйте плагин Presto Player. Он лениво загружает видео, показывает превью, оптимизирует под мобильные.
Главное правило: видео на сайте должно быть лёгким. Сжимайте H.264, уменьшайте битрейт, не ставьте автовоспроизведение — оно бесит и жрёт трафик.
Больше статей про WordPress — от установки до продвижения — я собрал в сводном гайде.
Расскажу подробнее, как я перешёл с хранения видео на сервере на YouTube и почему это было одним из лучших решений для моего сайта. С видео на сайте те же проблемы, что с картинками — вес. Но если картинки весят сотни килобайт, то видео — это совершенно другой масштаб. Одно видео в 1080p на десять минут весит гигабайт. Хостить такое на своём сервере — значит убить скорость сайта. Я прочувствовал это на собственном опыте.
Началось всё с того, что я записал скринкаст для своей статьи. Загрузил видео на сервер, вставил в статью через HTML5-плеер. И сразу заметил проблему: страница со скринкастом грузилась в разы дольше остальных. Гигабайт видео — это не шутка. Каждый посетитель скачивал видео целиком, нагружая и свой канал, и мой сервер. Скорость страницы упала, хостинг начал справляться с трудом. Я понял: так жить нельзя, и стал искать решение.
Решение оказалось простым и элегантным: не хранить видео на своём сервере. Вместо этого — загружать видео на специализированные видеохостинги: YouTube, VK Video или Rutube. А на сайт встраивать видео через iframe. Преимущества очевидны: видео хранится на чужих мощностях, а не на моём сервере. Мой сервер остаётся лёгким, страницы грузятся быстро. Видеохостинги решают все проблемы с хранением, скоростью и трафиком за меня.
Почему YouTube — лучший выбор? YouTube даёт бесплатное CDN — сеть доставки контента. Видео грузится с серверов, расположенных близко к зрителю, поэтому скорость отличная у всех, независимо от географии. Плюс у YouTube нет лимитов на хранение для обычных аккаунтов. Это идеальный вариант: бесплатно, быстро, надёжно. Для моих статей это то, что нужно. Загрузил видео на YouTube — и забыл о проблемах с хостингом видео.
Для своих статей я записываю скринкасты, загружаю их на YouTube, а в WordPress вставляю через oEmbed. Это красивая фишка: в редакторе достаточно просто вставить ссылку на видео — и WordPress сам подгрузит его на страницу. Никаких iframe вручную, никаких кодов встраивания. Просто вставляешь ссылку, и видео появляется. oEmbed экономит мне время и делает работу с видео простой. Ссылка на видео — и всё, готово.
Если вам нужно хранить видео на сервере — например, для курсов или закрытого контента — есть решение. Плагин Presto Player. Он лениво загружает видео: сначала грузится только превью, а само видео подгружается, когда пользователь нажимает Play. Это экономит трафик и скорость. Плюс Presto Player показывает превью, оптимизирует под мобильные устройства. Для закрытого контента, который нельзя публиковать на YouTube, это правильный инструмент.
Главное правило, которое я вынес: видео на сайте должно быть лёгким. Даже если вы встраиваете через YouTube, само видео на чужом сервере, но его вес влияет на опыт посетителя. Поэтому я следую простым правилам. Сжимаю видео в H.264 — самый совместимый формат. Уменьшаю битрейт — меньше битрейт, меньше вес, а качество остаётся приличным. И никогда не включаю автовоспроизведение — оно бесит посетителей и жрёт их трафик.
Про автовоспроизведение скажу отдельно. Многие владельцы сайтов включают его, думая, что это привлекает внимание. На деле это раздражает: видео начинает играть без спроса, шум и трафик. Я против автовоспроизведения на своём сайте. Посетитель должен сам решать, когда смотреть видео. Уважение к посетителю — важнее мифического «вовлечения». Правило простое: видео по клику, а не само по себе.
Ещё один момент — про качество превью. Когда видео встраивается через YouTube, превью берётся из обложки видео. Я делаю аккуратные обложки для своих видео, чтобы на сайте они выглядели привлекательно. Хорошее превью — это приглашение к просмотру. Не ленитесь делать обложки: они работают на кликабельность видео. Мелочь, но влияет на то, посмотрят ваше видео или пролистнут.
И ещё — про то, что видео на YouTube приносит дополнительный трафик. Когда видео на YouTube, его находят через поиск YouTube. Люди приходят с YouTube на ваш сайт. Это дополнительный канал трафика, который появился у меня бесплатно. Хранение видео на YouTube — это не только экономия ресурсов, но и дополнительное продвижение. Два плюса в одном решении. Я не ожидал такого бонуса, но он приятный.
Подведу итог. Видео на сайте — это вес, который убивает скорость. Решение — не хранить видео на своём сервере, а загружать на YouTube и встраивать через oEmbed. Это бесплатно, быстро и даёт дополнительный трафик. Для закрытого контента — Presto Player с ленивой загрузкой. И главное правило: видео должно быть лёгким — H.264, умеренный битрейт, без автовоспроизведения. Мой сайт стал быстрее, а видео — удобнее для посетителей. Переходите на видеохостинги — и ваш сервер скажет вам спасибо.
Расскажу ещё о деталях, которые я узнал на практике с видео. Первое — про выбор площадки. Я выбирал между YouTube, VK Video и Rutube. YouTube — лучший по охвату и скорости, но в России могут быть проблемы с доступом. VK Video — популярен у русскоязычной аудитории и встраивается без проблем. Rutube — тоже вариант для русского сегмента. Я использую YouTube как основной, но для русского контента можно задуматься о VK Video или Rutube. Выбор зависит от вашей аудитории.
Второе — про дублирование. Я иногда загружаю одно видео на несколько площадок: на YouTube и на VK Video. Это страховка на случай недоступности одной из них. Если YouTube не откроется у части посетителей — они посмотрят видео на VK. Дублирование видео — это избыточность, которая работает на надёжность. Мой принцип: важное видео — на двух площадках. Не критично, но полезно.
Третье — про названия и описания видео. Когда вы загружаете видео на YouTube, правильные названия и описания помогают его находить. Я пишу заголовки с ключевыми словами и описания со ссылками на статью. Это и SEO для YouTube, и путь для зрителя на ваш сайт. Не ленитесь оформлять видео: описание со ссылкой на статью — это мост между YouTube и сайтом. Каждое видео ведёт читателя к контенту.
Четвёртое — про длительность. Я заметил, что короткие видео смотрят чаще, чем длинные. Для скринкастов я стараюсь укладываться в пять-десять минут. Длинные видео требуют от зрителя много внимания, и люди их бросают. Короткие и по делу — лучше. Если материал большой, разбиваю на части. Это удобнее и для зрителя, и для просмотров. Формат определяет восприятие: короткие видео вовлекают лучше.
Пятое — про обложки и заголовки в плеере. Когда видео встроено на сайт, у него есть заголовок и обложка. Я настраиваю их так, чтобы они соответствовали контексту статьи. Это выглядит аккуратно и профессионально. Мелочь, но формирует впечатление о сайте. Хорошо оформленное видео — признак внимания к деталям. Не пропускайте оформление: оно работает на ваш авторитет.
Ещё про скорость сайта с видео. Даже встроенное видео через iframe может замедлять страницу, если его много. Я ставлю на страницу максимум одно-два видео. Если их больше — страница тяжелеет. Мой принцип: одно видео на статью, и этого достаточно. Лёгкая страница — быстрая страница. Помните, что видео — это украшение, а не основа статьи. Контент в тексте, видео — дополнение.
И про мобильных пользователей. Большинство смотрит видео с телефонов. YouTube и другие площадки автоматически адаптируют видео под мобильные: качество подстраивается под скорость канала. Это ещё один плюс хранения видео на видеохостингах. Если бы видео лежало на моём сервере, адаптацию пришлось бы делать мне. А так — всё автоматически. Посетителям с телефонов удобно, а мне — спокойно. Ещё один аргумент за видеохостинги.
И ещё пара важных мыслей. Первое — про закрытый контент. Если вы продаёте курсы или выдаёте закрытый доступ к видео, не выкладывайте его на публичный YouTube. Для этого нужен Presto Player и защищённые страницы. Я уже упоминал Presto Player — он лениво загружает видео и подходит для закрытых разделов. Доступ к видео ограничивается доступом к странице. Это правильный способ защитить платный контент.
Второе — про бэкапы. Видео, хранящееся на YouTube, не нужно бэкапить — оно в надёжных руках. А вот если видео лежит на вашем сервере, оно занимает место в бэкапах. Ещё один плюс видеохостингов: меньше места в бэкапах, быстрее резервное копирование. Мой бэкап стал легче после перехода на YouTube. Это незаметный, но приятный бонус.
И третье — не переусердствуйте с видео. Не каждая статья нуждается в видео. Видео уместно там, где оно реально помогает: скринкасты, обзоры, инструкции. В текстовых статьях видео — лишний вес. Я добавляю видео только когда оно несёт пользу. Избирательность — признак зрелости контента. Думайте о читателе: ему нужна польза, а не мода на видео.
В итоге мой совет простой: видеохостинги для видео, свой сервер — для контента. YouTube, oEmbed, правильное оформление — и ваши видео будут и быстрыми, и удобными, и находчивыми. Откажитесь от хранения видео на сервере, и ваш сайт станет легче, а вы — спокойнее. Попробуйте — разница почувствуется сразу.