SEO изображений: alt, названия файлов, размеры и индексация

Как поисковые системы понимают изображения

Google анализирует само изображение, alt, подпись, окружающий текст, тему страницы и другие сигналы. Имя файла тоже учитывается, но Google называет его лишь очень лёгкой подсказкой.

Яндекс рекомендует заполнять alt, давать файлам осмысленные имена и размещать картинку рядом с текстом, который она иллюстрирует.

Как правильно писать alt

Alt должен кратко описывать то, что видно на изображении, с учётом его роли на странице. Это не поле для перечня запросов.

<img src="uglovoy-divan-seryy.webp"
 alt="Серый угловой диван
 с тканевой обивкой">

alt="диван купить диван
недорого диваны цена Москва"

Google называет alt важнейшим атрибутом дополнительной информации об изображении и предупреждает против keyword stuffing. Хороший alt помогает и поиску, и пользователям скринридеров.

Нужно ли заполнять alt у каждой картинки

Иконки, разделители и фоновые украшения не нуждаются в искусственно сгенерированных описаниях. Пустой alt сообщает вспомогательным технологиям, что элемент можно пропустить.

Alt и title изображения — не одно и то же

alt описывает изображение и нужен для доступности. Атрибут title может показывать подсказку в некоторых интерфейсах, но не является обязательным SEO-элементом.

Автоматически дублировать один и тот же текст в alt и title не нужно.

Влияет ли название файла

Понятное имя полезно как слабый дополнительный сигнал: krasnyy-divan-loft.webp лучше, чем IMG_8492.webp. Но строка kupit-krasnyy-divan-divan-nedorogo-moskva.webp не делает изображение релевантнее.

Массово менять уже стабильные URL только ради ключей обычно невыгодно. Смена адресов требует перенаправлений и повторного обнаружения файлов, а эффект имени невелик.

Размер в пикселях и вес файла — разные вещи

Физический размер — например, 1600 × 1200 px. Вес — например, 180 KB. Задача — сохранить достаточную детализацию без загрузки лишних данных.

Изображения часто составляют значительную часть веса страницы, поэтому их оптимизация влияет на скорость, LCP и пользовательский опыт. Подробнее — в материале про Core Web Vitals.

Какие форматы использовать

Google Search поддерживает BMP, GIF, JPEG, PNG, WebP, SVG и AVIF для изображений, указанных в img src.

WebP или AVIF не дают самостоятельного бонуса в ранжировании. Их практическая ценность — меньший файл при приемлемом качестве.

Responsive images: srcset и picture

На адаптивном сайте не стоит отдавать смартфону тот же огромный файл, что и широкому экрану. Для выбора подходящей версии используются srcset, sizes и picture.

<picture>
  <source type="image/avif" srcset="divan-800.avif 800w,
    divan-1600.avif 1600w">
  <img src="divan-800.webp"
    srcset="divan-800.webp 800w, divan-1600.webp 1600w"
    sizes="(max-width: 640px) 100vw, 800px"
    width="800" height="600"
    alt="Серый угловой диван с тканевой обивкой">
</picture>

Google рекомендует сохранять нормальный fallback: внутри picture должен быть img с атрибутом src.

Почему background-image хуже для SEO-картинок

Google прямо указывает, что не индексирует CSS-изображения. Если картинка содержательно важна и должна участвовать в поиске по изображениям, используйте <img src="...">.

Фоны интерфейса, текстуры и декоративные паттерны нормально оставлять через background-image: им отдельная индексация не нужна.

Lazy loading: как не спрятать изображение от робота

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

• не прячите критичные изображения до взаимодействия;
• проверяйте отрисованный HTML и сетевые запросы;
• не ставьте loading="lazy" картинке LCP на первом экране без измерений;
• оставляйте доступный роботу URL файла.

Для сложной JS-загрузки пригодится чек-лист из статьи JavaScript и SEO.

Width и height: зачем задавать размеры

Атрибуты width и height или заданное соотношение сторон заранее резервируют место. Это помогает избежать сдвигов макета и улучшить CLS.

Это не «SEO-теги картинки», а техническая часть стабильной загрузки страницы.

Нужно ли делать Image Sitemap

