Ідеальна картка товару в інтернет-магазині: 15+ рекомендацій по створенню продає сторінки

  1. Сторінка товару + ефектне УТП = продаж
  2. Запропонуйте клієнту головну цінність
  3. Знайдіть своє унікальне перевагу
  4. Використовуйте тригери на посадкової сторінці товару
  5. Правильний і унікальний дизайн картки товару
  6. Головне - зліва, додаткове - справа і ідеальне оформлення картки товару - готово!
  7. Правильно вибирайте кольору картки
  8. Створюйте акценти на конверсійних блоках
  9. Створіть зручний функціонал картки товару
  10. Продає контент товарної картки
  11. Барвисті і «смачні» фотографії товару
  12. Додайте відео про товар в картку
  13. Надайте клієнтам право голосу
  14. Пишіть інформативний і цікавий текст для картки товару
  15. Правильна SEO-оптимізація картки товару в інтернет-магазині
  16. Пишіть правильні теги
  17. Впровадіті мікророзміткі картки товару
  18. Використовуйте валідний код
  19. Сторінка товару, якого немає в наявності: видаляти або залишити?
  20. сповіщайте клієнта
  21. пропонуйте альтернативу
  22. Створіть за відгуками друзів блок
  23. виправте мікророзмітки
  24. То яка вона - правильна продає картка товару в інтернет-магазині?

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

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

Сторінка товару + ефектне УТП = продаж

Якщо ви продаєте конкурентний продукт, представлений на ринку в широкому асортименті, то ймовірність його швидкого збуту помітно знижується. Уникнути залежа товару допоможе унікальна торгова пропозиція (УТП). Що ж це таке? Це невелике пропозицію, яке яскраво і зрозуміло висловлює вигоди покупцеві. Прочитавши його, споживач розуміє що йому пропонують, які переваги або цінності (або і переваги, і цінність) отримає він, купивши продукт в вашому інтернет-магазині.

Без унікальної торговельної пропозиції продажу товару приречені на провал. По-перше, у покупця не утворюється емоційний зв'язок з вашим інтернет-магазином. По-друге, якщо УТП не буде, вам доведеться конкурувати за ціною товару, що буває дуже складно і збитково для вас. По-третє, продажі знизяться, тому що не бачачи свої вигоди, клієнт не буде зацікавлений в покупці продукції вашого онлайн-магазину. Щоб скласти відмінне УТП, необхідно базуватися на трьох китах:

  1. Конкретність. Заголовок сторінки товару повинен бути конкретним і недвозначним;
  2. Унікальність. Вигода повинна бути унікальною - тієї, що її пропонують конкуренти;
  3. Ефективність. Пропонуйте головну цінність - таку, повз яку жоден цільової споживач не зможе пройти мимо.

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

Запропонуйте клієнту головну цінність

Конкуренція на ринку України велика, тому дуже важливо запропонувати клієнту перевагу, яке його зацікавить і мотивує до покупки. Це може бути:

  • Швидка доставка;
  • Подарунок при купівлі та / або бонуси;
  • Можливість купити в розстрочку або кредит;
  • Безкоштовні послуги: сервісне обслуговування, доставка, консультація фахівця (наприклад, дієтолога, косметолога, спортивного тренера і т.д.);
  • Гарантія якості від виробника або вашого магазину, яка дозволить повернути або обміняти товар протягом гарантійного терміну.

);   Гарантія якості від виробника або вашого магазину, яка дозволить повернути або обміняти товар протягом гарантійного терміну

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

Знайдіть своє унікальне перевагу

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

Використовуйте тригери на посадкової сторінці товару

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

Оформлення унікальної торговельної пропозиції повинно бути помітним і акцентують на собі увагу. Для цього краще використовувати яскраві кольори і виділяти його окремим блоком.

Для цього краще використовувати яскраві кольори і виділяти його окремим блоком

Правильний і унікальний дизайн картки товару

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

Не знаєте як підібрати колірні поєднання для сайту? Читайте статтю про те, як підібрати кольори для сайту

Головне - зліва, додаткове - справа і ідеальне оформлення картки товару - готово!

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

Правильно вибирайте кольору картки

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

Створюйте акценти на конверсійних блоках

