Більшість покупців потрапляють в інтернет-магазин не через головну сторінку, а одразу на картку товару: з пошуку Google, з реклами чи за посиланням від знайомого. Вони не бачили ваших банерів, розділу «Про нас» і переваг магазину. Усе, на основі чого людина вирішує, купувати чи ні, має бути на одній сторінці.
Тому картка товару це головна продавальна сторінка магазину, а не технічний шаблон із фото і ціною. Нижче розбираємо, з чого вона складається, які помилки ми найчастіше бачимо під час аудитів інтернет-магазинів і що в картці впливає на позиції в Google.
Перший екран: назва, ціна і кнопка
На смартфоні перший екран вміщує зовсім небагато, а саме зі смартфонів робиться більшість покупок. За ці кілька секунд відвідувач має зрозуміти, що це за товар, скільки він коштує, чи є в наявності і як його купити. Якщо для відповіді треба гортати, частина людей повертається в пошук.
Назва
Хороша назва відповідає на питання «що це» без кліку на опис: тип товару, бренд, модель і ключова характеристика. «Чайник електричний 1,7 л, нержавіюча сталь, чорний» працює краще, ніж просто «Чайник ЧК-17». До того ж саме так товари шукають у Google, тож назва одночасно допомагає і покупцю, і пошуку.
Ціна і наявність
Ціна має бути великою і помітною, а при знижці стара ціна закреслюється поруч. Наявність показуйте чесно: «є в наявності», «під замовлення, 3–5 днів» або «немає в наявності». Покупець, який оформив замовлення і дізнався від менеджера, що товару немає, рідко повертається вдруге.
Кнопка «Купити»
Головна кнопка одна, контрастна і не губиться серед іконок. Додаткові дії на кшталт «Купити в один клік», «Купити частинами» чи «Додати в обране» мають бути помітно скромнішими. На мобільних добре працює закріплена кнопка, яка залишається внизу екрана, поки людина гортає фото й характеристики.
Фото і відео товару

В інтернеті покупець не може взяти товар у руки, тому фото замінюють йому вітрину. Ось що варто показати:
- Кілька ракурсів. Спереду, збоку, ззаду, зверху. Для більшості товарів достатньо 5–8 фото.
- Деталі. Фактура тканини, шви, роз’єми, маркування, комплектація.
- Товар у використанні. Одяг на людині, меблі в інтер’єрі, техніка в руці: так легше оцінити розмір і вигляд.
- Кожен колір окремо. Якщо товар має варіанти, у кожного мають бути власні фото, а не одна картинка з підписом «є інші кольори».
- Збільшення. Фото відкривається на весь екран і масштабується.
Усі фото в каталозі краще знімати в одному стилі: однаковий фон, світло і пропорції. Це виглядає акуратно і викликає більше довіри. Щоб сторінка не завантажувалась повільно, фото стискаються і віддаються у форматі WebP, а для кожного прописується alt з назвою товару. Якщо є коротке відео з оглядом чи розпакуванням, додайте його в галерею: воно часто відповідає на питання краще за текст.
Опис і характеристики: не змішуйте їх
Найпоширеніша помилка, яку ми бачимо, це один суцільний текст, у якому перемішані розміри, склад, переваги і рекламні фрази. Покупцю доводиться вичитувати потрібну цифру, а фільтри каталогу не можуть цими даними скористатися.
Характеристики
Характеристики оформлюються таблицею: параметр і значення. У товарів однієї категорії набір параметрів має бути однаковим, з однаковими одиницями виміру. Тоді їх легко порівнювати, а фільтри в каталозі працюють коректно: людина, яка відфільтрувала «об’єм 1,7 л», бачить усі потрібні чайники, а не половину.
Опис
Опис розповідає те, чого немає в таблиці: для кого цей товар, як ним користуватися, чим він відрізняється від схожих і чому варто обрати саме його. Пишіть короткими абзацами, з підзаголовками чи списком переваг.
Описи, скопійовані з сайту постачальника, є одночасно в десятках магазинів. Google показує в пошуку одну-дві такі сторінки, і зазвичай не вашу. Якщо товарів тисячі, унікальні описи пишуть спершу для найпопулярніших позицій і категорій, а для решти використовують продумані шаблони. Тексти для карток можна замовити як копірайтинг.
Доставка, оплата і повернення

