Правильно оформленный листинг позволит значительно увеличить трафик, улучшить поведенческие и коммерческие факторы на веб-ресурсе. Без привлечения подрядчиков решить данную задачу сложно, так как для этого нужно провести анализ целевой аудитории и конкурентов по топу поисковой выдачи, а также проверить свою площадку на наличие проблем с индексацией. В этой статье мы расскажем все о продающих карточках товаров, объясним, что это такое и покажем несколько примеров таких страниц на сайте интернет магазина.
- Базовые элементы
- Зачем нужно ее оформлять
- Как создать красивую карточку товара и сделать ее продающей
- На что еще обратить внимание
- Программы для создания инфографики карточек товаров для интернет магазина
- Информация о продукции в email-рассылках
- Содержание AMP-писем
- Рассказываем о продукте в чат-ботах
- Описание успешных карточек товаров для интернет магазина
- Заключение
- Популярные вопросы и ответы на них
Базовые элементы
Так как это страничка о продукте, она должна содержать следующую информацию:
- описание данной товарной позиции;
- стоимость;
- фотографию;
- информацию о доставке, оплате, возврате;
- нужные технические характеристики (размер, вес);
- отзывы других людей;
- артикул или код;
- различные кнопки для совершения заказа.
Чтобы карточка отображалась в поисковой выдаче и занимала лидирующие позиции, необходимо сделать ее более привлекательной для поисковика и удобной для пользователей.

Зачем нужно ее оформлять
Оптимизированная страница товарной позиции позволяет привлечь внимание покупателя и удержать его на сайте. Уникальное предложение стимулирует к совершению покупки, а сниженная цена и большое количество положительных отзывов формирует лояльность. Чтобы улучшить ранжирование веб-ресурса, необходимо иметь широкий ассортимент и полезную структуру контента.
Например, если пользователь из поиска придет в категорию «Корм для щенков», где показывается только 2 продукта, вероятнее всего, он вернется к выдаче и перейдет к конкуренту, у которого будет больше предложений. Или, если юзер зайдет на страницу какого-либо товара и не увидит там нужной информации или характеристики, он также уйдет с вашей площадки.
Именно поэтому проблемы с наполнением и ассортиментом приводят к увеличению процента отказов. Чем больше данный показатель, тем хуже сайт будет ранжироваться поисковыми системами, что повлечет за собой просадку по позициям и снижение трафика. Также, если пользователи отказываются от посещения продвигаемого раздела, он может попасть в категорию «Малоценных и маловостребованных». Это говорит о том, что страница исключена из поиска Яндекса и что ее следует дорабатывать, то есть:
- расширить структуру контента;
- добавить больше фото продукта;
- увеличить количество характеристик;
- сделать более подробное описание;
- проверить работоспособность всех кнопок.

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

SEO-оптимизация карты товара
Без качественной оптимизации такие страницы не будут проиндексированы и станут недоступными для пользователей. Чтобы улучшить видимость интернет-магазина, следует для начала либо вручную (а это очень сложно, если на сайте тысячи товарных позиций), либо шаблонно прописать мета-теги (Title и Description). Задавать шаблонизацию можно через административную панель. Если такого функционала там нет, можно его добавит – для этого существуют различные плагины.
- Title: %Название товара% — купить в %Город% за %Стоимость% в интернет-магазине %Бренд%
- Description: Купите качественные %Название товара% по доступной цене в каталоге интернет-магазина %Бренд%.
Как только вы пропишете мета, видимость вашего веб-ресурса заметно улучшится. Также для продвигаемых продуктов вы можете собрать семантическое ядро, а затем вставить ключи в релевантные разделы. Запросы можно разместить в:
- в текстовых блоках;
- заголовках h2-h3;
- мета-тегах.
Чтобы верно и органично вписывать ключи, мы в SEMANTICA руководствуемся корпоративными регламентами, которые содержат список SEO-требований. Если им следовать, наши действия не вызовут подозрений у поисковиков и сайт не попадет под различные фильтры и санкции. В нашей студии теория постоянно актуализируется и обновляется. Все задачи выполняются строго по заранее прописанным правилам. Если кому-то из сотрудников покажется, что информация в регламенте уже устарела, он выносит этот вопрос на обсуждение с руководителем и только после этого принимается решение о доработке. Такую цепочку действий мы называем процессом. В нашей студии уже сделаны сотни таких задач. Это упрощает не только работу специалистов, но и позволяет быстрее выполнять свои прогнозы по проектам, за счет того, что регламенты не захламляются неактуальной информацией и мы не тратим на нее время.

