Изображения и видео часто рассматривают только как оформление страницы. Но у поисковых систем есть отдельные вертикали — поиск по картинкам и видео, — и по многим запросам они встраиваются прямо в основную выдачу. Для магазинов одежды, мебели, стройматериалов, для рецептов, интерьеров, инструкций это ощутимый источник трафика.
Кроме того, медиа делает страницу полезнее: фотографии товара с разных сторон, схема подключения или видео процесса отвечают на вопросы лучше любого текста. В этом уроке разберём, как оптимизировать изображения и видео, чтобы они работали на поиск и не замедляли сайт.
Как поисковик понимает изображения
Поисковые системы умеют распознавать содержимое картинок, но всё равно опираются на текстовые сигналы вокруг них. Чем точнее эти сигналы, тем выше шанс, что изображение покажется по нужному запросу.
- Атрибут alt — текстовое описание изображения.
- Имя файла —
divan-uglovoj-seryj-velyur.webpинформативнее, чемIMG_4521.jpg. - Подпись под изображением и окружающий текст.
- Заголовок и тема страницы, на которой размещено изображение.
- Микроразметка, например изображения товара в разметке Product — о ней подробнее в уроке «Микроразметка: Schema.org и расширенные сниппеты».
Атрибут alt: как писать правильно
Alt — текст, который выводится вместо изображения, если оно не загрузилось, и который читают экранные дикторы для незрячих пользователей. Поисковики используют его как одно из главных описаний картинки. Поэтому хороший alt одновременно полезен и для доступности, и для SEO.
| Изображение | Плохо | Лучше |
|---|---|---|
| Фото дивана в карточке | диван купить диван недорого диван Москва | Угловой диван из серого велюра с оттоманкой справа |
| Схема в инструкции | картинка1 | Схема подключения посудомоечной машины к водопроводу и канализации |
| Фото команды | (пусто) | Инженеры сервисного центра за диагностикой ноутбука |
| Декоративная иконка | иконка доставка быстрая доставка | Пустой alt — иконка не несёт смысла |
- Описывайте, что изображено, конкретно и коротко — одним предложением.
- Ключевые слова уместны, если они естественно описывают картинку; перечисление запросов — переоптимизация.
- Декоративным элементам оставляйте пустой
alt="", чтобы экранные дикторы их пропускали. - У разных фото одного товара alt должен различаться: «вид спереди», «в разложенном виде», «фактура ткани».
Форматы, размеры и скорость
Изображения часто составляют большую часть веса страницы и становятся главной причиной медленной загрузки. А скорость влияет и на удобство, и на показатели Core Web Vitals, в первую очередь LCP — время отображения основного элемента. Подробнее о скорости — в уроке «Скорость загрузки и Core Web Vitals».
Форматы
- WebP — современный формат с хорошим сжатием, поддерживается всеми актуальными браузерами; заметно легче JPEG и PNG при сопоставимом качестве.
- AVIF — сжимает ещё эффективнее, поддержка браузерами широкая; часто отдаётся с запасным WebP или JPEG через элемент
<picture>. - SVG — для логотипов, иконок и схем: векторный, чёткий на любом экране.
- JPEG и PNG — как запасной вариант; PNG оправдан для изображений с прозрачностью и мелким текстом, если нет альтернативы.
Размеры и загрузка
- Не загружайте изображение шириной в несколько тысяч пикселей, чтобы показать его в блоке шириной 400. Готовьте несколько размеров и отдавайте подходящий через
srcset. - Указывайте ширину и высоту изображения — это предотвращает сдвиги вёрстки при загрузке и улучшает показатель CLS.
- Используйте отложенную загрузку (
loading="lazy") для изображений ниже первого экрана. Главное изображение первого экрана, наоборот, грузите сразу.
Совет. Не ставьте отложенную загрузку на главное изображение первого экрана — например, фото товара в карточке. Это частая ошибка, которая ухудшает LCP: браузер откладывает загрузку как раз того элемента, по которому измеряется скорость.
Видео: где размещать и как оптимизировать
Видео показывается в отдельной видеовыдаче и в блоках основной выдачи — особенно по запросам вида «как сделать», «обзор», «инструкция». Есть два основных подхода к размещению.
Видеоплатформы
Ролики на видеохостингах, доступных российской аудитории, — например, VK Видео, Rutube, Дзен (на октябрь 2026 года; с августа 2024 года доступ к YouTube в России ограничен замедлением), — получают собственный поиск и рекомендации платформы. Для них важны название, описание с ключевыми формулировками, понятное превью, тайм-коды и субтитры.
Видео на сайте
Встроенное на страницу видео может снять возражение клиента и поднять конверсию страницы; мерить это надо по заявкам со страницы. Чтобы поисковик понял, что на странице есть видео, и мог показать его в выдаче:
- размещайте видео на отдельной странице, которая посвящена ему, — с заголовком, описанием, текстовой расшифровкой или кратким изложением, — если сам ролик должен находиться по запросу и по нему есть видеоблок; Google показывает видео в выдаче только со страницы, главная цель которой — показать один ролик;
- в Яндексе плеер сайта воспроизводится в выдаче, только если пользовательское соглашение разрешает показывать его на чужих сайтах или заключено соглашение с Яндексом; иначе ролики ранжируются ниже. Сайту услуг проще держать ролик на площадке и встраивать на страницу;
- добавляйте разметку VideoObject: название, описание, превью, длительность, дату публикации, адрес ролика;
- делайте содержательное превью — оно влияет на кликабельность в видеовыдаче;
- следите, чтобы плеер не замедлял загрузку: встраивайте его с отложенной загрузкой или через лёгкую заставку, которая подгружает плеер по клику.
Трафик из вертикалей: кому это важно
Поиск по картинкам приносит заметный трафик в визуальных нишах: одежда, мебель, интерьер, декор, ландшафт, кулинария, ремонт, — если есть собственные снимки и путь от картинки к цене. Срочным услугам и стоковым снимкам вертикаль не даёт ничего, кроме просмотров. Видеовыдача важна для инструкций, обзоров, обучающих материалов. Если ваш бизнес относится к таким нишам, стоит отдельно смотреть в Яндекс Вебмастере и Google Search Console, какие запросы приводят из поиска по картинкам и видео, и усиливать соответствующие страницы.
Даже там, где трафика из вертикалей нет, собственные фото и видео работают на конверсию: снимают возражения. Влияние на позиции через поведение на странице отдельно не измерить.
Частые ошибки с изображениями
- Изображения, встроенные как фон в CSS. Поисковик не считает фоновые картинки содержимым страницы, поэтому важные изображения — фото товара, схемы — должны быть вставлены тегом изображения.
- Текст на картинке вместо текста на странице. Цены, характеристики и условия, нарисованные на баннере, не читаются поисковиком и недоступны незрячим пользователям.
- Одинаковые стоковые фотографии, которые встречаются на сотнях сайтов. Они не дают трафика из поиска по картинкам и не добавляют доверия.
- Закрытые от индексации папки с изображениями. Иногда в robots.txt запрещают каталог с загрузками — и картинки перестают попадать в поиск.
- Огромные исходники на страницах каталога, которые грузятся целиком ради миниатюры.
Изображения в карточках и товарной выдаче
Для интернет-магазина изображения работают не только в поиске по картинкам. Поисковики показывают товарные блоки с фотографией, ценой и магазином, а данные для них берут из товарных фидов: в Яндексе — из фида, подключённого к Яндекс Товарам, а не из разметки. Чтобы изображение товара выглядело хорошо в таких блоках, нужны чистое фото на нейтральном фоне, достаточное разрешение и стабильный адрес картинки. Подробнее о товарной выдаче и фидах — в уроке «SEO интернет-магазина».
Собственные фотографии — ещё и сигнал опыта: снимки реального товара в интерьере, процесса работы, выполненных объектов выделяют сайт среди конкурентов, которые используют одни и те же изображения от производителя. Если снимать всё своими силами нельзя, начните с самых популярных товаров и услуг — именно там отдача будет заметнее всего.
Как отслеживать трафик из картинок и видео
Чтобы понять, стоит ли вкладываться в изображения и видео, нужны данные. В Google Search Console отчёт об эффективности можно переключить на тип поиска «Картинки» и «Видео» и увидеть запросы, показы и клики отдельно от веб-поиска. В Яндекс Вебмастере стоит смотреть статистику запросов и страниц, а в Яндекс Метрике — переходы из поиска по картинкам как отдельный источник. Для роликов на видеоплатформах ориентируйтесь на собственную статистику площадки: источники просмотров покажут, какая доля приходит из поиска.
Если выяснится, что какие-то изображения регулярно приводят посетителей, усиливайте страницы, на которых они стоят: добавляйте связанные фотографии, уточняйте подписи и проверяйте, что с этих страниц удобно перейти к покупке или заявке.
Что сделать после урока
- Выгрузите изображения сайта краулером и найдите картинки без alt или с одинаковым alt.
- Перепишите alt для изображений ключевых страниц: товаров, услуг, инструкций.
- Переведите изображения в WebP или AVIF и настройте отдачу нужных размеров.
- Проверьте, что главное изображение первого экрана не загружается отложенно, а у всех картинок заданы размеры.
- Для полезных видео создайте отдельные страницы с описанием и разметкой VideoObject.