Фотографии товаров интернет магазина — это фактор ранжирования

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

В SEO я с 2005 года, и в аудитах магазинов изображения стабильно попадают в тройку самых недооценённых мест. Владелец готов платить за ссылки и переписывать описания, но в карточке по-прежнему одно мелкое фото из прайса поставщика, растянутое до восьмисот пикселей. Ниже — механика связи картинок с позициями, порядок проверки собственного магазина и что делать с каждой найденной проблемой.

Через что именно изображения влияют на позиции

Прямого правила «хорошие фото — выше место» в алгоритме нет. Есть четыре канала, по которым качество галереи доходит до ранжирования, и каждый из них измерим.

Первый канал — поведенческие сигналы. Человек пришёл из выдачи, увидел товар, начал листать кадры, приблизил, перешёл в отзывы. Время на странице растёт, отказ не засчитывается, сессия продолжается. Обратная ситуация: одно размытое фото, непонятно, что за товар, — возврат в выдачу и клик по конкуренту. Такой возврат поиск трактует как «страница не решила задачу».

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

Третий канал — поиск по картинкам и товарные блоки. Изображение с корректным alt, осмысленным именем файла и подписью попадает в индекс картинок и приводит трафик отдельным потоком. Для мебели, одежды, отделочных материалов, запчастей и растений этот поток бывает сопоставим с частью обычного органического.

Четвёртый канал — скорость. Изображения почти всегда занимают основную долю веса товарной страницы. Тяжёлая галерея тормозит отрисовку первого экрана, а скорость загрузки поиск измеряет напрямую и учитывает в оценке. Здесь связь самая прямая и самая легко проверяемая.

Как за час снять картину по конкурентам из топа

Прежде чем менять что-то у себя, полезно увидеть планку ниши. Порядок такой, он занимает около часа на одну товарную группу.

1. Откройте выдачу по своему основному коммерческому запросу в режиме без сохранённой сессии, чтобы не мешала персонализация.
2. Пролистайте рекламный блок и возьмите первые пять органических результатов. Перейдите не в категорию, а именно в карточку конкретного товара.
3. Для каждой карточки зафиксируйте: сколько кадров в галерее, есть ли увеличение, есть ли фото товара в интерьере или в работе, есть ли видео, показан ли масштаб.
4. Сохраните любое фото из галереи и посмотрите его реальный размер в пикселях и вес в килобайтах — это ориентир по качеству.
5. Отключите картинки в браузере и посмотрите, что осталось: так видно, заполнены ли alt.

Результат сведите в таблицу по своей нише. Дальше сравнивайте не с абстрактным идеалом, а с этой планкой: догонять нужно конкретных конкурентов, а не рекомендации из общих статей.

Что смотрю в карточке конкурента	Слабый уровень	Уровень топа
Число кадров	1–2, оба из прайса	5–10, разные ракурсы
Размер по длинной стороне	до 800 px	1500–2500 px
Увеличение	нет или открывается тот же файл	зум по наведению или отдельный слой
Контекст использования	только товар на белом	есть кадр в интерьере или в работе
Масштаб	непонятен	показан рядом с привычным предметом
Видео или 360	нет	есть хотя бы у ходовых позиций
Атрибут alt	пустой или имя файла	описание товара словами

Сколько кадров нужно и какие именно

Универсального числа нет, но есть набор задач, которые галерея обязана закрыть. Покупатель, который не может потрогать товар, задаёт себе одни и те же вопросы, и каждый кадр отвечает на один из них. Если вопрос остаётся без ответа, человек уходит искать ответ у конкурента.

Кадр	На какой вопрос отвечает	Приоритет
Общий вид на светлом фоне	Что это вообще такое	Обязательно
Второй ракурс, оборот, торец	Как выглядит с других сторон	Обязательно
Макро фактуры или узла	Из чего сделано, как собрано	Обязательно
Товар в среде: интерьер, рука, работа	Как это будет выглядеть у меня	Высокий
Кадр с предметом сравнения	Какого это размера на самом деле	Высокий
Комплектация: всё, что в коробке	Что я получу за эти деньги	Средний
Схема с размерами или таблица цветов	Подойдёт ли по параметрам	Средний
Видео распаковки или работы	Как ведёт себя вживую	Низкий, но сильно отличает

