Зачем нужен атрибут alt у картинок?

Alt — это текстовое описание изображения. По нему поисковик понимает, что на картинке (ранжирует её в поиске по картинкам и усиливает релевантность страницы), его читают скринридеры для незрячих, и он показывается, если картинка не загрузилась. Без alt картинка почти не приносит пользы SEO.

Как правильно заполнять alt?

Опишите то, что реально на картинке, естественным языком и коротко (в пределах фразы), с ключевым словом только там, где оно уместно. Избегайте пустого alt у смысловых картинок, бессмысленного «IMG_2024» и переспама ключами. Для чисто декоративных изображений alt можно оставить пустым (alt="").

Влияет ли имя файла картинки на SEO?

Да, поисковик учитывает имя файла при индексации изображения. Называйте файлы описательно латиницей через дефис (kondicioner-cooler-x9.jpg вместо IMG_8421.jpg) — без пробелов и кириллицы. Сделать «чистое» имя помогают транслит и генератор ЧПУ.

Как получать трафик из поиска по картинкам?

Оформите картинки полноценно: осмысленный alt, описательное имя файла, релевантный текст и подпись вокруг, современный формат и хорошее качество. Тогда изображение попадает в Яндекс и Google Картинки, и клик по нему ведёт на ваш сайт — это отдельный канал трафика, особенно для товаров и визуальных тем.

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

Фотографии — в WebP или AVIF (с запасным JPEG), иконки и логотипы — в SVG (векторные), прозрачность — PNG или WebP. Подгоняйте размер под реальное отображение, сжимайте до качества 75–85% и задавайте width/height с loading="lazy" для скорости и стабильной вёрстки.

Лучше уникальные картинки или стоковые?

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

Нужна ли карта картинок и разметка ImageObject?

Для сайтов, где визуал — это трафик (магазины, фотобанки, рецепты, недвижимость), да. Карта картинок (image sitemap или блок image:image в обычном sitemap) сообщает поиску об изображениях, до которых робот добрался бы нескоро. Микроразметка Schema.org (ImageObject, а у товаров картинка в разметке Product) помогает картинкам полнее попадать в индекс и иногда получать дополнительные элементы в выдаче. Для небольшого блога это избыточно, для крупного визуального проекта — заметный плюс.

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

Картинки — это не только украшение страницы, но и отдельный канал трафика: люди ищут товары и идеи прямо в Яндекс и Google Картинках. Плюс грамотно оформленные изображения помогают основному ранжированию, доступности и скорости. При этом большинство сайтов оставляют картинки «как есть» — без alt, с именами вроде IMG_2024.jpg. Это упущенный трафик. Разберём по полочкам, как оптимизировать изображения для SEO.

Зачем оптимизировать картинки

Оптимизация изображений работает сразу на нескольких фронтах:

Трафик из поиска по картинкам. Яндекс.Картинки и Google Картинки — это миллионы запросов в день. По многим темам (товары, интерьеры, рецепты, инструкции) люди ищут именно картинки, кликают и переходят на сайт-источник.
Помощь основному ранжированию. Alt и подписи дают поисковику дополнительный контекст страницы, усиливая её релевантность по теме.
Доступность. Alt читают скринридеры для незрячих пользователей, а ещё он показывается, если картинка не загрузилась.
Скорость. Сжатые изображения в современных форматах ускоряют загрузку — а это уже фактор ранжирования (Core Web Vitals).

То есть одна и та же работа над картинками улучшает и видимость в поиске по картинкам, и обычные позиции, и удобство сайта. Дешёвый способ выжать из контента больше.

Атрибут alt — самое важное

Alt (альтернативный текст) — это описание картинки в HTML: <img src="..." alt="описание">. Именно по нему поисковик понимает, что изображено, ведь «прочитать» саму картинку ему сложнее, чем текст. Хороший alt — это короткое, точное описание по сути, с ключевым словом там, где оно уместно. Плохой alt — пустой, общий или переспамленный ключами.

✕ Плохо

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

Пусто, бессмысленно или переспам ключами — поисковик не понимает картинку или считает это спамом.

✓ Хорошо

alt="настенный инверторный кондиционер Cooler X9 белого цвета" alt="схема установки кондиционера: внутренний и наружный блок"

Точно описывает, что на картинке, естественным языком, с уместным ключом. Полезно и поиску, и незрячим.

Правила alt: описывайте именно то, что на картинке; пишите естественно, как объяснили бы человеку; держите длину в пределах фразы (не предложения-простыни); ключ вставляйте, только если он по делу; для чисто декоративных картинок (разделители, фоны) alt можно оставить пустым (alt=""), чтобы скринридеры их пропускали.

