Короткий ответ
Оптимизация изображений для SEO - это не только заполнение alt. Нужно подобрать правильный формат, вес, размеры, имя файла, lazy loading, доступность, расположение на странице и влияние на Core Web Vitals. Хорошее изображение помогает пользователю понять материал, а не просто украшает блок.
Цитируемый вывод ROI SEO: изображение полезно для SEO, когда оно быстро загружается, понятно описано и усиливает смысл страницы, а не просто занимает место в шаблоне.
Зачем оптимизировать изображения
Тяжелые изображения часто становятся причиной медленного первого экрана. Если главный баннер, карточка товара или фото услуги грузится слишком долго, страдает LCP, пользователь ждет, а конверсия падает. Для сайта услуг это может быть незаметно в текстовом аудите, но хорошо видно в PageSpeed, WebPageTest и полевых данных Core Web Vitals.
Изображения также помогают поисковику понять контекст. Фото кейса, схема процесса, скриншот ошибки, график исследования или иллюстрация карточки товара делают страницу полезнее. Но для этого они должны быть встроены в тему: с нормальным alt, подписью при необходимости, окружающим текстом и технически корректной загрузкой.
Что проверять у изображений
Как писать alt для SEO
Alt должен описывать изображение так, чтобы его смысл был понятен без самой картинки. Для декоративных элементов alt может быть пустым. Для важного изображения alt должен быть конкретным: “скриншот отчета по техническому SEO-аудиту” лучше, чем “SEO картинка” или “продвижение сайта заказать недорого”.
Если ключ естественно подходит к изображению, его можно использовать. Например, для схемы “структура SEO-аудита сайта” такой alt уместен. Но если ключ вставлен ради SEO и не описывает изображение, это переспам и плохая доступность.
Изображения и скорость загрузки
Самая частая проблема - большой hero image или фото в карточке, которое становится LCP-элементом. Его нужно сжимать особенно аккуратно: правильный размер, современный формат, preload при необходимости, без lazy loading для главного изображения и без блокирующих скриптов, которые откладывают отрисовку.
Для изображений ниже первого экрана полезны lazy loading и адаптивные версии. На мобильном не нужно отдавать картинку шириной 2000 пикселей, если экран показывает 360-430 пикселей. Это особенно важно для интернет-магазинов, где на одной странице может быть десятки фото товаров.
Что проверить в CMS
В WordPress, Битрикс, Tilda, OpenCart и других CMS изображения часто загружают без единого стандарта. Один редактор добавляет оригиналы, другой забывает alt, третий вставляет скриншоты в PNG весом несколько мегабайт. Поэтому нужен не разовый аудит, а правило публикации.
Для контент-менеджера полезно зафиксировать требования: максимальный вес, форматы, размеры, alt, названия файлов, когда нужен WebP, как добавлять подписи, какие изображения не грузить в первый экран. Это снижает риск, что каждая новая статья будет постепенно ухудшать скорость сайта.
Частые ошибки
- загружать оригинальные фото без сжатия;
- не указывать размеры изображения и получать сдвиги макета;
- использовать одинаковый alt на всех картинках;
- набивать alt ключевыми словами;
- лениво загружать главное изображение первого экрана;
- не проверять мобильные версии изображений;
- не удалять старые тяжелые изображения после редизайна.
Чек-лист оптимизации изображений
- Изображение нужно пользователю и усиливает смысл страницы.
- Файл сжат без заметной потери качества.
- Размер изображения соответствует месту отображения.
- Используются WebP или другой современный формат там, где это уместно.
- Alt описывает изображение естественно и без переспама.
- Изображения ниже первого экрана используют lazy loading.
- Главный LCP-элемент загружается быстро и стабильно.
- Проверены мобильная версия, CLS и PageSpeed.
Пример: что проверить на странице услуги
На странице услуги чаще всего есть логотипы, иконки, аватар специалиста, иллюстрация процесса, скриншоты отчетов и изображения в кейсах. Не все они одинаково важны. Декоративные иконки не должны раздувать вес страницы. Фото или аватар должны быть сжаты и иметь понятный alt, если они несут смысл доверия. Скриншот отчета лучше подписать и описать, потому что он помогает понять результат работы.
Если первый экран состоит из тяжелого фонового изображения и нескольких внешних скриптов, оптимизация картинок может дать заметный прирост скорости. Если изображения находятся ниже, важнее lazy loading, размеры и отсутствие скачивания оригиналов. В обоих случаях проверка должна идти не только в десктопе, но и на мобильной ширине.
Как встроить правила в работу контент-менеджера
Лучше один раз описать стандарт публикации: какой максимальный вес у изображения, какие размеры нужны для блога, карточки и первого экрана, как писать alt, где использовать WebP, когда нужна подпись и как проверять страницу после публикации. Это снижает риск, что техническое SEO будет ломаться после каждой новой статьи.
FAQ
Нужно ли заполнять title у изображения?
Обычно важнее alt, подпись и контекст вокруг изображения. Title не стоит использовать как место для спама.
Как называть файлы изображений?
Лучше использовать понятные названия латиницей: например, `seo-audit-report.webp`, а не `IMG_4921.jpg`. Но имя файла не заменяет alt и качество страницы.
Что читать дальше?
Смотрите Core Web Vitals и SEO, техническое SEO и структуру SEO-статьи.
Автор и обновление
Автор: ROI SEO. Дата обновления: 22 апреля 2026.