Alt-теги для изображений: как оптимизировать картинки для SEO

Alt-тег (альтернативный текст) — HTML-атрибут, описывающий содержание изображения для поисковых роботов и пользователей, которые не могут видеть картинку (медленная загрузка, отключённые изображения, скринридеры). Для SEO alt выполняет две функции: сигнал релевантности для поиска по картинкам (Яндекс.Картинки, Google Images) и дополнительный тематический сигнал для текстового поиска.

Alt-тег — не главный фактор ранжирования. Его влияние на позиции в текстовом поиске минимально по сравнению с title, H1 и содержанием. Но для поиска по картинкам alt критичен, а для доступности (accessibility) — обязателен.

Как правильно заполнять alt-теги

Описание содержания изображения: alt должен точно описывать, что изображено на картинке. «Теплица из профильной трубы 40×20 мм — вид сбоку» — хорошо. «Картинка1» или пустой alt — плохо.

Включение ключевого слова: если изображение релевантно теме страницы, alt может содержать ключевое слово в естественной форме. «Каркас теплицы с двойными дугами и шагом 65 см» — ключевое слово вплетено в описание. «Купить теплицу купить теплицу недорого» — набивка, которая вредит.

Длина: 5–15 слов. Слишком короткий alt (одно слово) не информативен. Слишком длинный (целое предложение на 30 слов) — избыточен.

Декоративные изображения (иконки, разделители, фоны) получают пустой alt: alt=»». Это корректно с точки зрения accessibility — скринридер пропускает декоративные элементы.

Какие изображения оптимизировать в первую очередь

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

Источник формулировок для alt — те же данные, что для текста: характеристики из интервью с собственником, терминология покупателей из звонков. Если в рамках Карты смыслов выявлено, что покупатели теплиц боятся снеговой нагрузки — фото каркаса получает alt: «Усиленный каркас теплицы — снеговая нагрузка до 240 кг/м²». Этот alt одновременно описывает изображение и содержит ключевой термин, волнующий покупателя.

Тип изображения	Правило alt	Пример
Фото продукта	Описание + ключевая характеристика	alt=»Теплица Базовая 100 — профильная труба 40×20 мм, двойные дуги»
Фото в кейсе	Описание проекта + результат	alt=»Теплица после установки — регион с обильными снегопадами»
Инфографика/схема	Описание содержания	alt=»Схема структуры сайта: три уровня вложенности»
Декоративное	Пустой alt	alt=»»
Фото команды	Имя + должность	alt=»Вадим Мамонтов — основатель агентства Мамонтов.Топ»

Техническая оптимизация изображений помимо alt

Формат: WebP (на 25–35% легче JPEG). Сжатие: TinyPNG, ShortPixel, Squoosh. Lazy loading: атрибут loading=»lazy» для изображений ниже первого экрана. Размеры: указывайте width и height в HTML для предотвращения CLS. Имя файла: описательное (teplica-bazovaya-100.webp), а не IMG_20240315.jpg.

Как менялось значение alt для SEO

2005–2015: alt набивался ключевыми словами. Работало — алгоритмы не различали описание и спам. 2015–2020: поисковые системы начали оценивать соответствие alt содержанию изображения. Набивка перестала работать. 2021–2026: Google Lens и визуальный поиск анализируют содержание изображения нейросетью. Alt подтверждает или опровергает распознанное содержание. Точный описательный alt с ключевым словом — стандарт.

Аргумент против: когда alt-оптимизация не приоритетна

Если на сайте 200 страниц без title и H1 — тратить время на alt нецелесообразно. Alt — задача третьего–четвёртого приоритета, после: содержания страниц (блоки, тексты, SEO-оптимизация), технического фундамента (скорость, индексация), метатегов (title, description). Alt даёт минимальный прирост в текстовом поиске, но заметный — в поиске по картинкам.

Проблемы и решения

Проблема: На сайте 500 изображений, у 400 — пустые alt. Заполнять каждый вручную — неделя работы.

Решение: Приоритизировать: заполнить alt для изображений на коммерческих страницах (продукт, кейсы) — это 50–80 картинок. Для остальных — настроить автоматическую генерацию через CMS (подстановка названия товара + категории). Мелочь, но при масштабе даёт заметный трафик из поиска по картинкам.

Проблема: Все alt на сайте — одинаковый текст: «Фото» или «Изображение». Поисковая система не получает информации о содержании.

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

«Alt-тег — микрозадача. Но когда она выполнена на языке покупателя (с конкретными характеристиками, которые его волнуют), даже картинка начинает продавать.»

Параметр	Требование	Инструмент проверки
Alt-тег	Описательный, 5–15 слов, с ключевым словом	Screaming Frog
Формат	WebP (или JPEG для совместимости)	PageSpeed Insights
Размер файла	До 200 КБ для основных, до 50 КБ для превью	GTmetrix
Lazy loading	loading=»lazy» для изображений ниже fold	Chrome DevTools
Width/Height	Указаны в HTML	Screaming Frog
Имя файла	Описательное, транслитерация	Ручная проверка

Заключение

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

Часто задаваемые вопросы

Влияет ли alt-тег на позиции в текстовом поиске?

Минимально. Alt — дополнительный тематический сигнал, но его вес значительно ниже, чем у title, H1 или текста. Основное влияние alt — на поиск по картинкам (Яндекс.Картинки, Google Images). Для текстового поиска alt не является приоритетом оптимизации, но заполненный alt с ключевым словом — часть общей полноты on-page SEO.

Нужно ли заполнять alt для всех изображений?

Для содержательных (фото продукта, кейсов, инфографики) — да. Для декоративных (иконки, фоны, разделители) — пустой alt: alt=»». Это стандарт accessibility: скринридер пропускает декоративные элементы. Приоритет: коммерческие страницы → блог → остальные.

Какой длины должен быть alt-тег?

5–15 слов. Достаточно для описания содержания и включения ключевого слова. Короче 5 слов — неинформативно. Длиннее 15 — избыточно. Пример оптимального: «Каркас теплицы из профильной трубы 40×20 мм с двойными дугами» — 9 слов, описание + характеристики.

Как автоматизировать заполнение alt для больших сайтов?

Через CMS: настроить шаблон alt с подстановкой данных — название товара + категория + бренд. Для WordPress — плагины Real Media Library или специализированные решения. Для приоритетных изображений (продукт, кейсы) alt заполняется вручную с характеристиками продукта. Автоматизация закрывает 80% задачи, ручная работа — остальные 20% (самые ценные).