Фото товарів для інтернет-магазину: що знімати, як і чому це впливає на продажі

В офлайні покупець бере річ у руки: крутить, дивиться на світло, мацає тканину, відкриває кришку. В онлайні всього цього немає. Замість рук, очей і відчуттів у нього — ваші фотографії. Це буквально єдиний спосіб, у який товар існує для покупця до моменту оплати.

Тому фото в магазині — це не «оформлення» й не робота дизайнера в останню чергу. Це той самий інструмент продажу, що й ціна. І одна з найчастіших причин, чому магазин із нормальним товаром і нормальним трафіком не продає.

Скільки фото потрібно

Найкоротша відповідь: одне фото — це майже гарантована втрата продажу.

Робочий мінімум — 4-6 знімків на товар:

1. Головне фото на чистому тлі. Товар цілком, добре видно, нічого не обрізано. Це те, що людина бачить у каталозі, у пошуку й у Google Shopping — від нього залежить, чи взагалі клікнуть.
2. Ракурси. Ззаду, збоку, зверху. Все, що людина покрутила б у руках.
3. Макро деталей. Фактура тканини, шов, роз'єми, кнопки, механізм, застібка. Саме тут покупець вирішує «це якісно» або «це дешевка».
4. У використанні або на людині. Фото сумки в руках, крісла в кімнаті, інструмента в роботі. Це дає найголовніше, чого не дає біле тло, — масштаб і уявлення про життя цієї речі.
5. Комплектація. Що приїде в коробці. Знімає купу питань до менеджера ще до замовлення.

Що ще працює залежно від категорії:

• Масштаб. Класична біда онлайну: людина замовила «велику» вазу, приїхала вазочка 8 см. Покажіть річ поруч зі звичним предметом або в руці.
• Розмір на людині. Для одягу — фото на моделі з підписом: зріст, параметри, який розмір на ній. Без цього повернень буде втричі більше, а повернення — це прямі гроші й час, окрема тема, яку ми розбирали в матеріалі про повернення та обмін товару.
• Кольори. Якщо товар у пʼяти кольорах — потрібні фото всіх пʼяти. Кольоровий квадратик замість фото — це запрошення до повернення.
• Відео на 10-20 секунд. Найсильніший формат для товарів, у яких важливий рух, розмір, механізм. Не обовʼязково всім, але для складних товарів дає більше, ніж десяток фото.

Телефон проти студії

Тут добра новина для тих, у кого немає бюджету на фотографа.

Сучасний телефон + денне світло з вікна + білий ватман як тло = цілком робочі фото. Часто навіть кращі за глянцеву студію — бо покупець бачить річ такою, якою її отримає, а не такою, якою її зробив ретушер. Розбіжність між ідеальною картинкою й реальною посилкою — це і повернення, і зіпсована репутація.

Що справді важливо, і це не про камеру:

• Світло. Денне розсіяне з вікна — найкраще й безкоштовне. Не знімайте зі спалахом (плоско, з різкою тінню) і не під лампою розжарювання (усе стане жовтим). Хмарний день — ідеальний.
• Однаковість. Найголовніше правило каталогу. Одне тло, той самий ракурс, те саме світло для всіх товарів. Каталог, у якому кожне фото зняте по-своєму — на столі, на килимі, на тлі шафи, — виглядає як барахолка, навіть якщо кожне фото окремо непогане.
• Стійкість. Штатив або хоча б підпора. Змазане фото = дешевий товар в очах покупця.
• Чесність. Не витягуйте насиченість так, щоб сірий став блакитним. Товар має виглядати як товар.

Студія має сенс для дорогих речей, іміджевих зйомок і категорій, де подача — це половина ціни (прикраси, косметика, преміум). Для решти краще зняти всі товари рівно й самотужки, ніж три товари ідеально й кинути.

Фото постачальника: коли можна, коли шкідливо

Спокуса зрозуміла: у постачальника є готовий фотобанк, беремо й запускаємось. Це нормальний старт, але з двома застереженнями.

Юридичне. Переконайтесь, що постачальник дозволяє використання цих фото. Скачати з чужого сайту ≠ мати право. Ще гірше — брати фото конкурента: це і претензії, і просто соромно.

Комерційне, і воно важливіше. Ті самі фото стоять у всіх ваших конкурентів. Ви — один із двадцяти однакових магазинів із однаковими картинками. У такій ситуації єдине, чим ви можете відрізнятись, — ціна, і це найгірша з можливих позицій. Власні фото — один із небагатьох способів вийти з цієї гонки. Та сама логіка, що й з описами товарів: скопійований у постачальника опис не продає й не ранжується — і з фото рівно так само.

