Оформляем товарную страницу: пять фишек для интернет-магазинов
Карточка товара — важная и, пожалуй, самая недооцененная с точки зрения SEO, часть любого интернет-магазина. При оптимизации сайта больше внимания уделяется главной, разделам, категориям и подкатегориям. Но наша основная цель не просто привлечь органический трафик на сайт, а конвертировать его в продажи. Рассказываю, как сделать товарную страницу интернет-магазина привлекательной, удобной и продающей.
1. Создаем ЧПУ: содержание страницы должно быть понятно из URL
Следует указывать полное наименование, а не номер продукта: Вот как выглядит полная вложенность (когда в URL карточки товара содержатся все категории и подкатегории, к которым относится этот товар):
Конечно, может возникнуть проблема, когда один товар доступен по разным URL. Из-за этого появляются дубли страниц:
Как решить эту проблему? В URL карточки товара следует оставить только неизменную для данного товара часть, присутствующую во всех указанных выше URL. Так для каждого товара остается только один URL:
2. Общий вид
«Первое впечатление: только доля секунды, чтобы понравиться»
Потенциальный покупатель может попасть на карточку товара сразу из поисковой выдачи и всего за несколько секунд составить свое впечатление о вашем сайте. Первое на что стоит обратить внимание — дизайн и оформление ресурса. Важно, чтобы все карточки товаров были оформлены в едином стиле. Выберите определенные цвета, шрифты и стили и используйте их на всех страницах сайта одного уровня. Следует заранее продумать структуру расположения основных блоков на странице. Так как мы читаем слева направо и сверху вниз, то следует располагать информацию следующим образом:
- слева — расположить фото товара;
- справа — цену, краткое описание, кнопку «Купить»;
- внизу — описание, хаpaктеристики, отзывы, «Просмотренные ранее» и «Рекомендованные товары».
Вся основная информация о товаре должна помещаться на первом экране просмотра.
3. Ключевые элементы карточки товара
Чтобы сделать карточки товаров красивыми, запоминающимися, а главное, максимально удобными для покупателей, постарайтесь внедрить на сайте все пункты нашего чек-листа:
- Фото товара — изображения должны быть качественными и в едином стиле.
- Возможность увеличить фото (или
другие микро UX приемы ). - Фотографии с нескольких paкурсов: предоставьте покупателю возможность рассмотреть детально материал, качество, дополнительные элементы товара.
- Если в комплект товара входят аксессуары, необходимо также разместить их фото.
- Присутствует функционал «покрутить в 3D» — для многих товаров важна возможность просмотра со всех paкурсов.
К чему быть готовым продавцам одежды и обуви — пример тематической стратегии Netpeak Название товара представлено полностью — если это не конкретные модели, а размытые понятия вроде «платье 197» необходимо заменить на названия, содержащие «длинный хвост запросов» (например, «Красное вечернее платье с вырезом»). Таким образом мы сможем увеличить видимость сайта по низкочастотным запросам. Данный пункт специфичен, но помогает увеличить товарный трафик в некоторых тематиках (например,
в нише «Одежда» ).- Товар находится в подходящей категории.
- Кнопка «Купить» хорошо выделена и находится в поле зрения пользователя. Если страница с товаром больше одного экрана, кнопка «Купить» дублируется или «прилипает» к окну.
- Скидки/акции на видном месте: указывая информацию об акциях и специальных предложениях, мы значительно повышаем вероятность покупки. Эта информация должна быть заметной и располагаться на всех соответствующих страницах.
- Присутствует описание товара. Здесь необходимо указывать основные преимущества товара перед другими подобными. По ней пользователь сможет проще сделать выбор в пользу той или иной товарной позиции.
- Сделан акцент на уникальных хаpaктеристиках товара. Для опытных пользователей важно, чтобы в описании было легко найти особенности товара.
- Есть опция выбора цвета, размера, формы или упаковки товара. Когда можно изменить расцветку, модель товара, об этом нужно явно указать на карточке товара. Так пользователь сможет выбрать наиболее подходящий вариант.
- Дана ссылка на таблицу размеров или моделей.
- Блок с отзывами покупателей и рейтингом, чтобы не доставлять неудобств пользователям при добавлении отзывов, необходимо добавить возможность оставить отзыв через авторизацию в социальных сетях. Предоставьте пользователям возможность загрузки изображений. Такие отзывы могут дать вирусный эффект за счет репостов другими пользователями социальных сетей.
- Указаны сопутствующие или похожие товары.
- Указаны рекомендованные товары.
- Страницей можно поделиться с друзьями в социальных сетях.
- Товар можно добавить в «Избранное» — если у пользователя нет возможности совершить заказ прямо сейчас, он может добавить товар в список желаний. Позже, зайдя на сайт, пользователь не будет вновь искать нужный товар, а сделает заказ из уже готового списка желаний.
- Присутствует информация о возможности покупки товара в кредит (если такое возможно), кнопка для такой покупки.
- Реализован функционал сравнения товаров. Чтобы помочь пользователю сделать правильный выбор, следует предоставить ему возможность сравнить товары. Так можно уменьшить количество возвратов.
- Качественно оформлены хлебные крошки.
- Существует быстрый поиск по сайту.
- Указан способ доставки. Чтобы не заставлять пользователей искать информацию о доставке по сайту, необходимо кратко отображать её на всех карточках товаров. Таким образом, посетитель сможет принять решение о покупке прямо на странице товара, не совершая лишних переходов.
- Способы оплаты.
- Условия гарантии.
- Сертификаты качества на этот товар и так далее.
- Видеообзор товара.
- Указание информации о наличии/количестве товара. На карточках товаров должно быть видно, есть ли товар в наличии, чтобы пользователь не совершал лишних действий, которые могут отвлечь его от покупки.
- Реализована функция «Сообщить когда появится в наличии». Следует предусмотреть соответствующие кнопки, сообщающие о появлении товаров в наличии или о том, что товар заканчивается.
- Возможность подписаться на изменение цены. Пользователя в данный момент может не устраивать стоимость. Чтобы избежать большого количества безвозвратных уходов с сайта, на карточке следует добавить опцию «Отслеживать изменение цены».
- Добавлена надпись «Осталось только N штук». Если осталось менее 10 единиц товара, сообщите, что он вот-вот закончится. Это создает у покупателя чувство, что он может упустить выгодную покупку и нет времени долго думать, сравнивать цены. Важно выводить актуальные данные и не обманывать пользователей.
Вот пример качественно проработанной карточки товара:
Мы составили максимально широкий и подробный список. Возможно, для вашего сайта какой-то из пунктов не актуален. На данный момент нет обязательных требований к карточкам товаров. Главное помните, ничего не должно отвлекать вашего покупателя от совершения покупки. Подумайте, какая информация понадобится пользователю и постарайтесь компактно разместить её на первом экране просмотра товара.
4. Проработка страниц «мигающих товаров»
«Мигающей» называется страница товара, который по тем или иным причинам отсутствует в продаже.
Страницу с товаром, которого нет в наличии, следует сделать максимально привлекательной. Оставлять ее в таком виде нельзя:
На странице с «мигающим» товаром нужно дать пользователю возможность перейти на альтернативную страницу каталога, к примеру:
- похожие товары;
- лидеры продаж;
- акции.
5. SEO-оптимизация карточек товаров
- Оптимизация мета-данных title, description и заголовков h1.
Для карточек товара чаще всего используются шаблоны генерации метаданных title и description, если это позволяет CMS. Однако не стоит ими пренебрегать, грамотно заполнив метаданные, можно выйти в топ-10 по низкочастотным запросам.
Подробнее про составление мета-тегов можно прочитать в статье.
- Метаданные для изображений.
В официальной справке Google рекомендуется заполнение атрибутов alt и title для изображений.
Google получает информацию о теме изображений из другого контента на странице, включая заголовки картинок и подписи к ним.
А вот как именно Google рекомендует это делать:
- Микроразметка карточек товара.
Чтобы ваши товары показывались в расширенных результатах поиска, необходимо использовать специальную разметку Product на карточках товара.
Например, если у вас есть интернет-магазин и разметка страниц с описанием товаров, нам будет проще понять, какой товар представлен на странице, какова его цена, что говорят о нем покупатели и т. д. Мы можем показать эту информацию в результатах поиска по релевантным запросам. Такие результаты поиска называются расширенными.
Справка Google
На продуктовых страницах помимо микроразметки Product, стоит использовать микроразметку:
- хлебных крошек,
- профилей в социальных сетях;
- логотипа компании;
- отзывов и рейтинга.
В последнее время Google достаточно часто сообщает о новых типах микроразметки. К примеру, недавно был анонсирован shippingDetails с помощью которого можно разметить информацию о доставке товаров.
- Мобильная версия.
С каждым годом количество пользователей мобильных устройств растет, а с переходом Google к Mobile-First Indexing, оптимизация сайта под мобильные устройства стала одним из важных факторов ранжирования сайта.
Для оптимизации мобильной версии карточек товаров необходимо:
- проверить удобство просмотра страниц на устройствах с небольшим экраном,
- оптимизировать скорость загрузки мобильной версии страниц;
- убедиться, что в основной и мобильной версии сайта отображается одинаковый контент.
Добавляем дополнительную ценность товарной странице
Для того, чтобы карточка товара ранжировалась лучше, продуктовой странице стоит добавить дополнительные ценности. Рассмотрим, как это сделать в сфере цифровой техники.
Проект: интернет-магазин по продаже видеорегистраторов.
Проблема:
- Плохо ранжируются карточки товаров.
- Переписывание текстов вручную результатов не дало.
- Получать ссылки на все карточки — дорого.
Гипотеза:
- Текст — не самый оптимальный вид контента для данной тематики.
- Пользователям важно увидеть результат, то есть реальные видео, снятые моделью видеорегистратора.
- Так можно увеличить продолжительность сессии.
Возможное решение:
- Разместить на карточках товаров примеры видео.
- Взять видео с сайтов производителей и YouTube.
Результат (после добавления видео к карточкам товаров):
Это обновленный пост, подготовленной на основании кейсов конференции «Online Advertising: Контекстная реклама и SEO для бизнеса 2014». Автор оригинала — Анастасия Здорикова, по докладу Алексея Рылко (на момент выступления — технического директора подразделения поискового маркетинга в «Студии Борового»).
Комментарии:
Легче запомнить алгоритм правильной отправки писем, чем потом вытягивать их из папки со спамом....
26 04 2024 21:50:50
Проверенный способ для сбора базы данных. Метод, с помощью которого можно извлечь контактные данные, а именно: название точки, телефон, адрес, сайт., а потом высылать своё КП, промокоды для акции, сообщить о выходе товара, сделать спецпредложение...
25 04 2024 0:18:10
Товарные объявления торговых кампаний заметнее в выдаче, да и показываться будут и в Bing, и в Yahoo, и в AOL...
24 04 2024 13:57:57
Как вести рекламные кампании и что делать на разных этапах настройки. Делимся опытом: примерами, кейсами и рекомендациями. Узнать больше и настроить свои РК, как боженька!...
23 04 2024 16:35:37
Почему дешевый копирайт не подходит для текстов карточки товара...
22 04 2024 23:31:42
Инструкция с применением языка R. Полезно веб-аналитикам, которые работают с крупными интернет-магазинами. Например, на сайте еженедельно появляется примерно 1000 новых наименований и такое же количество позиций переходит в статус «нет в наличии»....
21 04 2024 20:55:51
Лучшие плагины WordPress для SEO и продвижения сайта в поисковой системе Google и 10 советов для WordPress, которые помогут вам продвигать свой сайт...
20 04 2024 4:35:45
Трекеры теперь на любой вкус: за лидерство в сфере аналитики и трекинга в мире мобильных приложений все еще конкурируют более десяти различных систем. Как не растеряться в обилии инструментов?...
19 04 2024 14:39:25
Необходимый элемент для защиты контента от копирования и в то же время — шанс стать популярным автором. Тем не менее, от водяных знаков отказываются. Узнать больше!...
18 04 2024 0:10:49
Памятка для всех, кому важно сохранить детали переговоров....
17 04 2024 14:39:21
Любопытная подборка "маленьких" гигантов: компании и сервисы, чья аудитория превышает 10 миллионов пользователей, а также несколько интересных фактов о каждом из них. Узнать больше!...
16 04 2024 15:10:42
Используйте эти данные в составлении медиапланов. Зная стоимость клика в тематике или регионе, коэффициент конверсии на сайте, вы можете оценить объем инвестиций в рекламу и прогнозировать стоимость конверсии. Читать дальше!...
15 04 2024 8:28:50
Стартовый урок о том, как настроить визуализацию данных из Google ***ytics с помощью Google Spreadsheets...
14 04 2024 12:30:39
Чат-боты упрощают процесс покупки продуктов онлайн. Netflix, Adidas, British Airways и другие крупные компании уже внедрили ботов в свои маркетинговые системы. Так ли это эффективно, если компании начинают отказываться от операторов в пользу ботов?...
13 04 2024 1:48:41
Кейс о том, как написать большинству дилеров премиальных акустических систем в Европе и ничего не продать. И почему это кейс, а не антикейс....
12 04 2024 23:40:30
Кейс: как золотой корпоративный линкбилдинг помог в SEO-продвижении интернет-магазина, в котором можно заказать и купить чехлы и виниловые наклейки для смартфонов...
11 04 2024 23:27:44
О работе внутреннего и внешнего контент-маркетолога: необходимые знания и навыки для старта, плюшки и головная боль. Все здесь....
10 04 2024 13:19:16
Проверенные лайфхаки по платному трафику от спикеров и участников конференции 8P 2018...
09 04 2024 23:44:47
Тонкости настройки предпраздничной рекламной промо кампании на примере Citrus.ua....
08 04 2024 18:41:29
Быстро разогнать рекламные кампании и получить рост конверсий при повышении CPA до 100%. Как этого добиться — читайте в новом кейсе....
07 04 2024 12:57:59
Читайте простой мануал о том, как перейти на Universal ***ytics и не поломать весь сбор данных...
06 04 2024 5:45:53
В 2019 году в цикл зрелости вошли 28 технологий и инструментов...
05 04 2024 3:58:31
Учимся выстраивать коммуникацию по специальным сценариям....
04 04 2024 5:17:10
Стратегия продвижения, благодаря которой удалось снизить стоимость заявки от покупателей. Рассказываем об особенностях проведения акций в нише. Узнать больше!...
03 04 2024 16:44:11
Статистика изменений долей рынка после майского и декабрьского апдейта Google в 2020 году....
02 04 2024 2:27:28
Профессиональная лексика SEO-специалистов в буржунете и в рунете формируется в одном поле: Google-то общий. Но когда специалисты Востока и Запада встречаются, им сложно понять друг друга. Это неудивительно, так как язык отражает само восприятие SEO. А под...
01 04 2024 7:55:16
Как перенести рекламные кампании из адвордс в директ, используя только Google Editor и Директ Коммaндер? Делимся быстрым и эффективным методом...
31 03 2024 17:31:33
Чем отличается протокол HTTPS от HTTP — криптошифрованием, обеспечивающим безопасность ресурса...
30 03 2024 17:57:54
Сезонность — повторяющиеся колебания трафика сайта в зависимости от различных внешних факторов....
29 03 2024 8:52:40
Чтобы проставить 301 редиректы, вначале надо выгрузить весь список топовых страниц по обратным ссылкам...
28 03 2024 18:14:50
Расширения, горячие клавиши и мгновенный перевод слов на другой язык — минимум лайфаков, которые можно использовать для удобства пользователей Google Chrome...
27 03 2024 9:20:49
Чтобы грамотно анализировать статистику рекламных кампаний, необходимо связать Яндекс.Метрику и Яндекс.Директ. Рассказываем, как это сделать...
26 03 2024 17:44:36
Правила, требования, особенности. А ещё примеры, которые помогут создать правильную, с точки зрения поисковиков, рекламу. Читать!...
25 03 2024 13:43:56
Доступно объясняем, как пользоваться и не типичными для экспертов по контекстной рекламе программами. Например, созданными для разработчиков. Узнать больше!...
24 03 2024 14:27:41
Продвижение музыкальной библиотеки. Со старта сотрудничества, трафик и основной ключ сайта клиента вырос в 10 раз. Регион продвижения — США....
23 03 2024 12:19:24
Кейс: новинки в продвижении рекламы интернет-магазина в контекстно-медийной сети Google...
22 03 2024 16:25:26
Как упростить работу с данными и сэкономить на оплате сервиса...
21 03 2024 12:29:24
Как снизить стоимость лидов путём использования новых технологий...
20 03 2024 19:35:15
О важных для разметки сайта тегах — alternate, hreflang, media, — и как их грамотно использовать при продвижении....
19 03 2024 4:17:12
5 кейсов отлично иллюстрируют правила юзабилити и находки веб-аналитиков....
18 03 2024 23:36:49
Email-маркетинг увеличивает частоту транзакций. Показываем как это происходит и за счет чего. Делимся кейсом email-маркетинга для книжного интернет-магазина. Читать дальше....
17 03 2024 17:49:52
Давайте больше не будем сливать бюджет, выбирая неправильный параметр....
16 03 2024 9:12:27
Бонус в статье: как собрать аудитории для ремаркетинга на брошенную корзину...
15 03 2024 13:24:57
Вести бизнес в интернете с помощью развлекательного сайта, СМИ, узкоспециализированного портала вполне реально. Правда, нужно знать, как на них заpaбатывать....
14 03 2024 21:59:47
Как быстро увеличить количество заинтересованных подписчиков в facebook, twitter, google+ и linkedIn с помощью контактов из рассылки и аккаунтов Facebook....
13 03 2024 0:15:51
В мае прошлого года Google анонсировал выход нового Core Web Vitals. Что это и как будет работать рассмотрим в статье...
12 03 2024 12:35:45
Детальная инструкция по настройке рекламы мобильного приложения в Яндекс.Директ....
11 03 2024 15:58:33
Компании и продукты, социальные инициативы, главные проекты и миссия группы. Разложили все о Netpeak Group по полочкам в новом посте....
10 03 2024 2:47:31
И как проверить релевантность на своем сайте. Если речь идет о страницах (сайтах), подразумевается соответствие контента запросу. Чем точнее страница отвечает на запрос, решает задачу пользователя, тем (при прочих равных) выше ее позиция в поисковой выдаче....
09 03 2024 22:23:37
Недавно у меня закончилась видеокампания на ютуб, по которой удалось собрать исследование Brand Lift. Хочу поделиться инсайтами...
08 03 2024 12:38:12
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::