Имя файла картинки

Имя файла — ещё один сигнал. Поисковик учитывает его при индексации картинки. Сравните: IMG_8421.jpg не говорит ни о чём, а kondicioner-cooler-x9-belyj.jpg сразу описывает товар. Правила те же, что для ЧПУ: латиница или транслит, слова через дефис, без пробелов и кириллицы в имени, коротко и по сути.

🛠

Сделать «чистое» имя из названия поможет транслит и генератор ЧПУ, а уменьшить вес перед загрузкой — сжатие изображений.

Контекст вокруг картинки

Поисковик оценивает не только alt и имя, но и окружение изображения: заголовок рядом, подпись (caption), текст абзаца, в котором стоит картинка. Поэтому размещайте изображение в тематически релевантном месте и при необходимости добавляйте подпись. Картинка, окружённая текстом по теме, ранжируется в поиске по картинкам лучше, чем та же картинка «в вакууме».

Если собрать всё вместе, ранжирование картинки в поиске складывается из нескольких сигналов — и каждый стоит проработать:

Поиск по картинкам собирает оценку из всех сигналов сразу: один заполненный alt без контекста и качества работает слабее, чем всё вместе.

Технические требования

Формат: фото — WebP/AVIF (с запасным JPEG), иконки и логотипы — SVG, прозрачность — PNG/WebP.
Размер: подгоняйте под реальный размер отображения, не грузите 4000px на место под 800px.
Сжатие: качество 75–85% визуально неотличимо, но в разы легче.
loading="lazy" для картинок ниже первого экрана и width/height у каждой — это ускоряет загрузку и стабилизирует вёрстку (CLS).
Open Graph image — отдельная картинка для красивого превью при репосте ссылки в соцсети.

⚡

Подробно про вес и форматы — в статье как сжать изображения для сайта, про метрику стабильности вёрстки — Core Web Vitals. Проверить картинки без alt на странице поможет анализ сайта.

Трафик из поиска по картинкам

Когда картинка хорошо оформлена (alt, имя, контекст, качество), она попадает в поиск по картинкам. Пользователь видит сетку изображений, и ваша — среди них; клик ведёт на ваш сайт. Для товаров и визуальных тем это серьёзный дополнительный канал.

🔍кондиционер настенный белый

Так выглядит выдача в Яндекс/Google Картинках. Оптимизированная картинка (выделена) приводит трафик с клика по изображению.

Уникальные картинки против стоковых

Сигнал, который недооценивают, — оригинальность изображения. Стоковое фото, которое вы скачали, стоит на сотнях других сайтов, и в поиске по картинкам вы конкурируете с ними за один и тот же файл — шансов выделиться мало. Собственные изображения (реальные фото товара, свои схемы и инфографика, скриншоты) уникальны по определению: поиску не с чем их «склеивать», и они ранжируются заметно лучше. Для интернет-магазина это прямой совет снимать товар самим, а не брать картинки производителя, которые есть у всех конкурентов. Бонусом уникальные изображения усиливают и саму страницу — это контент, которого больше ни у кого нет.

Карта картинок и разметка ImageObject

Для сайтов, где визуал — это трафик (магазины, фотобанки, рецепты, недвижимость), есть два усилителя индексации изображений. Первый — карта картинок (image sitemap или блок <image:image> в обычном sitemap): она прямо сообщает поиску о картинках, до которых робот мог бы добраться нескоро. Второй — микроразметка Schema.org: ImageObject описывает изображение, а у товаров картинка указывается прямо в разметке Product. Это помогает картинкам попадать в индекс полнее и иногда получать в выдаче дополнительные элементы (например, бейдж лицензии). Для небольшого блога это избыточно, а для крупного визуального проекта — заметный плюс.

Чек-лист SEO картинок

У каждой смысловой картинки заполнен осмысленный alt
Имя файла описательное, латиницей через дефис
Картинка стоит в релевантном по теме месте, есть подпись где нужно
Формат современный (WebP/AVIF), вес минимальный
Заданы width/height, для нижних картинок — loading="lazy"
Декоративные картинки с пустым alt (alt="")
Для соцсетей задан og:image

Коротко

SEO картинок — это недооценённый источник трафика и помощь основному ранжированию. Заполняйте осмысленный alt (точно, естественно, с уместным ключом, без спама), давайте файлам описательные имена латиницей, размещайте картинки в релевантном тексте, сжимайте в современных форматах и задавайте width/height + lazy. Тогда изображения приводят трафик из Яндекс и Google Картинок, ускоряют сайт и усиливают релевантность страниц.