Не каждому сайту. Google описывает image sitemap как способ сообщить об изображениях, которые иначе сложно обнаружить — например, при сложной JavaScript-архитектуре или большом объёме графического контента.

Карту можно сделать отдельной или добавить image-теги в обычный Sitemap. Это дополнение для обнаружения, а не гарантия индексации и не обязательное требование для каждого интернет-магазина. Основы обычной карты сайта разобраны в статье как настроить sitemap.xml.

CDN и изображения на другом домене

Google разрешает указывать в image sitemap URL с другого домена. Если картинки размещены на отдельном CDN-домене, подтвердите его в Search Console — так можно получать данные об ошибках обхода.

• CDN не блокирует Googlebot-Image;
• файлы стабильно возвращают 200;
• robots.txt не запрещает нужные изображения;
• URL одного файла не меняется без причины.

Одинаковая картинка на нескольких страницах

Не создавайте новый URL одной и той же картинки для каждого появления. Последовательное использование одного адреса упрощает кеширование и избавляет робота и пользователя от повторной загрузки одинакового файла.

Контекст вокруг изображения

Подпись, окружающий текст и содержание страницы помогают понять, что показано и по каким запросам картинка релевантна. Яндекс тоже рекомендует размещать изображение рядом с иллюстрируемым фрагментом или добавлять подпись.

Идеальный alt не сделает случайную стоковую фотографию релевантной теме страницы.

Текст внутри картинки

Не заменяйте индексируемый HTML-текст изображением. Характеристики, инструкцию, таблицу и важные условия из инфографики следует продублировать в тексте страницы.

В документации Яндекса отдельно сказано: alt помогает роботу поиска по картинкам понять изображение, но его содержимое не входит в основной текстовый индекс страницы.

SEO товарных изображений

• выберите качественное основное фото товара;
• добавляйте реальные дополнительные ракурсы, а не почти одинаковые копии;
• показывайте изображение выбранного цвета или модели;
• задавайте уникальный уместный alt;
• проверяйте доступность постоянного URL;
• передавайте корректное image в Product structured data.

Логика изображений должна соответствовать архитектуре вариантов товара и структуре страницы категории.

Какую картинку Google покажет в обычном поиске и Discover

В марте 2026 года Google уточнил, что при автоматическом выборе превью может учитывать предпочтительное изображение из Schema.org — primaryImageOfPage или image основной сущности — и метатег og:image.

Это сигнал предпочтения, а не команда и не гарантия показа. Выбирайте релевантную, качественную картинку без экстремального соотношения сторон; логотип сайта обычно не лучший выбор для превью статьи.

Как проверить индексацию изображений

1. Найдите изображение в HTML как img src.
2. Откройте URL файла напрямую.
3. Проверьте ответ 200 OK.
4. Убедитесь, что robots.txt не блокирует файл или CDN.
5. Посмотрите отрисованный HTML после выполнения JavaScript.
6. Проверьте alt, подпись и окружающий текст.
7. Изучите данные страницы в Search Console.
8. На крупном проекте проверьте серверные и CDN-логи для image crawler.
9. Отслеживайте показы в Google Images по товарным и брендовым запросам.

Что важнее всего: короткий чек-лист

«В SEO изображений часто слишком много внимания уделяют имени файла и слишком мало — самой странице. Если картинка доступна роботу, нормально описана в alt, находится рядом с релевантным контентом и при этом не весит несколько мегабайт, мы уже решили большую часть задачи. Переименовать IMG_1234.jpg в длинную строку ключей — точно не главный рычаг».

Константин Шипилов

SEO-специалист, основатель Шипилов SEO

Что не делать

• вставлять список ключей в alt;
• ставить одинаковый alt всем изображениям товара;
• автоматически копировать Title страницы в каждый alt;
• переименовывать тысячи файлов только ради ключей в URL;
• загружать многомегабайтные оригиналы для миниатюр;
• делать важные картинки исключительно CSS-фонами;
• отложенно загружать первый экран без проверки LCP;
• закрывать директорию /images/ в robots.txt без причины;
• использовать текст на изображении вместо HTML-контента.

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

Источники

• Google: рекомендации по SEO изображений;
• Google: Image Sitemaps;
• Google: обновления документации, март 2026;
• Яндекс: использование графики;
• Яндекс: картинки в результатах поиска.