Первые три позиции закрывают минимум, ниже которого карточка выглядит недоделанной. Четвёртая и пятая — то, что чаще всего отличает топ от середины выдачи, потому что именно они снимают сомнение перед покупкой. Остальное — усиление для ходовых позиций, делать его на весь каталог из двадцати тысяч товаров бессмысленно.

Тему разбирал отдельно: «Описание товаров для интернет магазина».

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

Технические требования: размер, формат, вес

Здесь начинается зона, где ошибки видны инструментами и правятся один раз для всего каталога.

Помогу с продвижением: продвижение сайтов белыми методами — вывожу сайты в топ Яндекса белыми методами.

По размеру рабочий ориентир — 1500–2500 пикселей по длинной стороне для исходника, из которого движок генерирует уменьшенные копии. Меньше 1200 — зум будет мыльным, и лучше его вообще не включать, чем показывать пиксели. Больше 3000 — вы отдаёте лишние килобайты без пользы для восприятия.

Если интересно направление с сайтами — базу даю в своём курсе:

8:14

По форматам ситуация давно устоялась, и держать весь каталог в JPEG уже нет причин.

Формат	Когда применять	Что учесть
WebP	Основной формат для всех фото каталога	Экономит 25–35% веса против JPEG при том же качестве
AVIF	Крупные фото первого экрана	Сжимает сильнее WebP, но дольше кодируется
JPEG	Запасной вариант через picture/source	Качество 80–85, выше — рост веса без видимой разницы
PNG	Только схемы, чертежи, логотипы с прозрачностью	Для фотографий даёт кратно больший вес
SVG	Иконки, размерные схемы	Не для фото; чистить от мусора редактора

По весу разумный потолок для основного фото карточки — около 150–200 килобайт после сжатия, для миниатюр в категории — до 30–40 килобайт. Проверить просто: откройте карточку в инструментах разработчика на вкладке сети, отсортируйте по размеру и посмотрите верхние строки. Если первые десять позиций — это картинки по мегабайту, дальше можно ничего не искать, вы нашли главную проблему страницы.

Три технические вещи, которые дают эффект сразу и почти не требуют работы дизайнера: атрибуты width и height у каждого изображения, чтобы верстка не прыгала при загрузке; отложенная загрузка для всего, что ниже первого экрана, кроме главного фото; и генерация нескольких размеров под разные экраны через srcset, чтобы телефон не тянул версию для монитора.

Alt, имя файла и подпись: что читает робот

Робот не смотрит на изображение глазами. Он опирается на текстовое окружение, и здесь у большинства магазинов пустое место, хотя заполняется оно шаблоном по всей базе за один запрос.

Атрибут alt должен описывать, что изображено, человеческими словами. Не перечень ключевых фраз, не артикул, не имя файла из фотоаппарата. Хорошая проверка: если прочитать alt вслух человеку, который не видит экран, поймёт ли он, что на фото.

Смежный материал по теме — «Продвижение интернет магазина статьями».

Так делать не надо	Как правильно	Почему
alt пустой	alt=»Плинтус напольный дубовый 80 мм, вид спереди»	Пустой alt — потерянный сигнал и потерянный трафик из поиска по картинкам
alt=»IMG_20240517_113402″	alt=»Крепление плинтуса на клипсу, крупный план»	Имя файла с камеры не несёт смысла ни человеку, ни роботу
alt=»плинтус купить плинтус недорого плинтус москва»	alt=»Плинтус в интерьере гостиной со светлым полом»	Перечисление фраз читается как спам и обесценивает разметку
Один и тот же alt на всех кадрах карточки	Свой alt на каждый ракурс	Одинаковые описания не дают отличить кадры и не добавляют информации
Имя файла 1.jpg, 2.jpg	plintus-dubovyj-80mm-1.webp	Осмысленный адрес файла — дополнительный текстовый сигнал

Подпись под изображением (figcaption) нужна не всегда, но она хорошо работает там, где кадр требует пояснения: схема монтажа, сравнение оттенков, демонстрация масштаба. Подпись читают чаще, чем основной текст, и она удерживает человека на странице дольше.

Если в каталоге тысячи позиций, alt формируют шаблоном из названия товара, характеристики и номера кадра. Это лучше пустоты на порядок. Ручную проработку оставьте для сотни-двух самых важных карточек — тех, что приносят основную выручку и продвигаются по частотным запросам.

