Карточка товара – та страница, через которую пройдут все ваши покупатели, и именно здесь каждый из них примет решение о покупке. Поэтому самый важный элемент интернет-магазина – это не главная страница или раздел «О компании», до которых доходят не все посетители, а грамотно составленные карточки товаров.
У идеальной карточки есть формула: по ней мы работаем с сайтами клиентов. Наш чек-лист поможет вам адекватно оценить карточки на своем сайте и понять, нужно ли что-то исправить. Блоки и элементы мы отсортировали по степени важности, чтобы было ясно, с чего начать.
Ключевая информация: что должно быть на первом экране
В хорошей карточке товара может быть около 20 составляющих, но они не равны по значимости. Если вы ограничены во времени и хотите быстрее запустить интернет-магазин, чем-то можно пожертвовать: отзывами, видеообзорами, наклейками для привлечения внимания. Но есть базовые блоки, без которых никак.
Вот 5 обязательных элементов, которые нужно включить в карточку в любом случае.
Название товара
Важно прописать его крупно, целиком, не сокращая слова – посетитель не должен тратить время на расшифровку. Для названий используйте формат заголовка H1. В заголовке можно и нужно указать дополнительную информацию о товаре: артикул, цвет, модель и др. Так посетитель вашего сайта быстрее сориентируется в каталоге и поймет, на нужной ли он странице.
Изображение товара
Оно должно увеличиваться, чтобы потенциальный покупатель мог рассмотреть детали. Хорошо, если получится добавить галерею из нескольких фотографий с разных ракурсов для полноты картинки. Располагать изображение лучше слева.
Цена
Укажите ее крупно и расположите на странице справа. Если на товар действует скидка, обязательно укажите ее размер и старую цену для сравнения.
Все основные элементы карточки товара на одном экране на сайте производителя дверей
Кнопка «Купить» / «В корзину» / «Заказать»
Она должна быть крупной и привлекающей внимание: сделайте так, чтобы по цвету она отличалась от основной гаммы сайта. Размещать ее лучше тоже справа.
Что еще стоит добавить к кнопке «Купить»:
- Возможность выбрать нужное количество товара. Здесь важно сразу указать единицу учета – сколько штук, килограммов, ящиков будет в заказе.
- Дополнительную кнопку «Купить в один клик», по которой сайт предлагает заказать обратный звонок. Если посетитель оставит свои контакты, ему не придется самому заполнять форму заказа: менеджер поможет все оформить по телефону.
- Кнопку «Купить в кредит». Если рассчитаться за ваш товар можно частями, расскажите об этом на сайте и добавьте форму для сбора заявок. Для реализации возможности необходимо заключить договор с компанией, предоставляющей займы.
В интернет-магазине дверной фурнитуры лучше работает кнопка «В корзину», а не «Купить»: здесь в стандартном заказе бывает несколько товаров
Информация о доставке, оплате, гарантии
Это важно для вашего покупателя и эффективно для SEO-продвижения сайта (само слово «доставка» фигурирует в большинстве коммерческих запросов, и его стоит вписать в карточку). Четко и «вкусно» пропишите все условия: как рассчитаться с вами, как получить товар и какие гарантии вы на него даете.
Решение на сайте магазина дверей – крупные иконки, над которыми при наведении мышки всплывает текст
Дополнительные элементы: из чего еще состоит хорошая карточка
5 обязательных пунктов карточки – это технический минимум. Элементы из списка выше важны, чтобы покупатель сразу увидел название, цену, фото товара и смог его заказать. Когда этот костяк проработан, можно наращивать на него полезную информацию – она будет располагать к покупке и снимать возможные возражения.
Текстовое описание
Нужно, чтобы показать посетителю преимущества товара и по возможности дать полезную информацию: как пользоваться, как выбрать и прочее. Если сделать описание длиннее 500 символов и добавить пару ключевых запросов, такой текст поможет вам в SEO-продвижении магазина.
Компактное решение – убрать несколько блоков в переключающиеся вкладки
Параметры товара
Пропишите размеры, вес, состав, технические особенности и все, что покупателю важно знать до покупки. Удобно оформлять параметры в формате списка.
Дополнительные полезные материалы
Это могут быть схемы, видеопрезентации и обзоры – все, что добавляет наглядности, помогает посетителю сайта и работает на продажи.
Пример полезной информации на сайте printoffice-pechati.ru – список документов, которые понадобятся при заказе печати. Пользователь нажимает на кнопку, видит список в новом окне и сразу прикидывает, есть ли у него все необходимое для заказа.
Перелинковка (ссылки на другие страницы сайта)
Например, полезно добавить ссылку на все товары того же бренда – это понравится и поисковым роботам, и людям.
Элементы кросс-сейл
Источник дополнительных продаж: вы показываете несколько других товаров в связке с текущим. Следующие 3 пункта в нашем списке – примеры cross sale, которые мы рекомендуем использовать на сайте:
- Похожие товары. Предложите покупателю еще несколько позиций, которые немного различаются по цене и характеристикам: это облегчит выбор.
- Сопутствующие товары. Ненавязчивый блок-напоминание, который поможет покупателю сразу добавить в корзину все необходимое и не блуждать по каталогу.
- «Вы смотрели». Здесь автоматически отображаются недавние товары, которые открывал пользователь – из этого блока удобно вернуться к ним позже, и вероятность покупки повышается.
Пример кросс-сейл в интернет-магазине дверей – разделы «Похожие товары» и «С этим товаром покупают»
Отзывы реальных покупателей
Помогут вам вызвать доверие у посетителей сайта: им легче будет решиться и купить у вас. По статистике, более 60% людей внимательно читают отзывы на сайте и предпочитают интернет-магазины, где есть такой блок. Чтобы получать честные отзывы, откройте такую возможность только для тех, кто купил товар, и предлагайте им с помощью постпродажной e-mail рассылки небольшой бонус в обмен на отзыв.
Опционально
По желанию можно расширить карточку товара и добавить еще несколько блоков. Они не первостепенные, но повышают качество презентации, добавляют удобства интернет-магазину и работают на продажи.
Функция «Добавить в избранное»
Разрешите посетителю сайта отмечать сердечками, звездочками или другими значками те товары, которые ему понравились. Это поможет ему не путаться во вкладках и быстрее выбрать.
Информация о наличии товара
Информация о наличии/отсутствии товара помогает пользователям определиться, а указание конкретного количества, которое осталось на складе, часто может быть мотивирующим к покупке фактором. Чтобы реализовать это технически, нужно синхронизировать сайт с программой складского учета (1С, Мой склад и т.д.) – тогда цифры в каталоге будут меняться в режиме реального времени и всегда будут актуальными.
Временные наклейки вроде «Акция», «Новинка», «Хит»
Привлекают внимание к конкретным товарам. Если добавляете их, то обязательно синхронизируйте и почаще обновляйте. Важно, чтобы наклейки оперативно менялись, а не висели годами над одними и теми же карточками.
Пример наклейки «Хит продаж» в интернет-магазине дверей
Что еще важно для продвижения сайта и высокой конверсии
Чтобы карточки товаров работали, мало правильно их составить. Нужно так вписать их в структуру интернет-магазина, чтобы это было удобно вашим посетителям и помогало поисковому продвижению.
Здесь важно следующее:
- Добавить короткие и понятные «хлебные крошки». Так называется цепочка разделов сайта для навигации, которая отображается сверху и помогает посетителю быстро вернуться из карточки в раздел «Женская одежда» или «Пальто», например.
Навигационная цепочка в интернет-магазине дверной фурнитуры
- Сделать хорошую адаптивную верстку карточки, чтобы удобно было заказывать товар со смартфона или планшета. В таком формате можно пожертвовать дополнительными элементами, сделав акцент на основных.
Вся основная информация о товаре и кнопка заказа удобно расположены на одном экране
- Не множить ссылки на один товар в разных вариациях. Не меняйте URL под мелкие характеристики товара (например, под каждый размер). Есть смысл делать несколько ссылок только если товар представлен в разных цветах.
- Делать человекопонятные URL (ЧПУ). Ссылка должна быстро читаться, поэтому сделайте нормальную транслитерацию, используйте в ней только буквы и дефисы без других символов. Хорошо, если урл будет не очень длинным, но по возможности с вложенностью (ссылка-цепочка, в которой отражается краткий путь от главной страницы до карточки товара).
Пример: https://medver.ru/doors/dver_metallicheskaya_filenchataya_panel_mdf_el_51/ - Использовать специальную микроразметку «Товары и цены». В этом случае поисковый робот будет распознавать на странице товара его название и стоимость и автоматически выдавать эти данные в поиске.
- Прописывать мета-тэги Title и Description по примерному шаблону. Мы советуем примерно такую структуру: название товара + его параметры (цвет, размер) + коммерческие слова «цена», «отзывы», «доставка», «купить», «Москва», «интернет-магазин» и др.
- Целесообразно продвигать карточки в поиске наравне с большими разделами сайта, если по товару много запросов. Так можно продвигать, например, конкретную модель и цвет телефона, популярную коллекцию плитки и др.
- Если товар перестает продаваться, не удаляйте, а оставляйте карточку. Крупно напишите, что товара нет, но предложите на этой же странице похожие продукты из вашего каталога. Даже такая полупустая карточка может работать на ваше продвижение и вести пользователя в другие разделы магазина.
Когда вы оформляете карточки товаров, помните – страница такого типа может стать первой на вашем сайте, куда попадает посетитель из поиска. Важно создать удобный, продуманный интерфейс, дать достаточно информации и вызвать доверие потенциального покупателя. И тогда карточка станет проводником к вашему каталогу и другим товарам, а конверсия будет расти.
Чек-лист
1. Название.
2. Изображение.
3. Цена.
4. Кнопка заказа.
5. Информация о доставке, оплате, гарантиях.
6. Описание.
7. Характеристики.
8. Дополнительные материалы.
9. Перелинковка.
10. Кросс-сейл.
11. Отзывы.
12. Кнопка "в избранное".
13. Наличие товара.
14. Наклейки.
15. Хлебные крошки.
16. Адаптивная верстка.
17. Понятный url.
18. Микроразметка.
19. Мета-тэги.
20. Страница отсутствующего товара.
