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), текст абзаца, в котором стоит картинка. Поэтому размещайте изображение в тематически релевантном месте и при необходимости добавляйте подпись. Картинка, окружённая текстом по теме, ранжируется в поиске по картинкам лучше, чем та же картинка «в вакууме».
Технические требования
- Формат: фото — WebP/AVIF (с запасным JPEG), иконки и логотипы — SVG, прозрачность — PNG/WebP.
- Размер: подгоняйте под реальный размер отображения, не грузите 4000px на место под 800px.
- Сжатие: качество 75–85% визуально неотличимо, но в разы легче.
- loading="lazy" для картинок ниже первого экрана и width/height у каждой — это ускоряет загрузку и стабилизирует вёрстку (CLS).
- Open Graph image — отдельная картинка для красивого превью при репосте ссылки в соцсети.
Трафик из поиска по картинкам
Когда картинка хорошо оформлена (alt, имя, контекст, качество), она попадает в поиск по картинкам. Пользователь видит сетку изображений, и ваша — среди них; клик ведёт на ваш сайт. Для товаров и визуальных тем это серьёзный дополнительный канал.
Чек-лист SEO картинок
- У каждой смысловой картинки заполнен осмысленный alt
- Имя файла описательное, латиницей через дефис
- Картинка стоит в релевантном по теме месте, есть подпись где нужно
- Формат современный (WebP/AVIF), вес минимальный
- Заданы width/height, для нижних картинок — loading="lazy"
- Декоративные картинки с пустым alt (alt="")
- Для соцсетей задан og:image
Коротко
SEO картинок — это недооценённый источник трафика и помощь основному ранжированию. Заполняйте осмысленный alt (точно, естественно, с уместным ключом, без спама), давайте файлам описательные имена латиницей, размещайте картинки в релевантном тексте, сжимайте в современных форматах и задавайте width/height + lazy. Тогда изображения приводят трафик из Яндекс и Google Картинок, ускоряют сайт и усиливают релевантность страниц.