Оформляем товарную страницу: пять фишек для интернет-магазинов
Карточка товара — важная и, пожалуй, самая недооцененная с точки зрения 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». Автор оригинала — Анастасия Здорикова, по докладу Алексея Рылко (на момент выступления — технического директора подразделения поискового маркетинга в «Студии Борового»).
Комментарии:
Когда email-маркетинг становится точкой роста. Кейс интернет-магазина книг Book24....
03 10 2023 20:52:10
Личный опыт экс-главреда экс-блога Netpeak (сейчас — Netpeak Journal): о работе с информацией, мотивации написания, редактуре черновика, подаче информации по степени важности, выделении главного и составлении окончательной версии текста. Как сделать текст логичным и полезным? Узнайте!...
02 10 2023 1:42:34
Четыре способа исключить нерелевантные места размещения видеорекламы, а также полезные списки минус-слов и детских YouTube-каналов....
01 10 2023 13:40:42
Клиникка использует лазеры и нуждается в продвижении. В специфических сферах привлечь потребителя впервые бывает сложнее и дороже, чем удержать его. Этот кейс о том, как повысить количество обращений новых клиентов с помощью видеорекламы...
30 09 2023 5:19:46
Как внедрить Business Intelligence для малого и среднего бизнеса....
29 09 2023 21:16:36
Решение для поискового продвижения крупных проектов (от 300 000 страниц)....
28 09 2023 1:35:51
Подбор правильного инструмента для визуализации данных может сэкономить время и ресурсы компании, а также повысить общую продуктивность маркетинга...
27 09 2023 10:19:21
И уж если бумага стерпит все, интернет — тем более, а значит онлайн-исповедальне быть! И не только ей......
26 09 2023 22:26:23
Специалистам часто приходится проводить вебинары и для этого нужна адекватная площадка. В инсайдерском посте мы рассказываем, как выбирали подходящую платформу для проведения вебинаров и что из этого вышло....
25 09 2023 16:42:51
Как диагностировать Google Panda, понять, что нужно изменить на своем сайте и сделать пользователей счастливыми....
24 09 2023 8:30:45
Недавно у нас появился свой генератор мемов :) Во многих компаниях смешные слова и фразы стараются запомнить и передать следующим поколениям сотрудников. В Netpeak же долго работали над секретным проектом и... Читайте!...
23 09 2023 10:42:47
Активно юзая Google Tag Manager, узнали много нового о dataLayer и методах отслеживания статистики в Google ***ytics для SPA-сайтов и лендингов. Об этом и расскажем...
22 09 2023 23:15:31
Казахстанские реалии: данные по более 1 млн кликов в 23 тематиках и 15 городах....
21 09 2023 1:41:27
Для эффективного ведения контекстной рекламы необходимо отслеживать продажи. Как сделать это с помощью Google Tag Manager расскажем в этой статье...
20 09 2023 0:51:44
Делимся советами по оптимизации рассылок. Важны новые форматы писем, предварительное тестирование, смена тем письма, ярче CTA. Все это в сочетании с понятностью и искренностью не заставит ждать хороший CTR...
19 09 2023 20:27:38
Как избежать скликивания, случайных переходов и «пустых» установок при рекламе мобильного приложения...
18 09 2023 8:10:27
Как добавить данные о компании на карты Google и Яндекс....
17 09 2023 5:49:23
Как разобраться в типах соответствия ключевых слов и определить, что минус-слова блокируют показы нужных ключевых слов....
16 09 2023 19:24:43
Футпринт — это признак, по которому можно спалить PBN-сетку сайтов. Это как родинки. Если взять двух парней с родинкой на щеке, то не факт, что они братья. Но если родинки совпадают на щеке, локте и колене, то тут что-то подозрительное...
15 09 2023 13:54:22
Ошибка, которая может привести к полной потере контроля над вашим сайтом. Рассказываем, что это такое, какие могут быть причины поломки и как исправить. Узнать больше!...
14 09 2023 20:48:35
Оптимизация и оформление вордовских текстов, переводчик, совместное редактирование, возможность залить картинку... Эти и много других опций дают дополнения для Google Документов....
13 09 2023 3:49:43
10 базовых правил оформления онлайн-таблиц. Оформление — основа таблицы. Как работать со столбцами и ячейками, комментариями и примечаниями, делать корректные цветовые выделения. Читайте далее....
12 09 2023 13:12:15
Краткая инструкция для новичков. Структура сайта, внутренняя перелинковка, юзабилити, контент, оптимизация тегов и заголовков, HTTPS, скорость загрузки сайта, mobile friendly и другие. Узнать больше!...
11 09 2023 4:30:21
Учим правильно платить за верхние строчки показов объявления: настройка быстрых звонков из поисковых объявлений «Только номер телефона» Google Ads...
10 09 2023 9:55:58
Как бесплатно пользоваться преимуществами, особенностями и дополнительными инструментами сервиса...
09 09 2023 22:42:46
Как сделать красиво. Алгоритм подготовки красивых и понятных презентаций, рекомендации и полезные ссылки, а также простые правила хорошего тона в дизайне Google Презентаций. Узнать больше и сделать свою презентацию эффективнее!...
08 09 2023 13:54:18
Дейли — ежедневный комaндный митинг, на котором комaнда синхронизируется по ключевым моментам работы и по текущим задачам. Делимся чек-листом агентства Netpeak по организации дейли на удалёнке....
07 09 2023 17:43:43
Старт любых активностей в сфере email-маркетинга — разработка стратегии...
06 09 2023 1:54:41
Знаете, как доменная зона Германии связана с криптовалютой, или почему в доменной зоне маленького острова площадью 10 квадратных километров зарегистрировано 20 млн доменов? Сейчас расскажем!...
05 09 2023 15:13:27
Как найти, нарастить и проанализировать ссылочную массу...
04 09 2023 13:27:38
Создание даже короткого ролика может стоить дорого. Поэтому можно использовать бесплатный инструмент Bumper Machine от Google....
03 09 2023 16:29:39
Как отслеживать эффективность мобильного приложения в онлайн-режиме....
02 09 2023 22:45:28
В статье рассказываем, какие бывают push-уведомления, когда их используют, даем чек-лист и пошаговую инструкцию по созданию успешной push-рассылки....
01 09 2023 5:36:26
Что такое обратная связь, почему фидбек от клиентов важен и как его правильно собирать. Все, что нужно знать, чтобы получить отзыв от клиента....
31 08 2023 10:14:10
Опции скриншутера, которые упростят вам жизнь....
30 08 2023 13:26:14
Инструменты веб-мастера: что может заменить Google ***ytics?...
29 08 2023 13:17:46
Партнерская программа — это когда сервис дает партнеру вознаграждение за приведенных клиентов. Получить деньги и/или другие плюшки можно также по реферальной программе. Как это работает? Разбираемся на примерах....
28 08 2023 22:47:44
5 важных навыков для новичков в PPC: как учиться, чтобы стать экспертом; секреты тайм-менеджмента, мотивации; тонкости оптимизации рабочего процесса. Узнать больше!...
27 08 2023 6:49:56
Анализируя поведение аудитории, вы сможете понять, почему клиенты приходят на сайт, почему уходят, и почему не делают заказы....
26 08 2023 17:59:35
Платные и бесплатные способы ускорить оптимизацию....
25 08 2023 12:47:57
Для эффективной оценки работы кампаний не обойтись без вычисляемых показателей. Они экономят время PPC-специалиста и позволяют правильно анализировать рекламные кампании....
24 08 2023 15:43:37
Готовы ли вы доверить основные настройки кампании автоматическим алгоритмам?...
23 08 2023 13:30:32
Подборка корпоративных медиа, попав на страницы которых, не хочется их покидать....
22 08 2023 20:35:52
Медиаплан для контекстной рекламы малого и среднего бизнеса — как составить медиаплан мечты для рекламных кампаний без ложного понимания, что автоматические сервисы могут корректно обработать сырые данные и выдать результат...
21 08 2023 6:17:55
Продажа климатического оборудования. Кейс о проекте, который продвигался у нас на услуге «продвижение по позициям» и не демонстрировал хороших результатов как по росту трафика, так и по продажам, не смотря на высокие места в выдаче. Узнать больше!...
20 08 2023 6:35:19
Chrome Extensions экономят время тех, кто продвигает мобильные приложения...
19 08 2023 21:18:21
Создатель сервиса Foster Кирилл Винокуров рассказал, как зарегистрировать приложение для полноценной работы с Директом....
18 08 2023 12:47:29
Продвигаем медицинский проект. Кроме цифр рассказываем, что и как делали...
17 08 2023 0:22:11
О важных для разметки сайта тегах — alternate, hreflang, media, — и как их грамотно использовать при продвижении....
16 08 2023 8:51:16
Словарь, которым пользуются SEO-специалисты агентства Netpeak...
15 08 2023 15:41:53
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::