Изображения могут приносить трафик не хуже статей — через поиск по картинкам, блоки с изображениями в обычной выдаче, товарные карточки и визуальные подсказки в сниппетах. Но только если картинки правильно подготовлены: быстро загружаются, понятны поисковику и помогают пользователю.
Ниже — практическое руководство: что делать с форматами, весом, alt-текстом, микроразметкой и картой сайта, чтобы картинки работали на SEO.
Почему оптимизация изображений важна для SEO
1) Скорость загрузки страниц
Картинки — один из главных «утяжелителей» страниц. Чем больше и тяжелее изображения, тем медленнее сайт, тем хуже пользовательский опыт и тем ниже шансы на хорошие позиции (особенно на мобильных).
2) Пользовательский опыт и конверсии
Когда контент открывается быстро, люди дольше остаются на сайте и чаще совершают целевые действия. А если картинки не прогружаются, alt-текст помогает понять, что должно быть на месте изображения.
3) Дополнительный канал трафика
Поиск по изображениям — отдельный источник посетителей. Он особенно полезен для:
- интернет-магазинов (товары, каталоги, подборки);
- рецептов и кулинарии;
- дизайна/ремонта/интерьеров;
- медицины и бьюти (иллюстрации процедур, примеры);
- образовательных материалов (инфографика, схемы).
Что влияет на «SEO картинки»
Поисковики оценивают не только сам файл, но и контекст вокруг него. Важно:
- название файла;
- alt-текст и (иногда) подпись;
- релевантность окружающего текста;
- качество страницы и скорость;
- размеры/адаптивность;
- наличие структурированных данных (микроразметки);
- попадание изображения в карту сайта;
- уникальность и права на использование.
Форматы изображений: что выбирать и когда
WebP и AVIF
Лучшие варианты для веба по соотношению качество/вес (если ваш сайт и аудитория их поддерживают). Обычно дают заметное уменьшение размера.
JPEG (JPG)
Подходит для фотографий. Хорошо сжимается, но не поддерживает прозрачность.
PNG
Хорош для графики, скриншотов, изображений с текстом и прозрачностью. Минус — часто «тяжёлый».
SVG
Идеален для логотипов, иконок и простых иллюстраций: масштабируется без потери качества и весит мало (если оптимизирован).
Практика:
- фото → WebP/AVIF или JPEG
- иконки/логотип → SVG
- скрин/инфографика → WebP (или PNG, если нужно идеально)
Вес и размеры: как не перегружать страницу
Есть два понятия:
- размер (ширина/высота в пикселях),
- вес (КБ/МБ).
Частая ошибка: загрузить фото 4000×3000 и показать его на странице как 800×600. Браузер всё равно скачает «кирпич» и только потом уменьшит.
Что делать:
- подготавливать изображение под реальный размер в шаблоне;
- использовать responsive images (srcset/sizes), чтобы мобильным не грузить десктопные файлы;
- включить lazy-load для изображений вне первого экрана.
Ориентир по весу (очень грубо, зависит от качества):
- превью/миниатюры: десятки КБ
- обычные фото в статье: часто до ~150–250 КБ
- большие «герой»-картинки: оптимизировать особенно тщательно
Сжатие: как уменьшить вес без «мыла»
Правильный подход — найти баланс. Пережатая картинка отпугивает хуже, чем тяжёлая: страница тормозит и люди уходят.
Рекомендации:
- для фото использовать умеренное сжатие (без заметных артефактов);
- для PNG по возможности снижать палитру/переводить в WebP;
- удалять лишние метаданные (EXIF), если они не нужны.
Названия файлов: мелочь, которая помогает
Имя файла должно описывать содержимое и быть понятным:
- krossovki-nike-air-max-chernye.webp лучше, чем IMG_00492.jpg
- используйте дефисы, а не подчёркивания
- избегайте транслита «по-украшению» и случайных наборов символов
Для магазинов полезно добавлять: тип товара + модель + ключевой признак (цвет/материал).
Alt-текст: главный SEO-элемент для картинок
Alt (альтернативный текст) нужен для:
- доступности (скринридеры);
- ситуации, когда изображение не загрузилось;
- понимания поисковиком, что изображено на картинке.
Как писать хороший alt:
- описывайте конкретно, что на изображении;
- добавляйте контекст страницы (если уместно);
- не пишите «картинка/фото» — это лишнее;
- не делайте «простыню» и не спамьте ключевыми словами.
Примеры:
- плохо: кроссовки купить недорого цена скидка
- хорошо: черные кроссовки Nike Air Max на белой подошве, вид сбоку
Подписи и контекст вокруг изображения
Поисковики учитывают не только alt, но и текст рядом:
- заголовок блока,
- подпись под картинкой,
- абзац, который объясняет, что показано.
Если на странице статья про «как выбрать диван», а картинки — «случайные красивые интерьеры» без связи с текстом, они будут ранжироваться хуже.
Микроразметка: помогает поиску понять товар/контент
Для изображений напрямую важнее alt и контекст, но микроразметка усиливает эффект, потому что связывает картинку с сущностью:
- для товаров: Product / Offer (цена, наличие, бренд)
- для рецептов: Recipe
- для статей: Article
- для видео: VideoObject
Это повышает шансы на расширенные элементы в выдаче и более «богатое» представление контента.
Карта сайта для изображений
Если на сайте много графики (каталог, портфолио, рецепты), стоит:
- либо добавлять изображения в обычную sitemap,
- либо сделать отдельную image-sitemap.
Так поисковику проще находить и индексировать картинки, особенно если они подгружаются скриптами или находятся глубоко в структуре.
Уникальность и права на изображения
Поиск по картинкам хорошо ранжирует уникальный визуал. Если везде сток или фото «как у всех», конкурировать сложнее.
Что лучше всего работает:
- собственные фото товаров;
- реальные кейсы/до-после (там, где это корректно и разрешено);
- уникальная инфографика;
- изображения с брендингом (умеренно).
И обязательно: используйте изображения законно — с лицензией или собственные.
Чек-лист оптимизации изображений
- Выберите правильный формат (WebP/AVIF, JPEG, PNG, SVG).
- Уменьшите размеры под реальное отображение.
- Сожмите без заметной потери качества, удалите лишние метаданные.
- Сделайте понятные имена файлов.
- Пропишите alt-тексты (уникальные и релевантные).
- Добавьте подписи/контекст, если это помогает пониманию.
- Настройте lazy-load и responsive (srcset/sizes).
- Проверьте микроразметку на ключевых страницах.
- Обновите sitemap (включая изображения).
- Следите за скоростью страницы и «тяжёлыми» файлами.
Вывод
SEO для изображений — это не только про «сжать картинку». Это комплекс: формат, вес, размеры, alt, контекст, техническая скорость и корректная индексация. Если всё сделать правильно, изображения начинают приносить дополнительный поток посетителей из поиска и одновременно улучшают поведение пользователей на сайте — а это напрямую поддерживает общий рост SEO.