Розумний компроміс: фото постачальника як база, щоб швидко наповнити каталог, і власні знімки — для товарів, які реально приносять гроші. Подивіться, що у вас у топі продажів, і зніміть спершу їх.

Технічна частина: як не вбити швидкість сайту

Тут магазини втрачають найбільше — і найтихіше.

Картинки — найважча частина сторінки. Магазин, у який фото залили прямо з камери по 8 МБ, на мобільному інтернеті вантажиться десятки секунд. Людина цього не терпить: вона просто йде, і ви ніколи не дізнаєтесь, що вона взагалі приходила.

Що робить нормально зроблений магазин автоматично:

• Стискає. Різниця між 8 МБ і 200 КБ на вигляд у каталозі непомітна. Різниця в швидкості — величезна.
• Віддає сучасні формати — WebP/AVIF замість JPEG. Та сама якість, помітно менша вага.
• Готує кілька розмірів під різні екрани. Телефону не треба віддавати картинку 3000 пікселів завширшки, щоб показати її на 400 — це просто спалений трафік покупця.
• Відкладає завантаження того, що поза екраном (lazy loading). У каталозі 60 товарів — вантажимо перші, решту по мірі прокрутки.
• Резервує місце під картинку (width/height). Інакше сторінка стрибає під час завантаження, людина промахується по кнопці — і це ще й псує оцінку сторінки в Google.

Ключове: це не вибір між «гарно» і «швидко». Правильно налаштований магазин робить і те, і те, і від власника не вимагається нічого — конвеєр стиснення й форматів працює сам. Якщо вам кажуть «або якісні фото, або швидкість» — це не про фото, це про те, як зроблено сайт. Ширше про це — у матеріалі як пришвидшити сайт.

Однаковий розмір і пропорції — окремо. Якщо фото різних пропорцій, сітка каталогу «стрибає» й виглядає неохайно. Домовтесь про одне співвідношення (наприклад, квадрат) і тримайтесь його.

Фото і SEO

Три речі, які дають реальний ефект:

Alt-текст. Опис картинки для тих, хто її не бачить, — і для пошуковика. Пишеться людською мовою: alt="Чоловічі зимові черевики Timberland коричневі, вид збоку", а не alt="IMG_2847" і не alt="купити черевики Вінниця дешево черевики купити" (це спам, за який можна отримати по шапці). Alt — це ще й доступність: людина, яка користується екранним читачем, чує саме його.

Назва файлу. chorni-cherevyky-shkiryani.jpg краще за DSC_0042.jpg. Копійчана деталь, але вона працює на пошук по картинках — а звідти в магазини йде помітний трафік.

Швидкість. Так, це теж SEO: важкі картинки — це повільна сторінка, а повільна сторінка гірше конвертує.

Структуровані дані. Головне фото товару передається в розмітці Product разом із ціною й наявністю — і саме воно потрапляє в картку товару в результатах пошуку. Про це — у матеріалі про структуровані дані Schema.

Дрібниці, які ламають досвід

• Зум, який не працює на телефоні. Людина хоче роздивитись фактуру, тапає — нічого. Пішла.
• Галерея, у якій не видно, що є ще фото. Якщо мініатюр не видно, половина покупців вважає, що фото одне.
• Ватермарки на пів фото. Захист від крадіжки, який заважає дивитись товар. Ще й у товарних фідах заборонений — Merchant Center відхиляє такі зображення.
• Фото не оновили після зміни партії. Приїхало інше — покупець злий, повернення й негативний відгук.
• Порожній прямокутник замість фото. Товар без картинки в каталозі люди просто не клікають. Краще вже нейтральна заглушка, але найкраще — зняти.

Головне

Фото в онлайні замінює покупцеві руки й очі — це інструмент продажу, а не оформлення. Мінімум 4-6 знімків: загальний план, ракурси, макро деталей, товар у використанні й масштаб; для одягу — фото на моделі з її параметрами, інакше повернення. Телефон із денним світлом і білим тлом цілком достатній — важлива не камера, а однаковість тла, ракурсу й світла по всьому каталогу. Фото постачальника годяться для швидкого старту, але вони є у всіх конкурентів, і з ними ви конкуруєте лише ціною — власні знімки хоча б для топових товарів окупаються. Технічну частину (стиснення, WebP/AVIF, кілька розмірів, lazy loading, резерв місця) має робити сам магазин автоматично: «гарно або швидко» — це хибний вибір. І не забувайте про alt-текст людською мовою та осмислені назви файлів.

Ми в Obliko налаштовуємо конвеєр зображень так, щоб він працював без вашої участі: заливаєте фото як є — магазин сам стискає, робить потрібні формати й розміри й віддає їх швидко навіть на мобільному інтернеті. Напишіть — перевіримо, скільки зараз важать сторінки вашого каталогу і що це коштує вам у заявках.