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

Это может быть проблемой с точки зрения взаимодействия с пользователем, особенно если видео имеет решающее значение для отображения страницы (например, с автоматически воспроизводимым фоновым видео). Но это также может быть проблемой для SEO. Наличие слишком большого количества больших видео на странице может негативно сказаться на ваших основных веб-показателях, особенно на самом большом содержании (LCP) и кумулятивном смещении макета (CLS). Давайте углубимся в эти две темы и узнаем, что вы можете сделать, чтобы это исправить.

Самая большая содержательная краска

Если ваша страница включает в себя встроенное видео, то это видео является частью самой крупной отрисовки контента (LCP). Что это значит? Это означает, что видео является важной частью взаимодействия со страницей как с алгоритмической, так и с пользовательской точки зрения. Если ваше время LCP слишком медленное (например, когда оно зависит от выполнения большого количества JavaScript), вы можете получить неудовлетворительную оценку Core Web Vitals в Google Search Console. Что выглядит так:

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

Совокупный сдвиг макета

Если видео последними загружаются на вашу страницу, они могут вызвать проблемы с кумулятивным смещением макета (CLS). Как? Заставляя блоки текста или изображений перемещаться по странице во время загрузки видео.

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

Исправить с заполнителями

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

Если вы используете эти эскизы, то рисование с наибольшим содержанием завершено. Даже без выполнения JavaScript, связанного с видеоплеерами! Кроме того, вы почти мгновенно решили накопительное смещение макета.

Решение: плагин Yoast Video SEO

Плагин Yoast Video SEO имеет ряд преимуществ для повышения скорости и работоспособности вашего сайта. Например, загрузка заполнителей миниатюр! Вместо того, чтобы загружать каждый видеофайл сразу после запроса страницы, Yoast Video SEO Plugin загружает изображение-заполнитель перед видео. Пока пользователь просматривает страницу, плагин загружает видео в фоновом режиме. Результат? Когда посетитель нажимает кнопку воспроизведения, ваше видео готово.

Изображения-заполнители также маленькие и быстро загружаются, что означает, что самая большая содержательная краска может быть построена очень быстро. Кроме того, нет опасности позднего кумулятивного смещения макета из-за медленной загрузки видеофайла. Другими словами: плагин Yoast Video SEO для WordPress — это простой способ гарантировать, что ваши видео не окажут негативного влияния на ваши основные веб-жизненные показатели!