Добавление новых медиаматериалов

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

Что изменилось с прошлой версии урока Прежний урок предлагал пакетно жать картинки через онлайн-сервис и «прописать alt, добавив туда LSI-ключи». Форматы с тех пор сменились, сжатие делается на сервере, а alt с ключами — прямое нарушение правил. Появилась и метрика, которой тогда не было: LCP.

Что медиа делают со страницей

Эффект	Направление
Скорость первого экрана (LCP)	Обычно в минус
Смещения вёрстки (CLS)	В минус без размеров
Понятность объяснения	В плюс
Снятие возражений и страхов	В плюс
Трафик из поиска по картинкам	В плюс при подписях
Позиции напрямую	Не влияет

Изображения

Формат: WebP основной, AVIF для тяжёлых фото, JPEG или PNG запасным через <picture>.
Размеры в width и height — иначе вёрстка прыгает.
Отложенная загрузка loading="lazy" для всего ниже первого экрана.
Главное изображение без lazy и с fetchpriority="high".
Несколько размеров через srcset — телефону не нужен файл на 2000 px.
Alt по смыслу: что на снимке, а не список ключей.
Подпись под изображением — её читают чаще основного текста.

<picture>
  <source srcset="/img/kotel.avif" type="image/avif">
  <source srcset="/img/kotel.webp" type="image/webp">
  <img src="/img/kotel.jpg" width="800" height="600" loading="lazy"
       alt="Настенный газовый котёл, снятая передняя панель">
</picture>

Подробно о сжатии и размерах — в уроке об оптимизации изображений.

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

Видео

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

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

Что стоит добавлять

Тип	Когда полезно
Собственные фотографии	Всегда: их нельзя сгенерировать или скопировать
Схема или диаграмма	Когда объяснение занимает больше абзаца
Скриншот с подсветкой	Инструкции по интерфейсам
Сравнительная таблица	Вместо картинки с текстом
Стоковые фотографии	Практически никогда

Итог

Медиа не двигают позиции сами по себе: они помогают понять и убедить, но платят за это скоростью. Современные форматы, явные размеры, отложенная загрузка и осмысленный alt позволяют получить пользу, не потеряв первый экран. Дальше — повторная перелинковка.

Частые вопросы

Влияет ли видео на странице на позиции?

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

В каком формате хранить изображения?

WebP как основной, AVIF там, где важен вес, JPEG или PNG как запасной вариант через элемент picture. Обязательно указывайте width и height, иначе вёрстка будет прыгать.

Нужно ли вставлять ключевые слова в alt?

Нет. Alt описывает изображение для тех, кто его не видит. Осмысленное описание само содержит нужные слова, а набивка ключами — нарушение и повод для недоверия.

Чем сжимать изображения?

Squoosh в браузере для единичных файлов, sharp или cwebp для пакетной обработки на сервере, готовые модули CMS для потока. Ручные онлайн-сервисы для регулярной работы неудобны.

Вся глава «Нестандартные методы» — 17 уроков

SEO продвижение сайтов

С чего начать

Мобильное SEO

Мобильная выдача

SEO для AI

Новый курс