Картка товару — це сторінка з детальним описом позиції та функціональними елементами для здійснення замовлення. Якщо таку сторінку правильно заповнити, вона перетворюється на повноцінний лендинг, який допомагає продавати. Це важливий елемент у воронці продажів. Якщо ж картку товару не доопрацювати або неправильно структурувати, високих конверсій можна не чекати.
Ідеальна картка товару виконує такі функції:
- привертає увагу клієнта до товару;
- викликає бажання мати цей товар;
- дає відповіді на запитання про товар;
- знімає заперечення;
- спонукає до покупки.
Розглянемо основні правила створення карток товарів, які допоможуть вашим клієнтам легко та швидко зважитися на покупку.
Формування правильної структури сторінки
Золотого стандарту розташування елементів картки товару немає. Кожен магазин самостійно вирішує, яку інформацію підсвічувати. Але є звичні покупцям патерни: зверху — назва товару, ліворуч — фото, праворуч — найважливіша інформація, ціна та кнопка «Купити». Розміщуючи будь-яку інформацію на сторінці, пам’ятайте: користувач читає зліва направо.
Як правило, поруч з фотографією товару вказують його детальні характеристики. Уникайте надто спрощеного опису з мінімумом деталей та розмірів. Що менше запитань виникне в користувача, то вища ймовірність покупки.
Не забудьте додати блок із відгуками. За даними компанії Podium 93 % користувачів орієнтуються на відгуки, приймаючи рішення про покупку. Найліпше, якщо в блоці з відгуками буде можливість додати фото та відео — такі коментарі про товар викликають більше довіри. Стимулюйте покупців залишати відгуки, не пишіть їх самі. І завжди відповідайте на негативні коментарі.
Рекомендовані товари та аксесуари — це необхідний із погляду маркетингу блок, який забезпечить вам крос-продажі, збільшення середнього чеку й конверсії. Часто налаштований на покупку клієнт легко додає ще кілька товарів до кошика, якщо список рекомендацій сформований вдало. Продаєте одяг? Запропонуйте товари, які доповнять образ. Спеціалізуєтеся на побутовій техніці? Додайте в рекомендації витратні матеріали та засоби догляду.
Завжди відображайте на сторінці переглянуті товари та додайте блок «З цим товаром купують». Ці блоки підвищують конверсію та утримують користувачів на вашому сайті.
Дизайн та зручність картки товару
Потрапивши на сторінку товару, будь-який користувач повинен на ній легко орієнтуватися. Унікальний та привабливий дизайн затримає потенційного клієнта на сайті, що позитивно позначиться на ранжируванні сайту в пошуковій системі.
Найголовніші елементи — назва товару, фото, ціна та кнопка «Купити». Вони мають бути найпомітнішими на сторінці.
Кольори. Якщо ваш магазин не має фірмового стилю, скористайтеся спеціальними сервісами для підбору кольорів онлайн. Пам’ятайте, що надто яскраві відтінки можуть викликати дискомфорт у користувача та відволікати його від самого товару.
Шрифт. Насамперед текст на сайті повинен легко читатися. Перевірте, чи немає на сторінці світлого тексту на світлому фоні або курсиву, який складно сприймається. Також не забудьте про доступність контенту для людей зі слабким зором.
Кнопки. Додайте зрозумілий заклик до дії на кожну кнопку на сторінці товару. Кнопка «Купити» — це легкий спосіб додати товар у кошик, вона буде найпомітнішою на сторінці. Зробіть кнопку «Швидке замовлення» для тих, хто не хоче витрачати час на реєстрацію та формування замовлення. Потенційному покупцю сподобався товар, але він не готовий поки що зробити замовлення? Дайте йому можливість додати товар до списку обраних. Якщо позиції немає, замініть заклик «Купити» на кнопці текстом «Забронювати» або «Повідомити про наявність».
Опис товару
Основний текст про товар має бути лаконічним та інформативним. Намагайтеся максимально стисло, проте чітко описати користь від нього та найважливіші характеристики. Про інші елементи, які допомагають зробити картку товару, поговоримо нижче.
Назва. Це один із найбільших елементів на сторінці. Додайте до нього назву товару, бренд та модель.
Ціна. Виділяйте вартість товару великим жирним шрифтом. Це перше, на що дивиться користувач, потрапляючи на сторінку товару. За даними сервісу Hubspot, для 80 % покупців саме ціна стає вирішальним фактором, коли вони вирішують зробити покупку. Якщо на товар діє акція, вкажіть регулярну вартість, але зробіть її менш помітною, щоби не плутати покупця.
Якщо товар пропонується в різних розмірах або об’ємах, позначте ціну для кожної позиції в одній картці — не змушуйте користувача ходити для цього різними сторінками.
Фото. Кожен товар повинен мати кілька якісних фото з різних ракурсів. Відсутність фото сприймається користувачем як відсутність товару складі. Продаєте одяг? Додайте кілька фото на моделі та без неї. Обов’язково проілюструйте вибір кольору та покажіть товар у кожному з відтінків.
Додаючи фото товару, переконайтеся, що вони
- відповідають реальності;
- не містять зайвих елементів та водяних знаків;
- достатньо великого розміру та високої якості.
Перше фото має бути найбільш репрезентативним, а товар на зображеннях повинен розміщуватися в центрі.
Як посилити враження від товару і зробити фото більш інформативними:
- Дати можливість користувачеві наблизити зображення й розглянути кожну деталь
- Додати на фото пояснення про особливості товару (розміри, характеристики тощо)
- Завантажити фото крупним планом
- Показати товар у контексті — меблі в інтер’єрі, одяг у цілісному образі
- Якщо фото вертикальні, об’єднати їх у колаж по два зображення
- Додати огляд на 360 градусів
Характеристики товару. Вкажіть найважливіше поряд із фото — колір, матеріал, переваги або деталі, які можуть привабити користувача. Наприклад, для гірськолижної куртки можна одразу вказати ступінь захисту від вологи та від вітру, а для ювелірного виробу — вид металу та вагу.
Інші характеристики винесіть в окремий блок, згрупувавши їх за загальними критеріями для зручності покупця.
Доставка. Відобразіть наявність товару та вкажіть у картці всі способи доставки, її орієнтовну вартість і точну дату, коли користувач зможе отримати товар. Це зручно для клієнта — він може одразу визначити, чи підходять терміни доставки та її ціна, а також запланувати отримання товару у вказаний день. Додайте до цього блоку умови повернення, написані зрозумілою мовою.
Тригери. На ідеальній картці товарів обов’язково є тригери. Це спеціальні пропозиції, які спонукають користувача терміново купити товар — обмежені в часі акції, кешбек, безвідсоткова розстрочка чи безкоштовна доставка. Використовуйте ці елементи дозовано, а інформацію про них розміщуйте поруч із ціною товару. Буде ідеально, якщо ви зможете проводити тестування та визначати з їхньою допомогою, який саме тригер працює для вашої аудиторії.
Додаткова інформація. Додайте блоки, які допоможуть покупцеві з вибором або стимулюватимуть придбати товар саме у вас. Наприклад, для одягу буде корисний функціонал із вибору розміру за особистими параметрами. Якщо ви продаєте техніку, додайте інструкцію з експлуатації, яка допоможе розібратися з товаром.
SEO-оптимізація сторінки
Щоби ваша товарна сторінка позитивно сприймалася пошуковою системою, потрапляла у видачу і приводила потенційних клієнтів на сайт, потрібно правильно налаштувати SEO. Розберемося, що включає в себе оптимізація картки товару.
Мікророзмітка за HTML. Вона допомагає товару правильно й гарно відображатися в пошуковій системі. Користувач відразу бачить у видачі основну інформацію про товар — назву, ціну, наявність, рейтинг, відгуки. Для розмітки товарних карток використовують інструмент schema.org. Перевірити розмітку можна за допомогою сервісу Google.
Зрозумілі URL-адреси. Сформуйте посилання для сторінок так, щоби можна було легко зрозуміти вміст сторінки. Так покупцю зручніше буде користуватися сайтом. Якщо додати до URL ключові слова, на сторінці з’явиться більше шансів потрапити у видачу за певними запитами користувачів. Приклад зрозумілого посилання: /catalog/smartfon/iphone/smartfon-apple-13-pro-max-256gb-black/.
Метатеги. Пропишіть Title та Description, заголовки Н1-Н6, додавши до них ключові слова.
Title — це назва сторінки, яка відображається у видачі пошукової системи та на вкладці браузера. Її потрібно зробити унікальною. Для цього можна додати назву моделі в заголовок.
Description — це опис сторінки до 250 символів. Цей текст може потрапляти у видачу, тому краще зробити його читабельним. Хороший Description включає назву товару та бренду, модель, інформацію про доставку, деякі характеристики та заклик до дії. приклад: Купуйте Apple iPhone 13 Pro Max 256Gb за ціною 53 000 грн. Безкоштовна доставка по Києву. Кредит під 0 %. Гарантія 2 роки. Бронюйте Apple iPhone 13 Pro Max 256Gb в один клік на сайті.
Н1 — це основний заголовок сайту, усі Н2-Н6 — підзаголовки. У них варто вказувати назву моделі товару.
Атрибути Alt і Title для картинок. Alt — це опис зображення, який бачить користувач, якщо картинка не завантажилася. Title же утворюється, коли користувач наводить курсор на картинку. За коректного налаштування обидва атрибути дозволяють збільшити трафік на сайт. Робіть їх лаконічними та зрозумілими, не забуваючи додати ключові слова.
Хлібні крихти. Це ланцюжок сторінок, який показує шлях користувача до товарної картки. Він підвищує юзабіліті сайту та позитивно впливає на позицію сайту у видачі завдяки перелінковці. Розташуйте хлібні крихти вгорі всіх сторінок, крім головної.
Короткий унікальний опис товару. Намагайтеся не копіювати інформацію про товар із сайту виробника, а скласти власний короткий опис. Використовуйте ключові слова, але не забувайте про користувача. Нехай написаний текст відповість на питання, які його найбільше хвилюють, і розкриє повну інформацію про продукт.
Швидкість відкривання картки. Чим вона вища, тим більше трафіку та потенційних покупців прийде на сайт. Перевірити цей показник можна за допомогою сервісу Google Page Speed.
Елементи оформлення, що підвищують конверсію
Існують лайфхаки, які допомагають додатково стимулювати клієнта придбати товар. Ось найпоширеніші з них:
- Позначки «Бестселер», «Хіт продажів»: спрощують вибір і привертають увагу до товару.
- Акція з обмеженим терміном дії: елемент терміновості з таймером зворотного відліку або датою закінчення спеціальної пропозиції спонукають купити товар негайно.
- Знижка: яскрава помітна іконка дисконту служить додатковим тригером для покупки.
- Рейтинг та відгуки: соціальні докази популярності товару, які стимулюють клієнта теж його отримати.
- Позначки «Закінчується» або «Залишилося мало на складі»: дефіцит товару вмикає страх не встигнути зробити покупку та стимулює поквапитися.
Висновок
Оформлюючи картку товару, завжди слідуйте простому правилу: сторінка має бути привабливою, зручною та інформативною для користувача. Що легше зробити покупку на вашому сайті, то вища ймовірність, що це станеться.
Впроваджуючи нові елементи, завжди намагайтеся провести тестування та дотримуйтесь послідовності й системності в заповненні карток. Саме так створюються продуктові сторінки з високою конверсією.