Питання «скільки коштує доставка і коли я отримаю товар» виникає в покупця ще до кошика. Якщо відповідь захована на окремій сторінці, він або телефонує, або йде до конкурента, у якого все написано поруч із ціною. Тому в картці коротко вказуються:
- способи доставки і орієнтовний строк, наприклад «Нова пошта, 1–2 дні»;
- умови безкоштовної доставки, якщо вони є;
- способи оплати: картка онлайн, оплата при отриманні, частинами;
- умови повернення й обміну та гарантія на товар.
Тут же корисні контакти: кнопка месенджера чи номер телефону для тих, хто хоче уточнити деталі перед покупкою.
Відгуки, питання і рейтинг
Відгуки інших покупців знімають сумніви краще за будь-який опис. Середній рейтинг і кількість відгуків показуйте біля назви товару, а самі відгуки нижче на сторінці. Не видаляйте негативні: магазин, де всі відгуки ідеальні, викликає менше довіри, а спокійна відповідь на скаргу показує, що вам не байдуже.
Відгуки самі не з’являються. Попросіть покупця оцінити товар через кілька днів після доставки, листом чи повідомленням у месенджері. Добре доповнює відгуки блок «Питання про товар»: відповіді в ньому бачать усі наступні відвідувачі.
Що допомагає продати більше
- Варіанти в одній картці. Колір, розмір чи об’єм обираються перемикачем, і ціна та фото змінюються одразу, без переходу на іншу сторінку.
- Таблиця розмірів. Для одягу і взуття вона зменшує кількість повернень.
- Супутні товари. Блок «Разом купують» з чохлом до телефона чи фільтрами до чайника.
- Схожі товари. Якщо цей не підійшов, людина знаходить альтернативу, а не закриває вкладку.
- «Повідомити про надходження». Для товарів, яких тимчасово немає, ви збираєте контакти зацікавлених покупців.
Детальніше про корисні функції магазину ми писали в статті про функціонал сучасного інтернет-магазину.
SEO картки товару
Картки товарів приносять значну частину пошукового трафіку магазину, бо люди часто шукають конкретну модель. Щоб Google їх показував, потрібно кілька речей:
- Унікальні title і description. Для великих каталогів їх формують за шаблоном із назви, категорії та ключових характеристик, а для популярних товарів дописують вручну. Чому title такий важливий, ми пояснили в статті про тег Title.
- Зрозуміла адреса сторінки латиницею, з назвою товару, без зайвих параметрів.
- Хлібні крихти, які показують шлях до категорії і передають їй вагу.
- Мікророзмітка Product. Вона повідомляє Google назву, ціну, наявність і рейтинг товару, і ці дані можуть з’явитися прямо в результатах пошуку. Сюди ж Google рекомендує додавати умови доставки та повернення.
- Один товар, одна сторінка. Якщо варіанти кольорів чи розмірів мають окремі адреси, між ними треба правильно налаштувати canonical, інакше сторінки конкуруватимуть одна з одною.
Окремо про товари, яких немає в наявності. Видаляти таку картку не варто: сторінка вже може бути в пошуку і мати відгуки. Краще залишити її з позначкою «немає в наявності», кнопкою «Повідомити про надходження» і схожими товарами. Якщо ж товар знято з продажу назавжди, сторінку переадресовують на найближчий аналог чи категорію. Для магазинів на OpenCart ці налаштування ми детально розбираємо на сторінці SEO для OpenCart. А щоб товари з’являлися ще й у блоці з цінами над результатами пошуку, підключіть Google Merchant Center.
Чек-лист картки товару
Відкрийте будь-яку картку свого магазину на смартфоні і пройдіться по списку:
- З назви зрозуміло, що це за товар, без читання опису.
- Ціна, наявність і кнопка «Купити» видно на першому екрані.
- Є щонайменше 5 якісних фото в одному стилі, з можливістю збільшення.
- Характеристики винесено в таблицю, а опис відповідає на питання покупця.
- Доставка, оплата і повернення вказані прямо в картці.
- Є відгуки і рейтинг, а негативні відгуки мають відповіді.
- Варіанти товару обираються в одній картці.
- Сторінка має унікальні title і description та мікророзмітку Product.
- Сторінка швидко відкривається на мобільному інтернеті.
Якщо кілька пунктів не виконуються, саме тут ваш магазин втрачає покупців. Інші типові причини ми зібрали в статті «Чому інтернет-магазин не продає».
Підсумок
Картка товару закладається ще на етапі розробки магазину, і переробляти шаблон потім завжди дорожче. Якщо ви плануєте новий магазин, ми продумаємо картки під ваш асортимент у межах розробки інтернет-магазину. Якщо магазин уже працює, але картки не продають і не з’являються в пошуку, почніть з SEO-аудиту або підключіть просування інтернет-магазину.