Оптимизация изображений для SEO: атрибуты Alt, Title, WebP и поиск по картинкам

1. Архитектура и принцип работы

Поисковик скачивает картинку по src, читает alt как текстовую замену содержимого, title — как подсказку, учитывает имя файла, окружающий текст и разметку Schema.org ImageObject. Дальше картинка попадает в индекс изображений: у Google это отдельный индекс с ранжированием по релевантности alt, контексту страницы и качеству файла, у Яндекса — привязка к странице и к карточке товара. Формат влияет на скорость: WebP даёт сжатие на 25–35% меньше JPEG при том же визуальном качестве, AVIF — ещё меньше, но медленнее кодируется. Для магазина критичны srcset с несколькими размерами, lazy loading ниже первого экрана и явные width/height, чтобы не было сдвига вёрстки (CLS). Поиск по картинкам приносит переходы, когда alt совпадает с запросом «купить [товар] [цвет]», а страница-получатель содержит этот товар с ценой и наличием.

2. Математическая механика и триггеры ранжирования

Alt индексируется как текст, ассоциированный с изображением: Google учитывает его при ранжировании в Images, Яндекс — при подборе картинки к странице и в быстрых ответах. Title у img не является отдельным сильным сигналом, но помогает в тултипах и частично в понимании контекста. Имя файла (например, krossovki-nike-air-max-90-chernye.webp) читается как дополнительный текстовый сигнал. Форматы: WebP при q=80 обычно даёт 25–35% экономии против JPEG q=85; AVIF при q=50 — до 50%, но кодирование в 3–5 раз медленнее. Для srcset правило: 1x/2x или ширины 320/640/960/1280 px, sizes под вёрстку. Lazy loading: loading="lazy" для изображений ниже первого экрана, fetchpriority="high" для LCP-картинки. CLS держим через width/height или aspect-ratio. Индекс изображений Google обновляется независимо от веб-индекса, поэтому после замены картинок проверяем отчёт «Индексирование страниц» и «Изображения» в Search Console.

3. Специфика в Яндекс (YATI) vs Google

Google Images ранжирует по релевантности alt, контексту страницы, качеству файла и кликабельности в выдаче картинок; поддерживает лицензии изображений и метаданные IPTC. Яндекс.Картинки сильнее привязывают картинку к странице-источнику и к товарной карточке через Яндекс.Бизнес и фиды; для магазинов важен YML-фид с картинками — они попадают в Маркет и Картинки. Google требует, чтобы изображение было доступно для сканирования (не закрыто в robots.txt), иначе оно не попадёт в индекс. Яндекс чувствителен к размеру и «шуму»: пережатые или апскейленные картинки хуже подхватываются. Оба поисковика поддерживают WebP; AVIF Google индексирует уверенно, Яндекс — с оговорками по декодированию, поэтому для магазина безопаснее WebP с fallback. Schema.org ImageObject и Product с image помогают обоим, но Google строже проверяет соответствие разметки контенту.

4. Нормативы SLA и диагностическая матрица

5. Пошаговый инженерный протокол внедрения

• Переименуйте файлы по шаблону «тип-бренд-модель-цвет.webp» и пропишите alt по формуле «[товар] [бренд] [модель] [цвет/размер]» — без спама ключами и без «картинка1».
• Сконвертируйте каталог в WebP q=80, добавьте srcset с ширинами 320/640/960/1280 и sizes; LCP-изображению первой карточки поставьте fetchpriority="high", остальным — loading="lazy".
• Заведите sitemap для изображений (или отдайте картинки в YML-фиде для Маркета) и проверьте в Search Console отчёт «Изображения»: сколько проиндексировано и какие ошибки сканирования.
• Добавьте Schema.org Product с полем image (3–5 URL на товар) и ImageObject с caption; сверьте, что alt и caption совпадают с реальным содержимым фото.

<img src="/img/krossovki-nike-air-max-90-chernye-640.webp"
  srcset="/img/krossovki-nike-air-max-90-chernye-320.webp 320w,
          /img/krossovki-nike-air-max-90-chernye-640.webp 640w,
          /img/krossovki-nike-air-max-90-chernye-1280.webp 1280w"
  sizes="(max-width: 600px) 100vw, 50vw"
  width="640" height="640"
  alt="Кроссовки Nike Air Max 90 чёрные, вид сбоку"
  title="Nike Air Max 90 чёрные"
  loading="lazy" decoding="async">

Правило alt: [тип товара] [бренд] [модель] [цвет/размер] [ракурс]. Длина 60–120 символов, без перечисления ключей через запятую.

6. Типичные ошибки при оптимизации

• Alt вида «купить кроссовки дешево москва скидка» — переспам, поисковик понижает релевантность, а пользователи скринридеров слышат мусор.
• Один и тот же alt на десятках карточек-дублях и картинки, закрытые в robots.txt или отдающие 403 — они просто не попадут в индекс изображений.
• Загрузка оригиналов по 3–5 МБ без srcset и сжатия: страница тонет по LCP, а поиск по картинкам не даёт переходов, потому что превью некликабельны.