SEO для изображений: имя файла, alt-текст, сжатие и формат WebP
1. Две роли изображений в SEO: поиск по картинкам и скорость страницы
Многие сайты B2B сводят SEO для изображений к «ключевым словам в имени файла» — это заблуждение. На самом деле изображения играют в SEO две роли: источник трафика из поиска по картинкам Google и основная нагрузка на скорость загрузки страницы.
Контринтуитивный вывод: ключевые слова в имени файла почти не влияют на позиции в поиске по картинкам. Google определяет тему изображения в основном по контексту страницы, alt-тексту и тексту вокруг картинки. Назвать файл stainless-steel-flange-pn16.jpg — хорошая привычка, но имя stainless-steel-flange-pn16-ansi-b16-5-industrial-flange.jpg не принесёт ни одного дополнительного клика по картинке.
На SEO реально влияет вес. Несжатое изображение товара на 2 МБ тормозит загрузку всей страницы: LCP падает с 1,8 до 3,5 секунды, и вы теряете и в позициях, и в конверсии. Это самый частый минус в Core Web Vitals.
| Аспект SEO для изображений | Прямое влияние на позиции | Косвенное влияние на CTR и конверсию |
|---|---|---|
| Имя файла | Очень слабое | Нет |
| alt-текст | Среднее (поиск по картинкам) | Плюс и для доступности, и для поиска по картинкам |
| Вес и формат | Сильное (влияет на LCP) | Быстрая загрузка, низкий показатель отказов |
| Размеры и srcset | Среднее (опыт на мобильных) | Конверсия мобильного трафика |
| Структурированные данные ImageObject | Слабое | Показ в расширенных результатах |
и Управление медиаактивами: в той статье — про именование, сжатие и переиспользование изображений и видео, здесь — про то, как именно писать изображения для SEO.
2. Имя файла и alt-текст: что писать, а что нет
Имя файла и alt-текст часто путают. Имя файла читают сервер и краулеры, alt-текст — скринридеры и индекс поиска по картинкам. Пишутся они по-разному.
| Элемент | Как правильно | Неправильный вариант |
|---|---|---|
| Имя файла | stainless-flange-pn16.jpg | IMG_2038.jpg、DSC_0001.jpg |
| alt-текст | Изображение товара: фланец из нержавеющей стали, давление PN16 | flange flange flange stainless |
| alt для декоративной картинки | alt=”” (пустой) | alt=”разделитель”, alt=”image” |
| Длительность | alt из 8–15 слов | alt на целый абзац |
| Язык | Совпадает с языком страницы | alt на английском сайте, написанный по-китайски |
Главный принцип alt-текста: представьте, что скринридер читает это изображение незрячему пользователю — как бы вы его описали? Это требование Доступность сайта (WCAG) и правильный подход к SEO изображений. Достаточно написать «Изображение фланца из нержавеющей стали, класс давления PN16» — не пишите «Это изображение фланца из нержавеющей стали класса давления PN16 по стандарту ANSI B16.5 для нефтехимических трубопроводов» — это переспам ключевыми словами.
У декоративных изображений (разделителей, фоновых узоров, иконок) alt должен быть пустым (alt=””), не пишите «разделитель». Скринридер пропустит пустой alt, а «разделитель» прочитает вслух — для незрячего пользователя это шум.
III. Сжатие и WebP: пороги и инструменты
Сжатие — самая выгодная по соотношению затрат и результата мера в SEO изображений. Несжатое изображение товара весом 2 МБ после сжатия до 200 КБ почти неотличимо на глаз, а время загрузки падает с 4 секунд до 0,4 секунды.
| Формат | Относительно размера JPEG | Рекомендуемые сценарии | Совместимость |
|---|---|---|---|
| WebP, качество 80 | Меньше на 25–35% | Стандарт 2026 года | Поддерживают все современные браузеры |
| AVIF | Меньше на 50% | При очень медленном соединении | Совместимость слабее, нужен запасной JPEG |
| JPEG, качество 80 | Базовый уровень | Запасной формат | Все браузеры |
| PNG | Больше в 2–5 раз | Только для изображений с прозрачным фоном | Все браузеры |
Три практических порога. Ширина главного изображения товара — не более 1200 px (больше — уже лишнее); ширина иллюстраций в тексте — не более 1600 px; ширина миниатюр — не более 400 px. Качество всегда 80: разница между качеством 90 и 80 почти незаметна, а вес отличается вдвое.
Что касается инструментов: на сайтах WordPress используйте ShortPixel или Imagify для автоматической конвертации в WebP; на собственных сайтах — пакетную обработку через командную строку Sharp. Конвертацию форматов в реальном времени можно делать и на уровне CDN — см.Глобальное ускорение через CDN стратегию оптимизации изображений.
IV. Главное изображение и LCP: почему оно важнее всех остальных для SEO
Показатель LCP (Largest Contentful Paint) из Core Web Vitals в 80% случаев приходится на первое изображение первого экрана. Сжать его важнее для LCP, чем сжать 10 миниатюр внизу страницы.
| Что делать с главным изображением | Ожидаемый эффект | Затраты на внедрение |
|---|---|---|
| Конвертировать в WebP | Вес −30% | Низкая (плагин сам) |
| Сжать до качества 80 | Вес −60% | Низкая |
| Явные width/height | CLS снижается | Низкая (правка шаблона) |
| fetchpriority=”high” | LCP −0,5 секунды | Низкая (добавить атрибут) |
| srcset с несколькими размерами | Экономия трафика на мобильных 50% | Средняя (нужно создать размеры) |
Сценарий первый: главное изображение на странице товара было JPEG шириной 2400 px и весом 1,8 МБ, LCP — 3,8 секунды. Сделали ширину 1200 px, WebP качества 80, 220 КБ, добавили fetchpriority=”high” — LCP упал до 1,6 секунды, а позиция по основному запросу поднялась с 14-й на 7-ю.
Сценарий второй: главное изображение статьи в блоге — обложка PNG шириной 1920 px весом 1,2 МБ. После конвертации в WebP — 180 КБ, время загрузки упало с 2,4 до 0,6 секунды, показатель отказов на мобильных — с 65% до 41%.
При локализации изображений для многоязычных сайтов нужно учитывать и текст внутри графиков — см.Работа с графиками на многоязычном сайте—— текст на изображении нельзя перевести через alt, для него нужна отдельная картинка.
5. Частые ошибки и чек-лист перед запуском
Пять самых частых ошибок в SEO изображений — каждую можно найти одним сканированием сайта.
| Ошибка | Как диагностировать | Действие |
|---|---|---|
| Все alt пустые | Просканировать HTML и посчитать долю alt=”” | Для фото товара и главного изображения alt обязателен |
| Исходники не сжаты | Посчитать изображения тяжелее 300 КБ | Пакетно конвертировать в WebP с качеством 80 |
| Нет width/height | Отчёт Lighthouse | Добавить атрибуты в шаблон, снизить CLS |
| Имена файлов вида IMG_xxxx | Просканировать папку uploads | Пакетно переименовать в осмысленные |
| Не используются современные форматы | Проверить Content-Type | Включить автоматическую конвертацию в WebP на уровне CDN |
Структурированные данные изображения (ImageObject) дают небольшой выигрыш для страниц B2B-товаров, их можно внедрять вместе с Структурированные данные Schema. Но приоритет ниже, чем у сжатия и alt: сначала уменьшите вес, потом занимайтесь расширенными медиа.
6. Sitemap изображений, поля авторских прав и ленивая загрузка
Многие считают, что SEO изображений закончено, когда alt написаны, а картинки сжаты. На самом деле остаются ещё три вещи. Первая — sitemap изображений. Помимо HTML-карты сайта, Google поддерживает отдельный перечень URL изображений, caption, title и license в sitemap. Если фото товаров и инфографика ждут, пока Google медленно обойдёт теги img на страницах, новые изображения могут попасть в поиск по картинкам только через две-три недели; после отправки sitemap изображений срок индексации обычно сокращается до трёх-пяти дней. На промышленных B2B-сайтах трафик из поиска по картинкам составляет всего 5–15% органического трафика, но у этого трафика сильное намерение купить, и отказываться от него нельзя.
Вторая — поля авторских прав и лицензии. В ImageObject схемы можно добавить три поля: license, acquireLicensePage и creditText, указав принадлежность прав на изображение и разрешение на коммерческое использование. Обычно на это не обращают внимания, но когда ваши изображения используются для обучения визуальных моделей ИИ, чёткие поля лицензии — основание для последующей защиты прав. И наоборот: если вы используете изображения из платного фотобанка и не указываете лицензию на странице, всегда остаётся риск жалобы от автора и снятия материала.
Третья — конфликт отложенной загрузки с LCP-изображением. Главное изображение LCP должно загружаться с eager и атрибутом fetchpriority=”high”, а loading=”lazy” — только для остальных иллюстраций в тексте. Частая ошибка — добавить loading=”lazy” на весь сайт, из-за чего главное изображение тоже загружается отложенно и LCP замедляется сразу на 1 секунду. Проверить можно по предупреждению Lighthouse «Largest Contentful Paint image was lazily loaded»: если оно появилось, значит, к главному изображению по ошибке добавили lazy.
| Что добавить | Как сделать | Выгода |
|---|---|---|
| Sitemap изображений | Перечислить URL изображений в XML sitemap | Индексация изображений ускоряется примерно на две недели |
| Поля лицензии | Добавить license в ImageObject | Коммерческая лицензия отслеживается |
| Главное изображение — eager | Не добавлять lazy к LCP-изображению | LCP не падает, а растёт |
| Структурированные данные | Добавить ImageObject к фото товара | Показ в расширенных результатах |
У многоязычных сайтов есть отдельная проблема с изображениями: текст на картинке нельзя перевести через alt. Если на инфографике указаны параметры по-китайски, для английской версии нужно сделать новую картинку с английскими подписями — нельзя рассчитывать, что alt-текст переведёт надписи внутри изображения. Локализация графики стоит дорого, но у многоязычных сайтов, где её пропустили, английская версия сразу выдаёт машинный перевод картинок, и доверие покупателей-носителей языка падает. Этот процесс описан в Работа с графиками на многоязычном сайте.
FAQ: частые вопросы
Обязательно ли включать ключевые слова в имя файла изображения?
Какой длины должен быть alt-текст?
Насколько WebP меньше JPEG?
Какой размер изображения в КБ считается нормой?
Насколько изображения влияют на трафик из поиска Google по картинкам?
Какой плагин WordPress автоматически оптимизирует изображения?
В заключение
Приоритеты в SEO для изображений очевидны: сначала сжать первое изображение и решить проблему LCP, затем написать alt-текст для доступности и индексации картинок, и только потом заниматься семантикой имён файлов. Выполнив эти три шага, вы уже обошли 80% B2B-сайтов, которые до сих пор загружают оригиналы по 2 МБ.
Три шага к результату: на этой неделе прогоняем через Lighthouse 20 ключевых страниц сайта и выписываем те, где LCP больше 2,5 секунды; на следующей — массово переводим главные изображения этих страниц в WebP, сжимаем до 250 КБ и добавляем width/height и fetchpriority; на третьей неделе проверяем все товарные фото с пустым alt и дописываем их по правилу «8–15 слов с описанием картинки».
Запомните одну фразу: SEO картинок — это не ключевые слова в имени файла, а главное изображение, сжатое до 250 КБ. Быстрее загрузка — выше и позиции, и конверсия.