Сотни статей на тему, столько же часов по самообучению в формате видео, но до сих пор половина предпринимателей и владельцев интернет-магазинов делают банальные, а иногда критические ошибки при создании карточек товаров.
Уделите 10 минут времени на этот материал. После прочитанного вы с вероятностью 99% сможете создать и оформить на уровне профессионального фрилансера самый важный в онлайн-коммерции элемент - карточку товара интернет-магазина.
Здесь собраны только важные рекомендации, нет «вероятно» и «может быть», а только реальные данные аналитики и опыт экспертов из области интернет-маркетинга. Итак… начинаем!
Карточка товара «для чайников»
Карточка товара - это онлайн-продавец, обязанности которого не только эффектно показать товар со всеми его преимуществами, но и довести посетителя интернет-магазина до совершения целевого действия - добавление товара в корзину и покупка.
Процент конверсии (об этом мы говорили здесь) определяет не только уровень дохода и качество продаж, но и позиции сайта в поисковой выдаче. Процент конверсии зависит от того, насколько убедительно будет ваше коммерческое. предложение. Отсюда напрашивается вывод, что чем лучше сделаете карточку товара, тем успешнее будет развиваться торговля.
Каждый второй владелец интернет-магазина считает, что продажи зависят только от общих позиции сайта в поисковых системах (читайте как выйти в ТОП по запросам) и от цены на товары, так как ценовую конкуренцию ещё никто не отменял. Это значит, что высокие позиции обещают клики, а это трафик и потенциальные покупатели, для которых уже заготовлено аппетитное коммерческое предложение по приятной стоимости.
Да, это важные детали, но карточка товара это не только картинка и низкая цена. К тому же, мы уже описывали 10 факторов, которые влияют на решение покупателей, поэтому глупо полагать, что лишь постоянный трафик и агрессивный демпинг обеспечат постоянную и стабильную прибыль.
Сейчас вы убедитесь в том, насколько важно содержание на странице карты товара.
Из чего состоит карточка товара
Выделим 3 главных составляющих карточки товара в интернет-магазине:
- SEO. Оптимизация, как главный компонент любого сайта и всего того, что существует в интернете, должна проводиться и над карточкой товара. Сюда входит создание сео-оптимизированных метатегов, заголовков H1-H5, а также описания товаров с ключевыми словами.
- Коммерческие элементы. Сюда входит всё то, что имеет отношение к продаже, а именно цена, КП (коммерческое предложение и как его создать), наличие скидок, акций, условия по оплате и доставке товара. Всё это делает карточку товара желаемой или посетитель просто уходит к конкуренту.
- Юзабилити. Термину usability и что это мы посвятили несколько статей. Современный юзер стал весьма требовательным и не потерпит промашек в создании пользовательских функций - уйдёт и больше не вернётся. На странице товара всё должно быть понятно, красиво и быстро доступно.
А теперь перейдёт к деталям.
Делим страницу карточки товара на блоки
Особенность коммерческих страниц заключается в том, что все они должны иметь чёткое зонирование. Другими словами, страницу карточки товара нужно условно поделить на секции, где будут размещаться однотипные элементы. Так пользователю будет проще ориентироваться, а поэтому ничего не будет отвлекать от покупки.
Секция 1. Левая верхняя часть
Эта секция первой попадает на глаза пользователю, а поэтому здесь нужно отобразить самые важные детали товара, а именно:
- Название товара. Пользователь изучает страницу слева направо, поэтому и название товара должно последовательно в этом направлении пояснять читателю: что это, модель (модификация), бренд, цвет (при необходимости) и другие важные детали по конкретному товару.

- Изображение. Важнейшая часть, через которую устанавливается связь товар-потребитель. Качеству и разрешению картинки, а также их количеству (демонстрация деталей с возможностью увеличения фотографии) нужно уделять особое внимание. Чем больше и чем детальней фото товара, тем выше вероятность того, что им заинтересуется потребитель.
СОВЕТ! В этом блоке, а конкретно на поле изображения, размещайте информацию об акционных, скидочных предложениях. Сюда также можно добавить видеоматериалы.

Секция 2. Справа сверху
Для многих это станет открытием, но больше 50% продаж делает именно этот блок карточки товара. Здесь размещается:
- Цена. Каждый хочет сэкономить, поэтому важно регулярно мониторить цены и предлагать клиенту конкурентную стоимость на товар.