Хлебные крошки – это навигационная цепочка, которая позволяет пользователю не потеряться и вернуться к предыдущим разделам. Этот функционал очень удобен, поэтому рекомендуем обязательно его внедрить в интернет-магазине. Например, он может понадобиться, если юзер кликнул на товар, но в процессе скроллинга он ему не понравился, тогда покупатель захочет попасть обратно в раздел, чтобы ознакомиться с другими. Чтобы упростить процедуру возврата к предыдущему подразделу, на сайте реализуют хлебные крошки.

Читайте также
SEO-тренды на 2023 год: актуальные методы продвижения
Наличие отзывов
Положительные комментарии о продукте позволяют заслужить доверие не только клиентов, но и поисковых систем. Чтобы пользователи писали вам отзывы, придумайте, чем их можно поощрять за это:
- дополнительными бонусами;
- участием в конкурсе или розыгрыше;
- небольшим подарком;
- бесплатной доставкой.
Очень важно настроить модерацию, чтобы не пропускать на сайт комментарии, которые содержат оскорбления, мат и прочую негативную лексику.

Удержание потенциального клиента
Обязательно на веб-сайте нужно реализовывать дополнительный блок листинга, куда будут добавлены похожие или смежные продукты. Такая перелинковка позволит удержать покупателя и уменьшить процент отказов. То есть, если пользователь перешел из поиска на страницу товарной позиции и по какой-то причине она ему не понравилась, он может сразу ознакомиться с другими и возможно найти какой-либо аналог.
На что еще обратить внимание
Для улучшения индексации продукции необходимо смотреть не только на оформление, но и на техническую составляющую. То есть, на:
- Формирование url. Чтобы страница быстрее проиндексировалась, url должен быть удобочитаемым. Не рекомендуем использовать get-параметры и их написание на кириллице.
- Дублирование. От дублей необходимо избавляться, так как это может привести к просадке позиций не только у дубликата, но и у основного раздела.
- Функционал оформления заказа. Если в этой цепочке есть нарушения – это серьезная ошибка и ее нужно как можно быстрее исправить. Пользователю ничего не должно препятствовать совершению покупки. Часто встречаются следующие проблемы: неработающая кнопка, неправильное определение адреса, увеличение цены без объяснения, некорректное заполнение данных клиента.
Программы для создания инфографики карточек товаров для интернет магазина
Если вы оптимизатор и разработали для страниц продуктов новую структуру контента, необходимо сначала оформить ее шаблон, а потом уже презентовать клиенту и техническому специалисту. Так им будет удобнее разобрать в том, что вы предлагаете реализовать. Это можно сделать в сервисах:
- Figma. Очень простой инструмент, в котором вы сможете визуально показать расположения блоков контента. В нем есть бесплатный тариф, который подойдет начинающим специалистам.
- Supa. Это платное приложение, в котором можно работать с фото и видеоконтентом. Однако есть несколько функций, которыми можно пользоваться и бесплатно: изменение, импорт и шаблоны изображений. Стоимость – 990 р в месяц.
- Flyvi. Это отличный сервис для создания профессиональных дизайнов и образцов карточек товаров. Здесь вы найдете около 2500 шаблонов, большое количество фото в хорошем разрешении без водяных знаков, тысячи шрифтов, анимаций и фонов. Стоимость такого инструмента – от 399 р в месяц.
Читайте также
Что такое инфографика: примеры, шаблоны и советы по оформлению
Информация о продукции в email-рассылках
Цель такого продвижения – заинтересовать пользователя, который ранее уже был на вашем сайте или в офлайн-магазине, напомнить ему о себе и превратить его в покупателя.
- оффер (информирование о какой-либо акции, скидке, новинке);
- яркий баннер с изображениями товаров;
- различные ссылки для перехода на ресурс;
- небольшое описание предложения с призывом к действию («Успей купить», «Скорей! Скидка 25%»).
Содержание AMP-писем
Особенность рассылки такого контента в том, что он полностью дублирует информацию с официального интернет-магазина. В этом письме вы сможете не только ознакомиться с предложенными товарами, но и сразу их заказать без перехода на сайт.
Рассказываем о продукте в чат-ботах
В большинстве крупных компаний в различных мессенджерах (Whatsapp, Telegram) установлен виртуальный помощник, который консультирует пользователей по всем проработанным вопросам без привлечения реального консультанта. Если на какой-либо запрос клиента бот затрудняется ответить, он подключает к диалогу менеджера.
В процессе беседы онлайн-помощник разбирает потребности покупателей и сегментирует их, чтобы предоставлять им наиболее релевантные товарные позиции. Например, чат-бот может задать вам вопросы о вкусах, возрасте, интересах и только после этого показать вам продукцию.
Описание успешных карточек товаров для интернет магазина
1) Сайт: proficosmetics.ru
Это хороший пример оформления листинга, так как здесь собрана вся необходимая информация о товаре:
- цена;
- несколько изображений;
- рейтинг;
- артикул;
- бренд;
- характеристики;
- отзывы;
- состав.
А также реализованы блоки контента, которые удерживают внимание пользователя:
- перелинковка на продукцию этой же линейки;
- ссылки на кремы других производителей;
- блок «Вопрос-ответ» с рекомендациями.
2) Сайт citilink.ru
Как и на предыдущем примере, здесь на страницах продуктов также есть много полезного контента. Помимо этого, реализован функционал «Сравнение», с его помощью вы сначала можете отобрать наиболее понравившиеся позиции, а затем их сравнить и выбрать лучший.

