Как остановить видео, негативно влияющие на Core Web Vitals

Как остановить видео, негативно влияющие на Core Web Vitals

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

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

Величайшая краска для контента

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

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

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

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

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

READ  Заметки как на айфоне скачать на Андроид: топ-5 лучших программ, их плюсы и минусы

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

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

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

video seo for wordpress • drive traffic to videos on your website • yoast

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

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

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

Source