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

Трафік на вітрину йде, а в кошик додають одиниці. Найчастіше причина не в рекламі, а в самій сторінці: бракує фото, зрозумілих умов або довіри. Добра картка товару відповідає покупцеві за десять секунд, і нижче розібрано дев’ять елементів, за якими це перевіряють, із ознакою проблеми в аналітиці для кожного. Скористайтеся ними як чек-листом картки товару, перш ніж переробляти каталог.

Картка товару: що покупець вирішує за перші секунди

Відвідувач ставить одне запитання: це те, що мені потрібне, і чи можна довіряти магазину? Кожен елемент сторінки або відповідає на нього, або додає сумніву. Рекомендації Nielsen Norman Group щодо карток товару в інтернет-магазині виходять із того, що покупці ухвалюють рішення саме за ними, а без відповіді людина йде до конкурента.

Почніть із тесту на десять секунд. Покажіть сторінку колезі й запитайте, що це, скільки коштує загалом, коли привезуть і що буде, якщо не підійде. Усе, на що він не відповів, виправляйте першим.

Фото, відео й масштаб: як прибрати сумніви

Створення картки товару починається з фото: вони замінюють дотик, і покупець оцінює за ними якість, розмір і колір ще до читання тексту, тому знімки мають бути чіткими навіть на маленькому екрані. Покажіть товар з різних боків, у використанні й поруч зі звичним предметом для масштабу. Стискайте зображення, щоб не гальмувати сторінку, і пишіть зрозумілий alt-текст. Коротке відео допомагає там, де важливі розмір або рух.

Заголовок, опис і характеристики мовою покупця

Оформлення картки товару починається з назви. Називайте товар так, як його вводять у пошуку: бренд, тип, одна головна властивість. Відповіді на часті запитання ставте на початок опису, а характеристики зберіть у таблицю, яку легко проглянути, бо покупець порівнює кілька варіантів і не хоче шукати розмір чи матеріал у суцільному тексті. Внутрішні коди постачальника відштовхують. Якщо шаблон не дає це змінити, розробка інтернет-магазинів під вашу платформу перебудує макет, а каталог залишиться недоторканим.

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

Ціна, податки, доставка й повернення без зайвих кліків

Для покупців у ЄС Директива про права споживачів вимагає до купівлі показати повну ціну з податками, вартість доставки й 14-денне право відмови. В Україні умови повернення за дистанційної купівлі регулює Закон «Про захист прав споживачів», але запитання покупця ті самі. Правильна картка показує поруч із кнопкою купівлі:

• повну ціну з усіма податками або чітку примітку для бізнесу;
• вартість і строки доставки;
• строк повернення й те, хто платить за зворотну відправку;
• наявність і способи оплати.

Відгуки, рейтинги й довіра: як показувати чесно

Показуйте середній рейтинг і кількість відгуків і не ховайте критичні, бо сторінка, де самі п’ятірки, виглядає відредагованою, а читач відгуків давно відрізняє живу оцінку від замовленої. Відповідайте на скарги публічно. Знаки довіри ставте на картці товару біля кнопки купівлі: значки безпечної оплати, адресу, контакти. Якщо картка зібрана недбало, ціна й умови товару викликають запитання ще до кошика. Покупець порівнює: якщо ціна товару ясна, а картка плутана, він іде до сусідньої пропозиції. Не вигадуйте відгуків: у ЄС фальшиві відгуки заборонені.

Кнопка купівлі, наявність і мобільна картка товару

Залиште одну головну кнопку з високим контрастом і підписом, що називає дію, а контраст і альт-текст звіряйте з вимогами до доступності сайту. Наявність покажіть поруч. Коли людина відкриває картку товару на телефоні, у неї одна рука й мало терпіння, тож кнопка має діставатися великим пальцем, а спливні вікна її не закривають. Мобільна версія не повинна бути урізаною копією. Доступність теж важлива, якщо ви продаєте в ЄС: Європейський акт про доступність охоплює електронну комерцію з 28 червня 2025 року. Почніть із контрасту, фокуса клавіатури й підписів до полів. Зрозуміла кнопка не врятує зламану оплату, тому прочитайте й про покинутий кошик і помилки оформлення замовлення.

Видимість у пошуку: адреса, мікророзмітка й alt-текст

Картку товару мають ще й знаходити. Робіть коротку читабельну адресу, заголовок, що збігається з пошуковим запитом, і хлібні крихти, які показують місце товару в каталозі. Додайте мікророзмітку Product з назвою, зображенням, ціною й наявністю, плюс рейтинг, щоб пошуковики показували ціну й залишок у видачі. Пишіть alt-текст, що описує картинку, і зберігайте теги Open Graph, щоб посилання під час публікації показувало потрібне фото й ціну.

Варіанти, супутні товари й товари не в наявності

Перед купівлею люди порівнюють. Кольори й розміри покажіть зрозумілими перемикачами, а ціну й залишок оновлюйте в міру вибору, а під час розпродажу показуйте стару й акційну ціну однаково всюди, як нагадує підготовка інтернет-магазину до чорної п’ятниці. Супутні товари й аналоги розмістіть нижче на сторінці, щоб сумнівний покупець лишився у вашому магазині. Якщо товари відрізняються кількома зрозумілими характеристиками, допоможе коротка таблиця порівняння, що радить і NN/g.

Не видаляйте сторінки розпроданих товарів. Залиште їх, позначте як недоступні, додайте форму «повідомити про надходження» і посилання на аналоги: так сторінка збереже цінність у пошуку, а в відвідувача лишиться шлях далі.

Запитання, відповіді й контент користувачів

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

Оптимізація картки товару: перевірка за аналітикою й порядок правок

Якщо в каталозі сотні карток товару, аудит картки товару почніть із десяти найвідвідуваніших сторінок: порівняйте перегляди, частку додавань у кошик і частку виходів. Низька частка за високих виходів означає, що на сторінці бракує відповіді. Працюючи з карткою товару, вважайте перевірку регулярною, а не разовою. Хороша картка товару складається з десятка невеликих правок, а не з повної переробки каталогу, а її дані тепер читає й Google Universal Cart. Аналітика покаже, де порожніє кошик.

Дев’ять елементів для перевірки

Використовуйте таблицю як чек-лист картки товару.

Елемент	Запитання покупця	Ознака проблеми
1. Головне фото	Що це?	Вихід у перші секунди
2. Галерея, відео	Який розмір, який вигляд?	Мало кліків по галереї
3. Заголовок	Це мій товар?	Мало кліків із каталогу
4. Опис	Чи підходить мені?	Багато запитань у чаті
5. Характеристики	Точний розмір, матеріал?	Повернення «не відповідає опису»
6. Ціна з податками	Скільки платити всього?	Відмова, коли з’являються доплати
7. Доставка, повернення	Коли й чи можна повернути?	Перехід на сторінку доставки й вихід
8. Відгуки	Чи довіряють інші?	Слабкі продажі новинок
9. Кнопка купівлі	Куди натиснути?	Мало натискань на телефоні

Порядок правок

1. Ціна, податки, доставка й умови повернення.
2. Перше фото й галерея.
3. Заголовок і перші рядки опису.
4. Відгуки й блок довіри.
5. Мобільна кнопка та швидкість сторінки.

Заголовки й мікророзмітка впливають і на пошук, тож залучіть SEO-фахівців: оформлення карток, що ігнорує пошук, втрачає трафік.