Кожну картку товару можна назвати повноцінним Лендінзі. На ній повинні розташовуватися заклики до дії, необхідно оформити сторінку товару з формою зворотного зв'язку. Головні з них - кнопки «Купити» або «Додати в корзину». Це найефективніші конверсійні інструменти. Можуть бути одночасно розміщені в картці, а можуть і окремо на вибір. Яку саме використовувати залежить від передбачуваного середнього чека. Наприклад, якщо продається дорогий товар, то, найімовірніше, він буде придбаний в одній позиції. Отже, оптимальніше буде розміщення кнопки «Купити».

Якщо середній чек передбачає кілька позицій, то використовуйте заклик «Додати в корзину».

Оформляти їх необхідно відповідно - за допомогою яскравих кольорів, що привертають увагу. Конверсійні блоки повинні бути помітні, відрізнятися від фону і кольору шрифту, бути великого розміру. Але не перестарайтеся, колір блоків повинен поєднуватися із загальним дизайном.

Створіть зручний функціонал картки товару

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

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

Користувач зможе клікнути на кнопку в той момент, коли він зважиться на покупку без скролінгу сторінки вгору

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

Продає контент товарної картки

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

Барвисті і «смачні» фотографії товару

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

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

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

За допомогою фотографій можна створити ще один довірчий елемент для споживача. Використовуйте унікальні фото - ті, які не розміщені на сайтах конкурентів і не взяті з Інтернету. Для цього скористайтеся послугами фотографа, розмістивши на тлі фотографії логотип свого інтернет-магазину.

Додайте відео про товар в картку

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

Надайте клієнтам право голосу

Ще один не менш ефективний інструмент в якості блоку довіри - відгуки. Якщо споживачеві складно прийняти рішення купити товар чи ні, він, безумовно, звернеться до відгуків клієнтів. Це дуже важливий елемент картки товару, так як дуже часто рішення купити товар у користувача приймається, виходячи з прочитаних відгуків про нього.

Також за допомогою блоку відгуків можна просувати картку за допомогою SEO та підтримувати якісну зворотний зв'язок зі своїми клієнтами, зміцнюючи довіру до себе і демонструючи своє ставлення до них. Чудовим прикладом для вас може стати будь-яка картка товару Яндекс.Маркет - вона завжди містить кілька відео і сотні відгуків від клієнтів, що дуже добре працює на довіру потенційного покупця до товару.

Маркет - вона завжди містить кілька відео і сотні відгуків від клієнтів, що дуже добре працює на довіру потенційного покупця до товару

Пишіть інформативний і цікавий текст для картки товару

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

Отже, хороший опис продукту повинно включати в себе:

  • Назва продукції та інформація кому вона підходить;
  • Опис проблеми споживача і її рішення за допомогою товару;
  • Максимально точні характеристики товару без помилок (наявність помилкових характеристик товару може привести до великого відсотку його повернення), його переваги;
  • Вигоди і користь, які отримає людина, купивши річ.

Назва продукції та інформація кому вона підходить;   Опис проблеми споживача і її рішення за допомогою товару;   Максимально точні характеристики товару без помилок (наявність помилкових характеристик товару може привести до великого відсотку його повернення), його переваги;   Вигоди і користь, які отримає людина, купивши річ

Залежно від спеціалізації товару опис може доповнюватися покроковим керівництвом до застосування, описом функцій, особливостей, відмінною риси вашого товару від конкурентів і іншу інформацію, яка дозволить споживачеві зробити покупку тут і зараз. Обов'язково включайте в текст заклики до дії і говорите з відвідувачем на мові його вигод.

Не знаєте як змусити текст на картці товару продавати? Читайте наші 10+ рекомендацій про те, як написати текст .

Правильна SEO-оптимізація картки товару в інтернет-магазині

Кожен власник інтернет-магазину бажає, щоб його сайт потрапив в ТОП-10 пошукової видачі. Але досягти цього не так і просто, як може здатися на перший погляд. Місць всього десять, конкуренти - не дрімають. Тому, щоб отримати максимальні шанси виведення свого онлайн-магазину в ТОП, необхідна правильна СЕО-оптимізація комерційних чинників, юзабіліті і карток товару. Як це зробити?

Пишіть правильні теги

  • Тайтли. Title для картки товару повинен включати в себе основний запит з уточненням, наприклад, кольору, марки, розміру, УТП або заклик до дії. Рекомендований розмір заголовка - до 75 символів;
  • H1. Перший заголовок повинен містити повну назву товару, бути коротким і лаконічним;
  • Alt. Атрибут для тега img описує картинку в картці товару і допомагає їй ранжуватися в пошуковій системі. Він також повинен містити в собі ключові слова;
  • Мета тег description картки товару. З точки зору СЕО дескріпшн принципової ролі не грає, але вказівка ​​в ньому унікальної торговельної пропозиції або заклику до дії може посприяти збільшенню кліків на посилання у видачі.

