Про тексты в SEO помнят все, про картинки почти никто. А зря: для производственного сайта с каталогом изображения дают и трафик из поиска по картинкам, и влияют на скорость и позиции. Ниже разберём, зачем нужна оптимизация изображений для сайта, какие параметры картинок важны, как оптимизировать изображение онлайн бесплатно и почему для каталога производителя это отдельный источник трафика.
«Одна картинка стоит тысячи слов».
Почему изображения важны для SEO
Две причины. Первая: поиск по картинкам: закупщик ищет «профлист С8 фото» или конкретную марку, и Ваша оптимизированная картинка приводит его на сайт. Вторая: скорость: тяжёлые неоптимизированные изображения замедляют сайт, а медленный сайт теряет и посетителей, и позиции.
Что оптимизировать
- Имя файла: понятное и по делу:
proflist-s8-zelenyy.webp, а неIMG_2841.jpg - Атрибут alt: короткое описание того, что на картинке; помогает поиску и доступности
- Вес и формат: сжатие без потери качества, современный WebP вместо тяжёлых JPG/PNG
- Размеры: картинка не должна быть больше, чем нужно контейнеру
- Указанные width/height: чтобы вёрстка не «прыгала» при загрузке
«Google использует текст alt вместе с алгоритмами компьютерного зрения и содержанием страницы, чтобы понять, что изображено на картинке».
Оптимизация изображений для веб: параметры
| Параметр | Как лучше | Почему |
|---|---|---|
| Формат | WebP, для сложной графики SVG | Меньше вес при том же качестве |
| Размер в пикселях | Не больше, чем место на странице, для экранов высокой чёткости вдвое | Лишние пиксели это лишние килобайты |
| Вес | Для фото в карточке обычно до 100–200 КБ | Быстрая загрузка на мобильном интернете |
| Имя файла | Латиницей, по смыслу, через дефис | Поиск понимает, что на картинке |
| Alt | Короткое описание изделия и параметров | Поиск по картинкам и доступность |
| Width и height | Указаны в коде | Вёрстка не прыгает при загрузке |
| Отложенная загрузка | Для картинок ниже первого экрана | Первый экран грузится быстрее |
Выигрыш от формата заметный: по данным Google, изображения WebP без потерь в среднем на 26% меньше PNG, а с потерями на 25–34% меньше сопоставимых JPEG. Картинки должны корректно подстраиваться и под телефон: об этом статья Адаптивная вёрстка сайта: на что смотреть заказчику.
Оптимизация изображений онлайн
Оптимизировать изображение онлайн можно бесплатно, не устанавливая программ. Сервисы оптимизации изображений:
- Squoosh от Google: сжатие и перевод в WebP прямо в браузере, видно качество до и после.
- TinyPNG и TinyJPG: пакетное сжатие PNG и JPEG, бесплатный лимит на количество файлов.
- iLoveIMG: сжатие, изменение размера и конвертация нескольких картинок сразу.
- Модули CMS: на больших каталогах картинки сжимают автоматически при загрузке, это надёжнее ручной работы.
Для десятка картинок хватит онлайн-сервиса. Для каталога на сотни позиций оптимизацию изображений делают шаблоном при выгрузке из учётной системы, иначе работа никогда не закончится. Насколько это просто, зависит от платформы: сравнение в статье CMS или конструктор сайтов: что выбрать бизнесу.
Особенно для каталога
У производителя десятки и сотни карточек товаров с фото. Если каждое изображение оптимизировано и подписано, каталог превращается в дополнительный источник трафика: люди находят конкретный продукт через поиск по картинкам и попадают сразу на нужную страницу. Умножьте на сотни позиций, эффект ощутимый.
Как оформить саму карточку, чтобы фото работали на продажу, а не только на поиск, в статье Карточка товара, которая продаёт и продвигается. Место и размеры картинок лучше заложить ещё на схеме страницы: об этом материал Прототип сайта: зачем он нужен до дизайна.
Про скорость
Оптимизация изображений это одна из самых быстрых побед по скорости сайта. Часто именно тяжёлые картинки становятся главной причиной медленной загрузки каталога. Привели их в порядок, и ускорился сайт, вырос пользовательский опыт и позиции. Это часть общей технической работы, о которой мы писали в статье про SEO для производства.
Так делаем и мы: все картинки нашего сайта в WebP, а в августе 2026 года мы проставили размеры width и height всем изображениям, и изменения коснулись 1 070 страниц. Такие правки технические, поэтому мы сознательно не отправляли эти страницы на переобход: смысл страниц не изменился.
Описанные картинки помогают и нейросетям понимать, что Вы производите: как попадать в ответы ИИ, в статье SEO умерло? Как попадать в выдачу ИИ и нейросетей. Оптимизацию изображений мы делаем в рамках продвижения сайта вместе с остальной техникой. Хотите узнать, что тормозит Ваш сайт и как это влияет на заявки? Сделаем технический разбор бесплатно, подробнее на странице SEO-продвижения.