СОВЕТ! Цену лучше указывать так, как в примере (зачёркнута старая цена + баллы за покупку конкретного товара). Это является неким завлекающим фактором для покупателей, так как указывает на сниженную цену на товар. НО, не стоит злоупотреблять этим моментом, особенно, если стоимость по факту не ниже рыночной.
- Эмоциональный триггер. Составление эмоционального триггера - это задача маркетингового отдела, но хорошо зная свою аудиторию, вы можете самостоятельно вписать этот пункт. Задача этой строки, а это может быть как одно слово, так и кнопка-действие, вызвать у посетителя эмоциональную вспышку, которая спровоцирует его на покупку данного товара.
- Короткое описание. Не все интернет-магазины используют эту зону для коротких описаний, но если вписать пару предложений с ответом на вопросы: что это и для чего, клиент вам скажет «большое спасибо», за то что вы сохранили его время на скроллинге по всей странице карточки товара в поисках информации. Здесь также можно размещать коммерческое предложение, но без навязчивых, инфантильных содержаний.

- Вариации товара. Это содержимое юзабилити, а значит необходимо пользователю для удобства в процессе выбора. Разместите здесь все возможные модификации товара с возможностью выбора одного или нескольких вариантов из списка.

- Триггер доверия. Именно здесь важно разместить информацию (как правило, это яркие визуализированные иконки), которая войдёт в подсознание покупателя и оставить там след доверия: меня здесь не обманут, здесь думают о клиенте. Это могут быть гарантии, официальные документы, условия возврата или что-то тому подобное (всё зависит от типа товара или услуги). Если вам это удастся, то с высокой вероятностью пользователь будет скролить страницу ниже, читать и думать о покупке.

Это самый большой и в то же время содержательный блок карточки товара, где принимают участия копирайтеры, маркетологи и верстальщики, чтобы максимально точно, ёмко и эффектно продемонстрировать преимущества покупки конкретного товара в конкретном интернет-магазине.
Секция 3. Центральный блок
Это поле карточки товара предназначено для оформления информационной части, где размещается:
- Описание товара. Текст, который составляется для описания товара, должен быть не только содержательным, но и сео-оптимизированным. Как правильно делать описания к товарам изложено в нашем блоге, поэтому не будем на этом останавливаться.
- Техническое описание. К каждому товару, будь то бельё или комплектующее к компьютерам, должно прилагаться описание его технических характеристик. По этим параметрам в категориях формируются сео-фильтры, которые необходимы для продвижения по низкочастотным запросам. Лучше всего эту информацию выносить в отдельный блок (смотреть рис.).

- Комментарии или отзывы. Эта вкладка не является обязательной, но позволяет потенциальным покупателям лучше ознакомиться с товаром. Существуют маркетинговые стратегии, в которых специально разрабатываются планы по внедрению отзывов и комментариев к товарам.
Секция 4. Подвал или нижний блок
Сюда входит всё то, что должно без излишеств дополнять процесс покупки, а именно:
- Иконки социальных сетей. Функция поделиться ссылкой на товар в популярных социальных сетях даёт возможность создать бесплатную рекламу товара и расширить ссылочную массу. Это простой и дешёвый трюк, который применяют сео-агенства для продвижения товаров и услуг.

- С этим товаром продаются. Согласно отчётам крупных торговых компаний и маркетплейсов средний чек увеличивается на 10-20% благодаря этому блоку. Если уделить этим составляющим достаточно внимания, предложив действительно нужный товар к основной покупке, вы спровоцируете докупить то необходимое и повысите доверие покупателей за счёт внимания к таким деталям.
- Похожие/просмотренные товары. Это элемент юзабилити страницы, который даёт возможность грамотно проводить внутреннюю перелинковку, а также позволяет удерживать посетителя на странице товара, предлагая аналогичную продукцию к просмотру.

Мы перечислили всё то главное, что без исключений должно быть на продающей карточке товара в интернет-магазине. Теперь нужно разобраться, как всё это реализовать без помощи веб-студий и аутсорсинга.
Проводим оптимизацию страницы карточки товара
Не пугайтесь - всё проще, чем кажется. Если вы знакомы с понятием семантическое ядро (СЯ) - это база для оптимизации всех внутренних страниц сайта, то сможете провести оптимизацию страницы карты товара самостоятельно. Чтобы реализовать грамотную сео-оптимизацию карточки товара в интернет-магазине, вам нужно создать:
- Метатеги (title и description).
- Структурированный текст описания с тегами H1-H
- Перелинковку между страницами (похожие товары).
- Валидный код разметки.
Всё это, как правило, заложено в основу любых шаблонных сайтов, поэтому ошибок быть не может, важно только учитывать:
- Метатеги должны быть уникальны, а также содержать ключевое слово, в частности низкочастотную фразу, относящуюся к конкретному товару.
- Каким будет описание товара решать вам, но этот текст должен быть, хотя бы, на 50% уникальным (в тех случаях, когда информация технического плана и уникализировать до 90% нет возможности), а также отвечать на актуальные вопросы пользователей.
- Не перегружайте страницу карточки товара приложениями и сторонними программами, которые могут замедлить открывание страницы, особенно, если это вызывает глюки с добавлением товара в корзину (читайте, почему товары остаются в корзине).
Как выглядит продающая карточка товара
Коммерческое предложение (КП) определяет, будет ли товар хорошо продаваться, но это не только текст, в котором описаны выгоды и прелести товара. Коротко перечислим всё то, что поможет сформировать КП правильно, ёмко и результативно.
- Скидки, акции и спецпредложения. Самым эффективным решением является предложение, ограниченное по времени. Например, сделайте скидку на товар на 7 дней, продемонстрировав это в любом удобном блоке на странице карточки товара (желательно сверху: секция 1 или 2), используя счётчик с убыванием времени действия предложения.