Зум, галерея и видео: что реально меняет поведение

Механики просмотра различаются по эффекту, и внедрять их стоит по убыванию отдачи.

• Увеличение по клику или наведению. Базовая вещь. Важно, чтобы зум открывал файл большего разрешения, а не растягивал ту же картинку — иначе увеличение только раздражает.
• Листание миниатюрами. Миниатюры под основным фото должны быть видимы сразу, без прокрутки. Если кадры спрятаны в стрелки, большинство посетителей не узнает, что их больше одного.
• Просмотр в интерьере. Для мебели, отделки, техники — один такой кадр меняет восприятие карточки сильнее, чем три дополнительных ракурса на белом фоне.
• Видео товара. Дольше всего удерживает внимание. Ролик на тридцать-шестьдесят секунд без монтажа и музыки работает не хуже студийного, если в нём показано то, что не видно на статичном кадре.
• Обзор 360 градусов. Эффектно, но дорого в производстве и тяжело по весу. Имеет смысл для сложных по форме товаров и только для ходовых позиций.
• Онлайн-показ товара сотрудником. Редкая механика, которую внедряют крупные сети. Удерживает человека надолго, но требует людей на линии и оправдана при дорогом среднем чеке.
• Фотографу: как получать съёмки из поиска, а не только из соцсетей

Общий принцип: любая механика, требующая от посетителя дополнительного действия, должна быть очевидной. Скрытый зум, который никто не находит, не улучшает ничего и при этом добавляет скриптов на страницу.

Свои фотографии против фотографий поставщика

Самый частый вопрос от владельцев магазинов: обязательно ли снимать самим, если поставщик даёт готовый пакет. Ответ зависит от того, сколько магазинов торгует тем же товаром.

Когда одну и ту же позицию продают полсотни сайтов и все ставят одинаковые фото из прайса, изображение перестаёт отличать вашу карточку от чужой. Для поиска по картинкам такой файл почти бесполезен: в выдаче показывают один-два источника, и это, как правило, крупные площадки. Для покупателя одинаковые фото тоже не аргумент — сравнивать он будет по цене и доставке.

Если нужна помощь по теме — курсы SEO-оптимизации.

Собственная съёмка решает обе задачи сразу: уникальный файл получает шанс в поиске по картинкам, а карточка перестаёт быть копией соседней. Но снимать весь каталог с нуля — задача на годы. Разумный порядок такой.

1. Выгрузите товары, отсортированные по выручке или по числу заказов за год.
2. Первые сто-двести позиций снимите сами: общий вид, ракурс, макро, применение.
3. Для следующей тысячи возьмите фото поставщика, но доработайте: свой фон, свой кадр, композиция из нескольких изображений, добавленная размерная схема.
4. Хвост каталога оставьте как есть — на нём отдача от съёмки не окупится.

Дорабатывать чужие фото стоит осмысленно. Наложение крупного логотипа поверх товара уникальности не добавляет и мешает смотреть. Переставленный фон, обрезка под единый формат и добавленная схема с размерами дают гораздо больше и выглядят аккуратнее.

Если нужны детали, смотрите «Продвижение интернет магазина обучение».

Где изображения крадут скорость

Проверять скорость товарной страницы имеет смысл именно на карточке с полной галереей, а не на главной. Типичные потери распределяются предсказуемо.

Проблема	Как заметить	Что делать
Все кадры галереи грузятся сразу	Во вкладке сети десяток картинок при открытии	Загружать первый кадр, остальные — по требованию
Миниатюры отдаются в полном размере	Файл 2000 px отображается на 80 px	Генерация превью на стороне сервера
Нет современных форматов	Все файлы .jpg или .png	Конвертация каталога в WebP с запасным JPEG
Нет srcset	Телефон тянет десктопную версию	Три-четыре размера под разные экраны
Скачет верстка при загрузке	Контент прыгает вниз по мере появления фото	Явные width и height или заданные пропорции
PNG вместо JPEG для фото	Фотография весит несколько мегабайт	Перевод в WebP или JPEG

Отдельно стоит сказать про отложенную загрузку главного фото. Ставить lazy на изображение, которое находится на первом экране, вредно: браузер откладывает то, что нужно показать немедленно, и метрика отрисовки крупнейшего элемента ухудшается. Отложенная загрузка нужна для всего, что ниже сгиба, и только.

