чтобы она была ниже цены конкурента, помните: большинство людей принимает решение о покупке, опираясь на цену;
• краткая характеристика каждого товара;
• кнопка «Купить» или «Добавить товар в корзину»;
• быстрый просмотр товара;
• рейтинг товаров.
Отдельно остановлюсь на функционале фильтрации товаров или сортировке по разным свойствам. Чем больше свойств и фильтров вы предоставите пользователю, тем удобнее ему будет работать с каталогом. Это, в свою очередь, располагает посетителей сайта дольше оставаться на нем. А главное – качественная фильтрация позволяет SEO-специалистам создавать нужные им посадочные страницы, которые помогут сайту ранжироваться выше.
Техническое оформление структуры каталога тоже требует грамотного подхода. Так, названия товаров в нем нужно оптимизировать под поисковые запросы.
Скажу еще несколько слов про пагинацию – постраничное распределение информации. Вы видели ее и в поисковиках, и в интернет-магазинах, и на других сайтах, где много разделов или страниц. Принцип пагинации прост: каждая страница раздела пронумерована, и на ней всегда показано фиксированное количество информации. Например, вы находитесь в разделе мобильных телефонов, и на странице видно только 25 товаров. Чтобы посмотреть другие товары, нужно нажать либо на номер в нижней части страницы, либо на кнопку «Смотреть еще».
Располагается пагинация, как правило, внизу страницы. Но для интернет-магазина актуально дублировать пагинацию также и вверху страницы в каталоге.
Пагинацию желательно оформить в виде html-кода, чтобы его находили поисковые роботы и воспринимали как понятный и удобный для них инструмент. Также на пользу сайту пойдет настройка бесконечной прокрутки товаров. Это вариант пагинации, когда вся информация демонстрируется на одной странице. Во время прокрутки контент подгружается незаметно для пользователя, из-за чего страница кажется бесконечной.
Также на странице каталога понадобится два типа микроразметки: по типу продукта и по типу отзывов. Микроразметка – это специальный код, который размечает элементы сайта для поисковых систем, чтобы структурировать контент. Основной стандарт семантической разметки – Schema.org. Сниппеты сайтов с микроразметкой показываются в результатах поисковой выдачи с дополнительными визуальными элементами. Например, на рис. 23 представлен каталог, где подразделы содержат кликабельные страницы по популярным брендам. Это значит, что, если пользователь будет искать один из них, поисковая система покажет сниппет магазина, где выделит отдельной ссылкой запрашиваемый бренд.
Рис. 23. Пример оформления каталога от «М.Видео».
И, конечно, говоря о структуре каталога, нужно упомянуть ассортимент. В идеале он должен быть богаче, чем у вашего ближайшего конкурента. Практически невозможно продвинуть в топ сайт, у которого ассортимент отстает от конкурентов на сотни и тысячи позиций. С точки зрения поисковой системы, у сайта с небольшим каталогом меньше веса. Логика здесь простая: проще и выгоднее привести пользователя на сайт с большим ассортиментом, потому что, скорее всего, там он удовлетворит потребность лучше, чем на сайте, где ассортимента мало.
Некоторые сайты используют дополнительные элементы в структуре каталога. Например, компания DNS (рис. 24) предлагает пользователям удобный, детальный механизм фильтрации в левой части страницы. В кратком описании товара в основной части страницы показываются не только главная информация о товаре (название, цена, рейтинг, наличие) но и функциональные ссылки («Купить», «Добавить в избранное», «Добавить в сравнение»). А в верхней части экрана, рядом с активной ссылкой «Показать еще», располагается система тегов – наиболее популярные фильтры, которыми пользуются посетители сайта.
Рис. 24. Оформление страницы каталога на сайте DNS.
Теги можно использовать, когда под некоторые страницы у вас нет отдельного фильтра внутри каталога. Так, если говорить про ноутбуки, то модель с конкретной диагональю экрана или ноутбук, в котором сочетаются определенный процессор и объем оперативной памяти, могут быть популярными запросами. Для товаров, ярко выделяющихся с точки зрения потребительского спроса, нужно отдельно собирать семантику и создавать страницу при помощи тегов. Искренне советую использовать такой подход для всех интернет-магазинов, но не ограничиваться только им.
СТРАНИЦА С ОПИСАНИЕМ ТОВАРА
Пожалуй, для интернет-магазина это один из самых важных разделов. Именно он позволяет потенциальным покупателям быстрее принимать решение о покупке или, если информации о товаре недостаточно, уходить с сайта в поисках других продавцов. Поэтому уделите особенное внимание разработке страницы с описанием товара. Ее часто называют карточкой товара.
На ней должны быть обязательные элементы, которые предоставят полную информацию о каждой позиции в каталоге. Допускается размещение дополнительных сведений, позволяющих представить товар в выгодном свете. К обязательным блокам относятся:
• описание товара с подробными характеристиками. Причем основные характеристики нужно оформлять отдельными свойствами в системе управления сайта, потому что именно на их основе выстраивается фильтрация в каталоге;
• несколько фотографий товара с разных ракурсов, в хорошем качестве. Еще лучше, если на сайте реализована возможность увеличить изображение. Для интернет-магазинов одежды или мебели актуально дополнительное макрофото материала, из которого эти товары изготовлены;
• кнопка «Купить» или «Добавить товар в корзину». Желательно предусмотреть вариант покупки в один клик;
• цена за единицу товара. Если он продается не поштучно, а пачками или килограммами, указывается стоимость пачки или килограмма. В рублях, если сайт ориентирован на российского покупателя;
• предварительная информация о сроках и вариантах доставки. На этапе выбора товара, пока он еще не оказался в корзине покупателя, стоит обозначать возможный диапазон доставки. Для некоторых покупателей сроки доставки важны не меньше цены.
Остальные элементы карточки товара в разных интернет-магазинах могут различаться. Многое зависит от возможностей заказчика и его желания сделать сайт максимально удобным для посетителей, а также от категорий товаров, которые он продает.
Рис. 25. Пример страницы товара.
Например, на сайте HobbyGames (рис. 25) карточка товара содержит «хлебные крошки», особые теги о товаре (количество игроков, возраст, время игровой сессии), блок фотографий с возможностью посмотреть их в увеличенном размере, расширенный блок о доставке. Обратите внимание, что в карточке также есть ссылки на основное описание, видеообзоры, правила игры, отзывы и вопросы. А также вкладки, которые показывают игры этой же серии и дополнения к выбранному товару, способствующие увеличению среднего чека.
К дополнительным элементам карточки товара относятся:
• статус наличия: доступен товар в наличии или под заказ. Если под заказ, желательно сразу указать, сколько времени потребуется для доставки покупателю;
• способы оплаты и логотипы платежных систем, которыми покупатель может воспользоваться;
• отзывы, оценки товаров и вопросы о них. Живые отзывы и оценки товара помогают другим покупателям сориентироваться, а также увеличивают время нахождения на странице. Хорошо, когда пользователи могут не только оставлять отзывы и вопросы, но и голосовать за понравившееся;
• ярлыки для товаров, например «Новинка», «Скидки», «Самый популярный товар», «Бестселлер» и пр.