- Система накопительных баллов, купоны. Это возможно лишь тогда, когда клиент пройдёт регистрацию и создаст свой личный кабинет в интернет-магазине. Система накопительных баллов - это отличный способ увеличить количество продаж.
- Подарки. В качестве подарка предложите клиенту бесплатную доставку (стоимость можно предварительно включать в базовую цену товара), какой-то пробник или любую другую несущественную для бюджета интернет-магазина вещицу. Покупатели любят подарки - балуйте их чаще.
- Посыл в тексте. Сообщения коммерческого предложения должны содержать исключительно суть, правду и реальные выгоды приобретения. Стоит вам однажды обмануть клиента, об этом узнает всё его окружение.
Если у вас нет нужных навыков для формирования коммерческого предложения, лучше обратитесь за помощью к маркетологам и опытным копирайтерам.
Что входит в юзабилити карточки товара
Часто случается так, что посетитель не находить нужной ему информации или не может совершить то или иное действие. Вот с этой целью и нужно прорабатывать юзабилити страницы, дабы юзер получал всё, что нужно для покупки здесь и сейчас.
- Ориентация на сайте и поиск. Это часть общего сайта, но является обязательным для отображения на странице карточки товара. Сюда входят так называемые хлебные крошки, а также строка поиска.

- Действия по товару. Это информация о наличии, выбор цвета или модификаций, кнопки «добавить в корзину» и «купить», «купить в 1 клик» или «сравнение». Также можно добавить окно обратного звонка. Действия этого характера должны располагаться в зоне обработки товара, это секция 2 (справа сверху).

- Корзина. Каждая вторая нереализованная продажа происходит по причине неправильно организованной корзины. Это целая тема, которой мы уделили отдельную статью, поэтому только отметим этот пункт как «важная деталь» юзабилити карточки товара.
- Удобные и понятные шрифты. Если посетитель не сможет прочитать информацию на экране цифрового носителя, будь то стационарный ПК или смартфон, всё вышеописанное теряет прежний смысл.
- Оптимизация фото/видео контента. Любые графические вставки должны гармонично вписываться в разметку страницы. Слишком маленькие или слишком большие картинки будут отталкивать юзера от продолжительного изучения товара.
На этом юзабилити не заканчивается. Существуют десятки рекомендаций по улучшению поведенческих факторов, которые основаны на грамотном, профессиональном юзабилити страницы. Если выполнить хотя бы часть из тех, которые описаны здесь, карточка товара сможет не только удерживать внимание покупателей, но и эффективно его реализовывать.
Рекомендации экспертов от веб-студии ВебАгрегатор
Ко всему вышеперечисленному стоит добавить несколько существенных моментов, которые добавят жирный плюс в копилку положительных качеств карточки товара на странице вашего интернет-магазина.
- Внедряйте онлайн-чаты и различных ботов для общения с посетителями. Находясь на странице карточки товара, у потенциального покупателя может быть множество вопросов, которые и будут адресованы в окно такого чата.
- Создайте высокоскоростную систему обработки и доставки заказов. Чем быстрее покупатель получит товар, тем лучше. Лидирующие компании доставляют товары в течение 1-2 дней.
- Не нагружайте посетителей лишней информацией. Путь от ознакомления с товаром до оплаты покупки должен быть максимально коротким и понятным. Сложности отпугивают покупателей.
- Обозначьте тот факт, что любая операция, совершённая на странице интернет-магазина, является конфиденциальной. Это укрепляет доверие к вашему ресурсу.
В 2020 году конверсия успешных интернет-магазинов различных тематик составляет в среднем 2.5%. Таких результатов достигают лишь 10% предпринимателей в нише. Если вы хотите войти в эту десятку, то используйте наши рекомендации и предписания.
Успешных продаж!