Заключение
В этой статье мы описали, как выглядит идеальная карточка товара в интернет магазине, и рассказали, как правильно составить шаблон product cart, который может понадобиться клиенту для согласования изменений и техническим специалистам для оценки работ.
- соблюдать SEO-требования;
- разработать привлекательный дизайн;
- провести технический аудит;
- проверить функционал оформления заказа;
- наполнить продвигаемые страницы актуальной информацией.
Популярные вопросы и ответы на них
На ней должны быть название, подробное описание, фотографии с разных ракурсов, характеристики, цена, наличие и удобная кнопка для покупки. Эти части помогают покупателю быстро понять, что перед ним и подходит ли ему товар.
Потому что изображения позволяют человеку «увидеть» товарную позицию до покупки. Чем качественнее и понятнее фото, тем легче представить, как продукт выглядит в реальности, и тем больше доверия к магазину.
Это заменяет покупателю возможность посмотреть товар вживую. Хорошее описание снимает вопросы: подходит ли модель по размеру, цвету, функциям, как пользоваться и что ожидать от работы или качества.
Если цена не указана или товарная позиция якобы есть, но по факту отсутствует, покупатель быстро теряет доверие и закрывает страницу. Открытая информация помогает сделать выбор и повышает вероятность покупки.
Нужно разместить кнопку действия на видном месте, подчеркнуть выгоды, показать варианты доставки и оплаты, добавить отзывы или примеры использования. Это помогает покупателю почувствовать уверенность и быстрее принять решение.