Чеклист проверки магазина за один вечер

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

• Кадров в галерее не меньше четырёх, и все они разные по смыслу, а не по крупности одного и того же вида.
• Первый кадр — узнаваемый общий вид, он же используется как миниатюра в категории.
• Есть увеличение, и оно открывает файл большего разрешения.
• Понятен размер товара: либо кадр с предметом сравнения, либо размерная схема.
• Каждое изображение имеет заполненный осмысленный alt, разный для разных кадров.
• Имена файлов транслитерированы и осмысленны, без IMG и цифр камеры.
• Формат файлов — WebP или AVIF, а не только JPEG и PNG.
• Вес основного фото не превышает двухсот килобайт.
• Проставлены width и height, верстка не скачет при загрузке.
• Галерея нормально листается пальцем на телефоне, зум не ломает страницу.
• Фото не закрыты от индексации в robots и не отдаются с чужого домена без вашего контроля.
• В карте сайта есть раздел с изображениями либо изображения доступны роботу через обычную разметку.
• Фотографу: как получать съёмки из поиска, а не только из соцсетей

Больше трёх «нет» — картинки в вашем магазине сейчас работают против позиций, и заниматься ими выгоднее, чем закупать ссылки. Ноль-два «нет» — уровень нормальный, дальше эффективнее вкладываться в описания, характеристики и отзывы.

Частые вопросы

Правда ли, что за уникальные фото поиск даёт бонус к позициям? Отдельной надбавки за уникальность файла нет. Выигрыш приходит косвенно: уникальное изображение попадает в поиск по картинкам, а карточка перестаёт быть визуальной копией конкурента, что улучшает поведение. Оба эффекта реальны, но проявляются не мгновенно.

Нужно ли ставить водяной знак? Маленький знак в углу допустим. Крупный логотип поверх товара снижает читаемость кадра и мешает покупателю рассмотреть вещь. Защита от копирования картинок ценой ухудшения карточки — плохая сделка.

Сколько alt-текста писать? Одно предложение, 5–12 слов. Описываете то, что видно на кадре, с названием товара. Длинные абзацы в alt не нужны, а короткое «фото» бесполезно.

Влияет ли поиск по картинкам на продажи или это мусорный трафик? Зависит от ниши. В визуальных категориях — отделка, мебель, одежда, растения, декор — человек часто начинает поиск именно с картинки и переходит на сайт уже с намерением. В технических категориях, где выбирают по параметрам, доля такого трафика ниже.

Можно ли использовать нейросетевые изображения товара? Для реального товара — нет. Покупатель ждёт, что получит то, что видел на фото, и расхождение приводит к возвратам и негативным отзывам. Сгенерированная графика уместна только для иллюстраций в статьях блога и абстрактных баннеров.

Что важнее — количество кадров или их качество? Качество первых трёх. Десять посредственных фото хуже, чем три чётких, закрывающих общий вид, детали и масштаб. Наращивать количество имеет смысл после того, как эти три сделаны хорошо.

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

Коротко

• Изображения влияют на позиции через четыре канала: поведение посетителя, коммерческую оценку карточки, поиск по картинкам и скорость загрузки — прямого «фактора фото» в алгоритме нет.
• Планку задаёт не общая рекомендация, а карточки конкурентов из топа по вашему запросу: число кадров, разрешение, наличие зума и контекста использования снимаются за час.
• Минимум карточки — общий вид, второй ракурс и макро; отличают топ от середины кадр в среде применения и понятный масштаб товара.
• Технический слой правится один раз на весь каталог: WebP вместо JPEG, srcset, width и height, отложенная загрузка всего ниже первого экрана, кроме главного фото.
• Пустой alt — потерянный сигнал; шаблонное осмысленное описание по всей базе лучше идеальной ручной проработки десяти карточек и пустоты в остальных.
• Собственную съёмку начинают с позиций, дающих основную выручку, остальное дорабатывают из материалов поставщика; хвост каталога съёмка не окупает.
• Фотографу: как получать съёмки из поиска, а не только из соцсетей

Если не уверены, где именно ваш магазин теряет позиции — в картинках, в структуре каталога или в технической части, — приходите на SEO-консультацию: посмотрю карточки и статистику вместе с вами и скажу, что даст результат быстрее всего.