З точки зору СЕО дескріпшн принципової ролі не грає, але вказівка ​​в ньому унікальної торговельної пропозиції або заклику до дії може посприяти збільшенню кліків на посилання у видачі

Довірте своєму програмісту роботу по автоматичної підстановці ключових слів або LSI слів до основного ключовому запиту, використовуючи і російську, і англійську мову (наприклад, вказівка ​​моделі і бренду товару на двох мовах). Автоматична підстановка дозволить генерувати тематичні підзаголовки до відповідних блокам. В якості додаткових слів можуть використовуватися слова: «ціна», «опис», «технічні характеристики», «відгуки», «відео» і ін. Наприклад, створюється картка товару для мобільного телефону Samsung Galaxy J7 J700 / DS Black. Автоматична підстановка ключових слів в заголовки картки товару може мати такі шаблони:

  • Технічні характеристики + «Назва товару» (Технічні характеристики Samsung Galaxy J7 J700 / DS Black),
  • Відгуки про «Назва товару» (відгуки про Samsung Galaxy J7 J700 / DS Black),
  • і т.п

п

Для спрощення роботи СЕО-оптимізатора довірте програмісту роботу з автоматичного впровадження шаблонних тайтлів і дескріпшнов в кожну сторінку картки.

Впровадіті мікророзміткі картки товару

Завдяк мікророзміткі пошуковий робот швідше зчітує и правільніше розпізнає картку з інформацією про товар. Мікророзмітки картки товару дуже важлива для пошукової системи Google, так як відображається в сніпеті пошукача і робить його більш клікабельним. Тому при просуванні інтернет-магазину в цій системі, подбайте про те, щоб розмітка з інформацією наявності і цін була присутня.

Використовуйте валідний код

Під час верстки картки на мові розмітки HTML5 із застосуванням CSS використовуйте валідний код і стежте, щоб синтаксичних помилок було якомога менше. Важливість цього параметра з точки зору просування - предмет активних суперечок в SEO-середовищі, але все ж краще, якщо на вашому сайті помилок в коді буде поменше.

Сторінка товару, якого немає в наявності: видаляти або залишити?

Рано чи пізно товар на складі закінчується. Зупиняється виробництво певної моделі продукції, з'являються проблеми з логістикою, ви розумієте, що вам не вигідно продавати цей товар і т.д. Що робити в такій ситуации? Рекомендуємо скористатися наступними рекомендаціями.

сповіщайте клієнта

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

пропонуйте альтернативу

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

Створіть за відгуками друзів блок

Хочете утримати клієнта? Додайте в картці за відгуками друзів блок. Наприклад, кнопку «повідомити про наявність» або «передзвонити, коли з'явиться». Таким чином, ви отримаєте потенційного замовника, якого зможете конвертувати в клієнта в момент появи товару на складі або за допомогою холодного дзвінка з пропозицією підбору альтернативи.

виправте мікророзмітки

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

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

То яка вона - правильна продає картка товару в інтернет-магазині?

Підіб'ємо підсумки про створення ідеальної продає картки товару. Вона повинна:

  • Бути розроблена в UX-дизайні;
  • Утримувати повний обсяг цінної інформації, яскраві фотографії, опис, ціну, інформацію про наявність;
  • Мати УТП, заголовки, підзаголовки, лідогенерірующіе кнопки і заклики до дії;
  • Правильно оптимізована;
  • Бути функціональною і зручною в користуванні.

Вам надається перелік рекомендацій, які допомагають створити ефективну посадкову сторінку для товару, але тільки ретельне А / Б-тестування допоможе вам судити про результати. Присвятіть час тестування, проаналізуйте поведінкові фактори і дії відвідувача на сторінці. Тільки в цьому випадку ви зможете знайти оптимальну структуру сторінки, розмістивши всі блоки в послідовності, яка найбільш зручна для ваших клієнтів.

хочете інтернет-магазин під ключ ?

Сподобалось стаття? Ставте лайки и підпісуйтесь на наш блог.

Що ж це таке?
Не знаєте як підібрати колірні поєднання для сайту?
Не знаєте як змусити текст на картці товару продавати?
Як це зробити?
Сторінка товару, якого немає в наявності: видаляти або залишити?
Що робити в такій ситуации?
То яка вона - правильна продає картка товару в інтернет-магазині?
Сподобалось стаття?