Как составить каталог пример

Соглашение о конфиденциальности

и обработке персональных данных

1.Общие положения

1.1.Настоящее соглашение о конфиденциальности и обработке персональных данных (далее – Соглашение) принято свободно и своей волей, действует в отношении всей информации, которую ООО «Инсейлс Рус» и/или его аффилированные лица, включая все лица, входящие в одну группу с ООО «Инсейлс Рус» (в том числе ООО «ЕКАМ сервис»), могут получить о Пользователе во время использования им любого из сайтов, сервисов, служб, программ для ЭВМ, продуктов или услуг ООО «Инсейлс Рус» (далее – Сервисы) и в ходе исполнения ООО «Инсейлс Рус» любых соглашений и договоров с Пользователем. Согласие Пользователя с Соглашением, выраженное им в рамках отношений с одним из перечисленных лиц, распространяется на все остальные перечисленные лица.

1.2.Использование Сервисов означает согласие Пользователя с настоящим Соглашением и указанными в нем условиями; в случае несогласия с этими условиями Пользователь должен воздержаться от использования Сервисов.

1.3.Сторонами (далее – «Стороны) настоящего Соглашения являются:

«Инсейлс» – Общество с ограниченной ответственностью «Инсейлс Рус», ОГРН 1117746506514, ИНН 7714843760, КПП  771401001, зарегистрированное по адресу: 125319, г.Москва, ул.Академика Ильюшина, д.4, корп.1, офис 11 (далее — «Инсейлс»), с одной стороны, и

«Пользователь» –

либо физическое лицо, обладающее дееспособностью и признаваемое участником гражданских правоотношений в соответствии с законодательством Российской Федерации;

либо юридическое лицо, зарегистрированное в соответствии с законодательством государства, резидентом которого является такое лицо;

либо индивидуальный предприниматель, зарегистрированный в соответствии с законодательством государства, резидентом которого является такое лицо;

которое приняло условия настоящего Соглашения.

1.4.Для целей настоящего Соглашения Стороны определили, что конфиденциальная информация – это сведения любого характера (производственные, технические, экономические, организационные и другие), в том числе о результатах интеллектуальной деятельности, а также сведения о способах осуществления профессиональной деятельности (включая, но не ограничиваясь: информацию о продукции, работах и услугах; сведения о технологиях и научно-исследовательских работах; данные о технических системах и оборудовании, включая элементы программного обеспечения; деловые прогнозы и сведения о предполагаемых покупках; требования и спецификации конкретных партнеров и потенциальных партнеров; информацию, относящуюся к интеллектуальной собственности, а также планы и технологии, относящиеся ко всему перечисленному выше), сообщаемые одной стороной другой стороне в письменной и/или электронной форме, явно обозначенные Стороной как ее конфиденциальная информация.

1.5.Целью настоящего Соглашения является защита конфиденциальной информации, которой Стороны будут обмениваться в ходе переговоров, заключения договоров и исполнения обязательств, а равно любого иного взаимодействия (включая, но не ограничиваясь, консультирование, запрос и предоставление информации, и выполнение иных поручений).

2.Обязанности Сторон

2.1.Стороны соглашаются сохранять в тайне всю конфиденциальную информацию, полученную одной Стороной от другой Стороны при взаимодействии Сторон, не раскрывать, не разглашать, не обнародовать или иным способом не предоставлять такую информацию какой-либо третьей стороне без предварительного письменного разрешения другой Стороны, за исключением случаев, указанных в действующем законодательстве, когда предоставление такой информации является обязанностью Сторон.

2.2.Каждая из Сторон предпримет все необходимые меры для защиты конфиденциальной информации как минимум с применением тех же мер, которые Сторона применяет для защиты собственной конфиденциальной информации. Доступ к конфиденциальной информации предоставляется только тем сотрудникам каждой из Сторон, которым он обоснованно необходим для выполнения служебных обязанностей по исполнению настоящего Соглашения.

2.3.Обязательство по сохранению в тайне конфиденциальной информации действительно в пределах срока действия настоящего Соглашения, лицензионного договора на программы для ЭВМ от 01.12.2016г., договора присоединения к лицензионному договору на программы для ЭВМ, агентских и иных договоров и в течение пяти лет после прекращения их действия, если Сторонами отдельно не будет оговорено иное.

2.4.Не будут считаться нарушением настоящего Соглашения следующие случаи:

(а)если предоставленная информация стала общедоступной без нарушения обязательств одной из Сторон; 

(б)если предоставленная информация стала известна Стороне в результате ее собственных исследований, систематических наблюдений или иной деятельности, осуществленной без использования конфиденциальной информации, полученной от другой Стороны;

(в)если предоставленная информация правомерно получена от третьей стороны без обязательства о сохранении ее в тайне до ее предоставления одной из Сторон; 

(г)если информация предоставлена по письменному запросу органа государственной власти, иного государственного органа,  или органа местного самоуправления в целях выполнения их функций и ее раскрытие этим органам обязательно для Стороны. При этом Сторона должна незамедлительно известить другую Сторону о поступившем запросе;

(д)если информация предоставлена третьему лицу с согласия той Стороны, информация о которой передается.

2.5.Инсейлс не проверяет достоверность информации, предоставляемой Пользователем, и не имеет возможности оценивать его дееспособность.

2.6.Информация, которую Пользователь предоставляет Инсейлс при регистрации в Сервисах, не является персональными данными, как они определены в Федеральном законе РФ №152-ФЗ от 27.07.2006г. «О персональных данных».

2.7.Инсейлс имеет право вносить изменения в настоящее Соглашение. При внесении изменений в актуальной редакции указывается дата последнего обновления. Новая редакция Соглашения вступает в силу с момента ее размещения, если иное не предусмотрено новой редакцией Соглашения.

2.8.Принимая данное Соглашение Пользователь осознает и соглашается с тем, что Инсейлс может отправлять Пользователю персонализированные сообщения и информацию (включая, но не ограничиваясь) для повышения качества Сервисов, для разработки новых продуктов, для создания и отправки Пользователю персональных предложений, для информирования Пользователя об изменениях в Тарифных планах и обновлениях, для направления Пользователю маркетинговых материалов по тематике Сервисов, для защиты Сервисов и Пользователей и в других целях.

Пользователь имеет право отказаться от получения вышеуказанной информации, сообщив об этом письменно на адрес электронной почты Инсейлс — contact@ekam.ru.

2.9.Принимая данное Соглашение, Пользователь осознает и соглашается с тем, что Сервисами Инсейлс для обеспечения работоспособности Сервисов в целом или их отдельных функций в частности могут использоваться файлы cookie, счетчики, иные технологии и Пользователь не имеет претензий к Инсейлс в связи с этим.

2.10.Пользователь осознает, что оборудование и программное обеспечение, используемые им для посещения сайтов в сети интернет могут обладать функцией запрещения операций с файлами cookie (для любых сайтов или для определенных сайтов), а также удаления ранее полученных файлов cookie.

Инсейлс вправе установить, что предоставление определенного Сервиса возможно лишь при условии, что прием и получение файлов cookie разрешены Пользователем.

2.11.Пользователь самостоятельно несет ответственность за безопасность выбранных им средств для доступа к учетной записи, а также самостоятельно обеспечивает их конфиденциальность. Пользователь самостоятельно несет ответственность за все действия (а также их последствия) в рамках или с использованием Сервисов под учетной записью Пользователя, включая случаи добровольной передачи Пользователем данных для доступа к учетной записи Пользователя третьим лицам на любых условиях (в том числе по договорам или соглашениям). При этом все действия в рамках или с использованием Сервисов под учетной записью Пользователя считаются произведенными самим Пользователем, за исключением случаев, когда Пользователь уведомил Инсейлс о несанкционированном доступе к Сервисам с использованием учетной записи Пользователя и/или о любом нарушении (подозрениях о нарушении) конфиденциальности своих средств доступа к учетной записи.

2.12.Пользователь обязан немедленно уведомить Инсейлс о любом случае несанкционированного (не разрешенного Пользователем) доступа к Сервисам с использованием учетной записи Пользователя и/или о любом нарушении (подозрениях о нарушении) конфиденциальности своих средств доступа к учетной записи. В целях безопасности, Пользователь обязан самостоятельно осуществлять безопасное завершение работы под своей учетной записью по окончании каждой сессии работы с Сервисами. Инсейлс не отвечает за возможную потерю или порчу данных, а также другие последствия любого характера, которые могут произойти из-за нарушения Пользователем положений этой части Соглашения.

3.Ответственность Сторон

3.1.Сторона, нарушившая предусмотренные Соглашением обязательства в отношении охраны конфиденциальной информации, переданной по Соглашению, обязана возместить по требованию пострадавшей Стороны реальный ущерб, причиненный таким нарушением условий Соглашения в соответствии с действующим законодательством Российской Федерации.

3.2.Возмещение ущерба не прекращают обязанности нарушившей Стороны по надлежащему исполнению обязательств по Соглашению.

4.Иные положения

4.1.Все уведомления, запросы, требования и иная корреспонденция в рамках настоящего Соглашения, в том числе включающие конфиденциальную информацию, должны оформляться в письменной форме и вручаться лично или через курьера, или направляться по электронной почте адресам, указанным в лицензионном договоре на программы для ЭВМ от 01.12.2016г., договоре присоединения к лицензионному договору на программы для ЭВМ и в настоящем Соглашении или другим адресам, которые могут быть в дальнейшем письменно указаны Стороной.

4.2.Если одно или несколько положений (условий) настоящего Соглашения являются либо становятся недействительными, то это не может служить причиной для прекращения действия других положений (условий).

4.3.К настоящему Соглашению и отношениям между Пользователем и Инсейлс, возникающим в связи с применением Соглашения, подлежит применению право Российской Федерации.

4.3.Все предложения или вопросы по поводу настоящего Соглашения Пользователь вправе направлять в Службу поддержки пользователей Инсейлс www.ekam.ru либо по почтовому адресу: 107078, г. Москва, ул. Новорязанская, 18, стр.11-12 БЦ «Stendhal» ООО «Инсейлс Рус».

Дата публикации: 01.12.2016г.

Полное наименование на русском языке:

Общество с ограниченной ответственностью «Инсейлс Рус»

Сокращенное наименование на русском языке:

ООО «Инсейлс Рус»

Наименование на английском языке:

InSales Rus Limited Liability Company (InSales Rus LLC)

Юридический адрес:

125319, г. Москва, ул. Академика Ильюшина, д. 4, корп.1, офис 11

Почтовый адрес:

107078, г. Москва, ул. Новорязанская, 18, стр.11-12, БЦ «Stendhal»

ИНН: 7714843760 КПП: 771401001

Банковские реквизиты:

Р/с 40702810600001004854

В ИНГ БАНК (ЕВРАЗИЯ) АО, г.Москва,
к/с 30101810500000000222, БИК 044525222

Электронная почта: contact@ekam.ru

Контактный телефон: +7(495)133-20-43

От того, насколько грамотно спроектирован каталог в интернет-магазине, зависит, найдет ли клиент то, что ему нужно. И на этом шаге есть множество тонкостей, которые помогут сделать путь клиента максимально комфортным. На что стоит обратить внимание? 152 гайдлайна с примерами в этой статье.

Есть идеи по дополнениям – обязательно пишите, буду рад обсудить. Подписывайтесь на выход новых статей в Telegram и делитесь этим материалом с коллегами по цеху.

Это один из 20+ чек-листов по UX/UI в e-commerce. К середине декабря 2022г все они будут доступны в моем профиле на Habr.

Структура статьи

Для удобства статью я разбил на блоки. Так будет легче для восприятия. Каждый из блоков содержит в себе детальный чек-лист.

• Кнопка каталога

• Появление каталога

• Структура каталога

• Контент каталога

• Layout каталога

• Категории первого уровня

• Иллюстрации категорий

• Списки подкатегорий

• Пункты в списках

• Ограничение длины списков

• Highlight категорий

• Прокрутка каталога

• Бренды в каталоге

• Страницы категорий

• Закрытие каталога

1. Кнопка каталога

Фиксирована в шапке

Зафиксируйте кнопку каталога в шапке, чтобы она была доступна в 1 клик при любом скролле страницы.

Смотреть пример

Доступна в таббаре

Добавьте кнопку перехода в каталог в таббар в мобильной версии сайта, чтобы она всегда была доступна, и до нее легче было дотянуться пальцем.

Смотреть пример

В рамках F-паттерна

В версии для ПК взгляд клиента скользит по траектории, схожей с буквой F. Разместив кнопку каталога с учетом такого паттерна, мы повышаем ее заметность.

Смотреть пример

Рядом со строкой поиска

Так как каталог и поисковая строка – 2 основных метода поиска товаров, имеет смысл разместить эти элементы рядом друг с другом.

Смотреть пример

Не прилипает к другим элементам

На мобильных устройствах разместите кнопку каталога с достаточными отступами от других элементов, чтобы сократить риски промаха и нажатия не на ту кнопку.

Смотреть пример

Привлекает внимание

Так как ознакомление с каталогом – одно из целевых действий, кнопка каталога должна быть достаточно контрастной и хорошо привлекать внимание.

Смотреть пример

Достаточно большая

Сделайте кнопку каталога достаточно большой, чтобы клиенту легче было на нее нажать, особенно на мобильных устройствах.

Смотреть пример

Содержит текст

Разместите в кнопке понятный текст о том, что это именно каталог, чтобы исключить какие-либо вопросы у клиента.

Смотреть пример

Содержит иконку

Снабдив кнопку понятной иконкой, вы можете упростить восприятие информации и сделать ее более заметной.

Смотреть пример

Иконка в хорошем качестве

Базовый момент: загрузите иконку в хорошем качестве, чтобы она не размывалась и не пикселила. В идеале используйте векторное изображение.

Смотреть пример

Иконка общепринятая

Если перед вами не стоит задача по снижению использования каталога, выберите для кнопки общепринятую иконку. Клиент не должен гадать, что это за кнопка.

Смотреть пример

Реакция на наведение

Сделайте кнопку интерактивной, чтобы она реагировала на наведение курсора и давала визуальную обратную связь.

Смотреть пример

Изменение вида при клике

При клике кнопка каталога может изменять свой вид и превращаться в кнопку его закрытия.

Смотреть пример

Анимация клика

Кнопку каталога также можно анимировать при клике. Это сделает отклик интерфейса на действия клиента более приятным глазу.

Смотреть пример

2. Появление каталога

При клике по кнопке

Появление каталога при клике по его кнопке – наиболее ожидаемая реакция интерфейса на действия клиента.

Смотреть пример

Не при наведении на кнопку

Лучше воздержаться от открытия каталога при наведении на кнопку: возникает риск ошибочного открытия, когда клиент просто ведет курсор по странице.

Смотреть пример

Без задержек

Реакция интерфейса на клик по кнопке должна быть моментальной: каталог должен отображаться без каких-либо задержек.

Смотреть пример

Без изменения верстки

При открытии и закрытии каталога верстка страницы не должна меняться, если на это нет какой-либо значимой причины.

Смотреть пример

Плавная анимация

Вместо прерывистой реакции интерфейса можно предусмотреть открытие каталога с помощью быстрой, но плавной и ненавязчивой анимации (например, выцветания).

Смотреть пример

Без чрезмерной анимации

При этом избегайте чрезмерной анимации в появлении каталога. Особенно если клиент сталкивается с ней не 1 раз, такая анимация может вызвать раздражение.

Смотреть пример

Выделяется на фоне страницы

Если каталог занимает не всю площадь экрана, фоновую страницу можно затемнять, чтобы сфокусировать внимание клиента именно на каталоге.

Смотреть пример

Контент каталога отображается

Контент каталога должен отображаться при клике по кнопке. Да, я понимаю, что момент очевидный. И я бы его не добавил, если бы не этот замечательный пример:

Смотреть пример

3. Структура каталога

Различные классификации

Каталог можно структурировать по нескольким направлениям: по типу товара, поводу, стилю и т.д. – дайте клиенту возможность пойти тем путем, который ему более удобен.

Смотреть пример

На основе паттернов поиска

Структура каталога должна соответствовать тому, как клиенты ищут товары. Проведите клиентское исследование, чтобы понять, каковы паттерны в вашем случае.

Подобное к подобному

Объединяйте подкатегории со схожими свойствами в единую категорию верхнего уровня, чтобы упростить поиск нужного товара для клиента.

Смотреть пример

Уровневая структура

Если у вас широкий спектр товаров, используйте уровневую структуру каталога, чтобы не сталкивать клиента с чересчур длинными списками подкатегорий.

От общего к частному

Основополагающий момент: структурируйте каталог, начиная с категорий верхнего уровня, и двигайтесь в сторону повышения детализации.

Смотреть пример

Объем отображаемого контента

Чем меньше объектов клиент видит на экране, тем легче ему найти нужный. Отображение слишком большого числа категорий с подкатегориями лишь затрудняет поиск.

Смотреть пример

Поэтапное отображение

Эта механика позволяет решить проблему перегрузки интерфейса за счет отображения категорий следующего уровня лишь по выбранному элементу:

Смотреть пример

Без пересекающихся подкатегорий

Подкатегории могут встречаться в рамках разных структур каталога, но не стоит добавлять пересекающиеся подкатегории внутри одной структуры.

Смотреть пример

Детализация достаточна

Сделайте каталог достаточно детальным, чтобы сэкономить клиенту время. Не заставляйте его переходить в листинг на уровне «Ноутбук», когда он хочет купить себе Macbook.

Смотреть пример

Детализация не слишком высокая

При этом, если детализация в каталоге слишком высокая, есть риск, что в целевом листинге будет мало товаров, и клиент уйдет, не найдя то, что ему нужно.

Смотреть пример

Не все в одну корзину

Проектируя каталог, думайте о том, чтобы клиенту легко было найти нужный товар: не объединяйте множество разнородных подкатегорий в одну мега-категорию.

Смотреть пример

Без категорий с 0 товаров

Предусмотрите, чтобы подкатегории динамически пропадали из списков, если в них нет товаров. Иначе переход в пустой листинг станет неприятным сюрпризом для клиента.

Смотреть пример

Товары и аксессуары

Размещая товары и аксессуары к ним в одной категории, вы облегчаете поиск нужного товара для клиента. Разбивая на разные категории, как в примере – усложняете.

Смотреть пример

Корректная категоризация товаров

Каким бы удобным ни был каталог, если товары промаркированы так, что находятся не в своих категориях, шансы на то, что клиент их найдет (и купит), невысоки.

Смотреть пример

Единая структура

Структура каталога должна быть единой для desktop и mobile версий сайта. У клиента не должно возникать диссонанса при переключении между версиями.

4. Контент каталога

Списки подкатегорий

Базовый момент: если у категории есть подкатегории, их список должен отображаться при выборе этой категории в рамках каталога.

Смотреть пример

Аксессуары

Помимо подкатегорий в рамках категории также можно разместить и ссылки на листинги подходящих аксессуаров.

Смотреть пример

Услуги

Если вы помимо товаров предоставляете и услуги, их также можно добавить в каталог. Причем размещать их лучше на страницах соответствующих категорий, а не отдельно.

Смотреть пример

Бренды в категории

Разместив ссылки на листинги товаров в категории от конкретных брендов, мы можем упростить путь поиска нужного товара для части клиентов.

Смотреть пример

Гайды по выбору товаров

Если вы выпускаете статьи и видео о том, как выбрать нужные товары, их можно разместить на соответствующих страницах каталога.

Смотреть пример

Конструкторы продуктов

Если вы продаете комплексные решения, на страницы категорий в каталоге также можно добавить ссылки конструкторы, позволяющие упростить выбор товара.

Смотреть пример

Подборки товаров

В каталог можно включить еще и тематические подборки. Клиент может воспользоваться ими на стадии discovery и открыть с их помощью для себя интересные товары.

Смотреть пример

Подарочные карты

Не всегда мы ищем товары для себя. И не всегда можем угадать предпочтения того, кому хотим их подарить. Поэтому highlight подарочных карт в каталоге может быть полезен.

Смотреть пример

5. Layout каталога

Мега-меню

Если у вас широкий спектр товаров и много разнородных категорий, мега-меню позволит уместить всю структуру каталога в рамках единого интерфейса.

Смотреть пример

Dropdown

Формат выпадающих списков можно использовать, когда у вас всего несколько категорий, которые можно разместить сразу же в шапке, и неглубокая структура каталога.

Занимает всю полезную площадь

При активации каталога логично, что внимание будет фиксировано именно на нем. Поэтому в случае с мега-меню ему может отводиться вся площадь экрана.

Смотреть пример

Каталог единообразен

Используя разные версии каталога на разных страницах сайта, легко можно ввести клиента в заблуждение и затруднить навигацию.

Смотреть пример

Мобильная оптимизация

Не думал, что в 2022г такая рекомендация будет еще для кого-то актуальной. Но что имеем, то имеем: у магазина 3.43 млрд.руб выручки за 2021 год.

Смотреть пример

Реализован в виде вкладок

Реализуйте каталог в формате вкладок, не отображайте все категории в рамках единой длинной страницы. Клиент не должен состариться, пока доскроллит до конца списка.

Смотреть пример

Каталог не перекрывается

Добавляя поверх сайта различные виджеты, такие как онлайн-чат или заказ обратного звонка, убедитесь, что они не влияют на отображение каталога и не перекрывают его.

Смотреть пример

Без многоуровневых popup’ов

Отображение еще одного всплывающего списка на всплывающем меню каталога может быть чересчур в плане нагромождения контента.

Смотреть пример

Категории первичны

Функция навигации в каталоге должна быть первичной. Не прячьте подкатегории за множеством рекламных баннеров, брендов и товаров. Разместите их в начале.

Смотреть пример

6. Категории первого уровня

Видны сразу

Если число категорий верхнего уровня не слишком большое, их можно разместить прямо в шапке. Таким образом, они сразу будут видны клиенту при загрузке страницы.

Смотреть пример

Как часть главной страницы

Категории верхнего уровня можно снабдить иллюстрациями и представить как часть главной страницы. Особенно это удобно для мобильной версии:

Смотреть пример

В начале главной страницы

При этом, так как каталог – один из основных методов поиска в магазине, его не стоит прятать слишком глубоко на главной странице. Разместите его ближе к началу.

Смотреть пример

Отсортированы по популярности

Сортировка по популярности позволит большей части клиентов быстрее найти нужную им категорию.

Смотреть пример

Без прокрутки на мобильных

Не располагайте категории с горизонтальной прокруткой в мобильной версии. Далеко не все клиенты ее заметят. Это снизит шансы на успешный поиск и покупку товара.

Смотреть пример

Активная категория выделяется

При просмотре подкатегорий в рамках категории верхнего уровня выделяйте ее на фоне остальных, чтобы облегчить навигацию для клиента.

Смотреть пример

Переход между категориями

Убедитесь, что переключение списков подкатегорий осуществляется корректно при перемещении курсора по категориям верхнего уровня. Вот так делать не стоит:

Смотреть пример

Диагональное перемещение

Часто встречается некорректная обработка диагонального перемещения курсора от категории к подкатегориям. В этом примере клиент попадает не в тот список:

Смотреть пример

Тайминг переключения категорий

Добавьте задержку в обработчик наведения на категорию, чтобы свести риски показа не тех подкатегорий к нулю при перемещении курсора по диагонали.

Смотреть пример

Стрелка, если есть подкатегории

Чтобы подчеркнуть наличие подкатегорий в категории верхнего уровня, можно снабдить ее стрелкой.

Смотреть пример

Категории кликабельны

Сделайте категории верхнего уровня кликабельными. При клике по ним клиент должен переходить на страницы соответствующих категорий.

Смотреть пример

Клик в мобильной версии

В мобильной версии лучше сделать действие раскрытия списка подкатегорий приоритетным по отношению к переходу в общий листинг категории.

Смотреть пример

Анимация при переходах

На мобильных устройствах переходы от категорий к подкатегориям и обратно можно реализовать с помощью приятной глазу анимации.

Смотреть пример

Категория – заголовок

Для упрощения навигации название категории верхнего уровня можно дублировать в качестве заголовка в области с подкатегориями.

Смотреть пример

7. Иллюстрации категорий

Используются

Снабдив верхнеуровневые категории иконками или миниатюрами, можно облегчить восприятие информации на стороне клиента.

Смотреть пример

Поиск по иллюстрациям

Иллюстрации играют еще одну важную роль: иногда клиент может не знать, как товар называется, но знать, как он выглядит. В этом случае иллюстрации помогут в поиске.

Смотреть пример

Релевантны

Базовый момент: добавляя иллюстрации, позаботьтесь о том, чтобы они соответствовали категориям, рядом с которыми они расположены.

Смотреть пример

Репрезентативны

Иллюстрации должны быть репрезентативными и олицетворять всю категорию, а не подсвечивать лишь какой-то один конкретный товар.

В едином стиле

Иллюстрации категорий должны быть выполнены в едином стиле. В противном случае это может создать ощущение несогласованности.

Смотреть пример

Визуально не «кричащие»

Иллюстрации должны привлекать внимание, но во всем важно знать меру. Если сделать их чересчур «кричащими», это может лишь рассеять внимание и затруднить восприятие.

Смотреть пример

Если иллюстрации есть, то везде

Если уж вы решили сделать свои категории более понятными и добавить иконки, не стоит останавливаться лишь на 2-3 – извольте добавить иконки по всем категориям.

Смотреть пример

В хорошем качестве

Если уж вы решили добавить иллюстрации, добавьте их в хорошем разрешении, чтобы они не пикселили и не ухудшали впечатление о качестве сайта.

Смотреть пример

Различия в иллюстрациях заметны

Если вы добавляете иллюстрации не для галочки, сделайте так, чтобы они значимо отличались друг от друга. В этом случае кто-то точно схалтурил:

Смотреть пример

Иллюстрации понятны клиенту

Подготавливая иллюстрации, протестируйте их на понятность у целевой аудитории. Если клиент не понимает, что изображено на иллюстрации, ее ценность стремится к нулю.

8. Списки подкатегорий

Отображаются

Базовый момент: убедитесь, что по всем категориям верхнего уровня, по которым подкатегории доступны в листинге, они отображаются и в каталоге.

Смотреть пример

Появляются моментально

При наведении курсора на категорию верхнего уровня область с подкатегориями должна загружаться моментально, без каких-либо задержек.

Смотреть пример

Видны при тапе на мобильных

Так как на мобильных устройствах размер интерфейса ограничен, отображайте списки подкатегорий при нажатии на категорию, а не по умолчанию, чтобы сэкономить место.

Смотреть пример

Без списка, если подкатегорий нет

Если подкатегории отсутствуют, нет смысла дублировать в списке название категории. Просто переводите клиента в соответствующий листинг при клике.

Смотреть пример

Характеристики, как подкатегории?

В некоторых случаях в качестве подкатегорий отображают характеристики. Как считаете, в чем плюсы и минусы такого подхода? Напишите, пожалуйста, в комментариях.

Смотреть пример

Списки обособлены

Сделайте списки подкатегорий обособленными: отступы между заголовком списка и его элементами не должны быть больше, чем отступы между списками.

Смотреть пример

Заголовки кликабельны

Сделайте заголовки списков кликабельными – так, чтобы они вели на соответствующие страницы категорий со ссылками на все подкатегории и листингом товаров.

Смотреть пример

Ссылка на все товары категории

Не для всех клиентов будет очевидно, что категория в заголовке списка кликабельна. Поэтому снабдите список подкатегорий ссылкой на все товары категории.

Смотреть пример

Единообразие форматирования

Убедитесь, что при переключении между категориями верхнего уровня подкатегории выглядят единообразно и одинаково форматированы.

Смотреть пример

Отступы между пунктами

Проектируя каталог, не забудьте, что текст некоторых категорий может переноситься на новую строку и адаптируйте верстку, чтобы одни элементы не наезжали на другие.

Смотреть пример

Подкатегории унифицированы

Не смешивайте в рамках единого списка подкатегории разных уровней. Это ухудшает восприятие и затрудняет поиск товара.

Смотреть пример

Списки выровнены

Выровняйте списки подкатегорий по левому краю. Маркеры и прочие элементы не должны влиять на выравнивание.

Смотреть пример

9. Пункты в списках

Подкатегории в виде списков

Размещайте подкатегории в виде списков. Реализация подкатегорий в формате «облака тегов» может затруднить поиск нужного элемента.

Смотреть пример

Пункты не дублируются

Базовый момент: дублировать подкатегории в рамках одного списка не стоит. Но примеры того, как кто-то наступает на эти грабли, обязательно найдутся.

Смотреть пример

Списки с одной (?) подкатегорией

Как считаете, стоит ли отображать по категориям списки всего с одним элементом? И почему? Напишите, пожалуйста, в комментариях.

Смотреть пример

Сочетание цветов

Убедитесь, что цвет текста категорий хорошо сочетается с цветом фона. Иначе есть риск, что клиент уйдет на этапе ознакомления с каталогом.

Смотреть пример

Категории vs. подкатегории

Сделайте так, чтобы подкатегории визуально отличались от категорий: например, выполните их чуть более выцветшими, меньшего размера или менее жирными.

Смотреть пример

Текст подкатегорий контрастный

При этом текст подкатегорий должен быть достаточно контрастным к фону. Иначе либо его будет сложно прочитать, либо может возникнуть ощущение, что ссылки неактивны.

Смотреть пример

Названия не обрезаются

Спроектируйте категории и подкатегории так, чтобы их названия не обрезались. В противном случае это ухудшит их восприятие и затруднит навигацию.

Смотреть пример

Терминология, сленг, сокращения

По возможности старайтесь обойтись без использования специфических сокращений, сленга и терминов, которые могут быть не понятны для целевой аудитории.

Смотреть пример

Без ошибок в тексте

Особенно «радует», когда компании с оборотом почти 60 млрд.руб не могут вычитать тексты в каталоге и допускают ошибки.

Смотреть пример

Умеренный CAPS LOCK

CAPS LOCK хорош тогда, когда его мало. Например, в заголовках. Но если все элементы списка будут в верхнем регистре, это может усложнить восприятие.

Смотреть пример

Единый регистр

По возможности реализуйте элементы списков в едином регистре. Если уж одни списки идут с заглавной буквы, будьте добры реализовать в таком формате и остальные.

Смотреть пример

Количество позиций

Как считаете, насколько уместно на уровне каталога отображать количество позиций по категориям? В чем это помогает? Напишите, пожалуйста, в комментариях.

Смотреть пример

Реакция на наведение

Сделайте категории и подкатегории интерактивными, чтобы они реагировали на наведение курсора и давали визуальную обратную связь.

Смотреть пример

Без дублирующей подсказки

По возможности избегайте появления дублирующей контекстной подсказки при наведении курсора на категории и подкатегории. Смысла в этом особого нет.

Смотреть пример

Кликабельная область

Сделайте кликабельным не только текст пункта, но и всю область по ширине списка. Это снизит количество промахов и упростит переход к листингу.

Смотреть пример

10. Ограничение длины списков

Списки не слишком длинные

По возможности группируйте подкатегории в более короткие и легкие для восприятия списки. Это упростит процесс поиска нужной подкатегории.

Смотреть пример

Наличие ограничителей

Если подкатегорий в рамках категории слишком много, можно ограничить их список, дав клиенту возможность раскрыть его полностью.

Смотреть пример

Не виден 1 пункт – не сокращаем

Если в списке обрезается всего 1 пункт, вместо надписи «Еще 1» можно просто его отобразить. Больше места такая механика не займет.

Смотреть пример

Ссылки не вызывают вопросов

Текст ссылок на все подкатегории должен быть привычным, понятным для аудитории и не должен вызывать вопросов.

Смотреть пример

Визуальное отличие ссылок «Еще»

Сделайте ссылки для перехода ко всем категориям визуально отличными от основных элементов списка, так как их функции различаются.

Смотреть пример

Выбор на уровне каталога

Дайте клиенту возможность ознакомиться с оставшимися категориями прямо в рамках каталога, без необходимости переходить на новую страницу и ждать ее загрузки.

Смотреть пример

Highlight числа скрытых пунктов

Ссылки раскрытия списка можно сделать более информативными, добавив число скрытых пунктов. Интерфейс при этом особо не перегрузится.

Смотреть пример

Скрытие раскрытых списков

Помимо раскрытия списка предусмотрите также и возврат к краткой версии – так, чтобы после ознакомления с категориями список не занимал много места.

Смотреть пример

11. Highlight категорий

Используется

Внимание клиента к определенным категориям (например, новинкам) можно привлечь за счет размещения рядом с ними специальных маркеров.

Смотреть пример

Highlight с помощью emoji

Для highlight’а категорий могут использоваться не просто маркеры, а релевантные emoji. Если стилистика сайта позволяет, выглядеть это может симпатично.

Смотреть пример

Highlight текущей категории

Выделяйте в каталоге категорию, в которой клиент находится в данный момент. Это позволит упростить навигацию.

Смотреть пример

Featuring категории

Наиболее популярную категорию можно выделить более явно, снабдив ее релевантной иллюстрацией. Это упростит путь клиента в большом количестве случаев.

Смотреть пример

Highlight категорий понятен

Если вы выделяете какие-то подкатегории, дайте клиенту понять, на основе чего они выделены. Там есть новинки? Они популярны? Есть специальные предложения?

Смотреть пример

Без highlight’а всех категорий

Если highlight отображается по всем элементам списка, он фактически теряет свою функцию выделения категории на фоне остальных.

Смотреть пример

Highlight новинок

Если вы хотите отдельно презентовать новинки, выделите их специально и не допускайте случаев, когда они визуально сливаются с другими категориями.

Смотреть пример

12. Прокрутка каталога

Скролл только если это необходимо

Не размещайте скролл там, где можно обойтись и без него. В примере мы видим большое неиспользуемое пространство, но при этом часть элементов обрезаются и не видны.

Смотреть пример

Внутренний скролл списка

Реализуйте внутренний скролл списка категорий, чтобы клиент не прокручивал сначала вниз до категории, а затем вверх, чтобы ознакомиться с подкатегориями.

Смотреть пример

Без скролла при переключении

Если список категорий прокручен (скролл не нулевой), при переключении между категориями скролл не должен меняться.

Смотреть пример

Scrollbar виден, если есть прокрутка

Если контент каталога не помещается на экран, сделайте scrollbar видимым по умолчанию, чтобы подсветить возможность прокрутки.

Смотреть пример

Scrollbar ненавязчив

При этом scrollbar – это вторичный элемент и он не должен бросаться в глаза. Тем более он не должен перекрывать собой другие элементы интерфейса.

Смотреть пример

Без чрезмерного скролла

Спроектируйте каталог таким образом, чтобы клиенту не приходилось прокручивать страницу слишком долго, чтобы добраться до нужного элемента.

Смотреть пример

Визуальный highlight прокрутки

В некоторых случаях возможность скролла подсвечивается в хорошо заметной визуальной форме. Как вам такое исполнение? Хорошо или перебор? Напишите в комментариях.

Смотреть пример

Прокрутка ограничена

Зона скролла в области с подкатегориями должна быть ограничена контентом: у клиента не должно быть возможности бесконечно долго прокручивать пустую область.

Смотреть пример

Без горизонтального скролла на мобильных

Блокируйте горизонтальный скролл категорий на мобильных. В противном случае взаимодействие со списком категорий может стать не совсем удобным:

Смотреть пример

Без скролла фоновой страницы

Если каталог фиксирован, отключайте скролл фоновой страницы при его открытии: в нем нет смысла, и он может «конкурировать» с внутренним скроллом каталога.

Смотреть пример

Фиксация категории при скролле

В мобильной версии категорию можно фиксировать на экране при просмотре списка подкатегорий. Это облегчит навигацию, особенно если список длинный.

Смотреть пример

13. Бренды в каталоге

Присутствуют в каталоге

Помимо подкатегорий в рамках категории верхнего уровня также можно подсветить и ключевые бренды, которые в ней представлены.

Смотреть пример

Визуальный формат

Если стилистика сайта позволяет это сделать, бренды можно представить как в текстовом формате, так и в виде знакомых клиентам логотипов.

Смотреть пример

Бренды, как раздел каталога

В некоторых сферах (например, fashion) клиенты могут сразу искать товары по бренду, поэтому под бренды можно выделить отдельную категорию в каталоге.

Смотреть пример

Сортировка по алфавиту

Если под бренды выделен раздел в каталоге и их достаточно много, отсортируйте их по алфавиту, чтобы клиенту легче было найти нужный.

Смотреть пример

Встроенный поиск по бренду

Помимо сортировки в некоторых случаях можно встретить встроенный в каталог поиск по названию бренда, который также может упростить жизнь клиенту.

Смотреть пример

Логотипы в хорошем качестве

Базовый момент, но встречается: если уж вы используете логотипы брендов на страницах категорий, загрузите их в хорошем качестве, чтобы они не пикселили.

Смотреть пример

Целевые листинги по брендам

При клике по брендам в рамках категории клиент должен переходить не на общий листинг товаров бренда, а именно к его товарам в данной категории.

Смотреть пример

14. Страницы категорий

Есть по категориям 1-2 уровней

Разработайте страницы категорий, как минимум, по 1 и 2 уровням иерархии. Это позволит облегчить поиск по сравнению с просто массивным листингом.

Содержат ссылки на подкатегории

Разместите на страницах категорий ссылки на подкатегории. Это позволит упростить навигацию клиента по каталогу.

Смотреть пример

Подкатегории в начале страницы

На странице категории сделайте функцию навигации первичной: разместите ссылки на подкатегории в начале, не перебивайте их рекламой и акциями.

Смотреть пример

Иллюстрации подкатегорий

По возможности снабжайте подкатегории иллюстрациями, чтобы облегчить восприятие информации и упростить поиск

Смотреть пример

Требования к иллюстрациям

Требования к иллюстрациям подкатегорий на страницах категорий аналогичны тем, что применимы к иллюстрациям в рамках самого каталога.

Содержат листинг товаров

Дополните разбиение по категориям полным листингом товаров с фильтрацией – так, чтобы каждый клиент мог пойти тем путем, который ему более удобен.

15. Закрытие каталога

Кнопка каталога кликабельна

Если вы изменяете кнопку каталога на кнопку закрытия, убедитесь, что она будет выполнять свою функцию, и при клике по ней каталог будет закрываться.

Смотреть пример

Видоизменение кнопки каталога

При клике по кнопке каталога и его открытии она может видоизменяться и превращаться в кнопку закрытия.

Смотреть пример

Клик по крестику

Если кнопка каталога не видна, в каталог можно добавить привычную большинству кнопку крестика, разместив ее в верхнем правом углу.

Смотреть пример

Фиксация кнопки закрытия

Фиксируйте кнопку закрытия каталога в мобильной версии сайта, чтобы она была доступна в любой момент вне зависимости от уровня прокрутки списка категорий.

Смотреть пример

Клик по области вне каталога

Также реализуйте закрытие каталога с помощью клика по фоновой части страницы, если он не занимает 100% ее площади.

Смотреть пример

Без закрытия при отводе курсора

При этом не закрывайте каталог, если клиент лишь отвел курсор на фоновую часть страницы. Иначе риски непреднамеренного закрытия повышаются.

Смотреть пример

Закрытие нажатием на Esc

Реализуйте поддержку закрытия каталога с помощью нажатия на клавишу Esc. Это повысит удобство для клиентов, предпочитающих навигацию с помощью клавиатуры.

Без закрытия при клике в каталоге

Клиент может промахнуться и по ошибке нажать на область рядом с нужной категорией. Закрытие каталога при таком клике может стать неприятным сюрпризом.

Смотреть пример

---

To be continued…

Итак, в этой статье мы разобрали работу с каталогом товаров. Как видим, не все так просто, как кажется на первый взгляд, а причины успехов и фэйлов, как всегда, кроются в деталях.

Следующие статьи будут с таким же уровнем детализации. Продолжаем создавать крупнейшую открытую русскоязычную базу лучших практик UX/UI в eCommerce.

Не забудьте подписаться на канал в Telegram и поделиться этим материалом с коллегами. Будем на связи.

При проектировании структуры каталога надо стремиться к тому, чтобы  покупатель мог найти и купить искомый товар не более, чем в три клика. На практике это оказывается совсем непросто, особенно если интернет-магазин торгует широким ассортиментом товаров. Как создать продуманный каталог интернет-магазина, который будет помогать пользователям определиться с покупкой, мы рассмотрим в этой статье.

Что такое каталог интернет-магазина?

Каталог интернет-магазина — это структурированный перечень товаров, разделенный на тематические группы разной степени вложенности.

Допустим, ваш интернет-магазин занимается продажей светильников. Они различаются по цвету, размеру, количеству лампочек, стилю, предназначению, типу размещения. Имея выводы под светильники в стенах и потолке, покупатель ищет подходящий товар. Одним из вариантов формирования каталога интернет-магазина светильников может стать тип размещения светильников в помещении:

1. Встраиваемые;
2. Потолочные;
3. Настенные;
4. Настенно-потолочные;
5. Подвесные;
6. Настольные;
7. Напольные.

Каталог интернет-магазина светильников

Для удобства поиска в каталоге можно и даже нужно продублировать бытовые названия светильников: люстры, бра, лампы, споты, торшеры и т.д. При попадании пользователя в такой каталог, ему необходимо сделать всего один клик, чтобы приступить к выбору товара. Альтернативные методы структурирования каталога (по бренду, назначению, цвету, материалу, количеству лампочек, мощности) можно реализовать при помощи фильтра.

А если магазин торгует еще и лампочками, и светодиодными лентами, и плафонами или, наоборот, другими предметами мебели и аксессуарами для интерьера, то соблюсти логику в построении каталога уже может быть довольно проблематично.

Еще сложнее продумать структуру интернет-магазина подарков и сувениров, которые могут включать совершенно различные категории товаров. Но есть несколько проверенных способов, которые помогают создать простую и понятную структуру интернет-магазина.

Исходя из чего стоит формировать каталог интернет-магазина?

Если вы хорошо разбираетесь в бизнесе, вам не составит труда определить основные категории товаров и разделить их по ключевым признакам. Например, для магазина спортивных товаров разделение может происходить по видам спорта, а также каталог может включать спортивную одежду и обувь, награды, различные аксессуары, туристический и зимний инвентарь.

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

Рекомендации по составлению каталога интернет-магазина

1. Постарайтесь сформировать дерево каталога, соблюдая баланс между разделами. При составлении структуры каталога стоит придерживаться некоторых правил:
2. Согласно психологии восприятия информации, 7 — это оптимальное число разделов самого верхнего уровня в каталоге, которое пользователь в силах одновременно охватить взглядом.
3. В каждом подразделе должно быть не более 100 товаров. Если какая либо категория у вас насчитывает сотни наименований, а в соседних категориях только 10-20 карточек товаров, значит стоит многочисленный раздел разделить на подразделы или создать удобный фильтр по ключевым признакам.
4. Максимальный уровень вложенности разделов — не более 3-х: покупатель должен дойти из каталога до карточки товара в три клика: раздел — 1-й клик; подраздел — 2-й клик; товар — 3-й клик.
5. Каталог должен быть сбалансирован: в каждом разделе должно быть примерно одинаковое количество подразделов, а в каждом подразделе — примерно равное количество товаров.

Исключение из последнего пункта составляют некоторые сферы, в которых покупатели лично замотивированы отыскать необходимый продукт. Например, львиную долю товаров интернет-аптек в России составляют лекарственные средства (в Беларуси, однако, продажа лекарственных средств через интернет запрещена). В данной категории может насчитываться до 30 подразделов, а остальные разделы товаров для здоровья включают только несколько подразделов.

Несбалансированный каталог интернет-аптеки

Это пример несбалансированного каталога, который неплохо зарекомендовал себя в данной нише, так как покупатели ищут лекарственные средства, имея сильный внутренний мотив (головную боль или сухой кашель), и им сложно было бы пробираться через витиеватое дерево каталога, где бы 30 разделов лекарств были разделены на рецептурные и нерецептурные, витамины и биодобавки.

1. Сгруппируйте товары в разделы и подразделы, руководствуясь приемом мозгового штурма и его последующим осмыслением. Для этого выпишите все группы товаров на отдельные листочки, попробуйте самостоятельно распределить их по разделам, опираясь на собственное чутье, или попросите знакомых и коллег собрать их в группы. Опросив 10-20 человек, которые совершали покупки в интернете, вы получите одну и ту же структуру с отклонением в 20%. Спорные товары распределите по группам на свое усмотрение и тестируйте после запуска сайта при помощи систем аналитики.

Каталог интернет-магазина мебели

К примеру, в одном из магазинов мебели зеркала и туалетные столики, а также диваны и кресла объединены в группы, тогда как матрасы выделены в отдельный раздел первого уровня, а не включены в группу «кровати» вместе с основаниями и подъемными механизмами. Это может быть обусловлено тем, что люди часто покупают матрасы отдельно от кроватей, так как они менее долговечны. Целесообразность такого распределения товаров внутри каталога можно будет оценить после нескольких месяцев работы интернет-магазина.

1. Проанализируйте каталоги ваших ближайших конкурентов. В любой поисковой системе наберите названия ваших товарных групп и прогуляйтесь по сайтам из первой десятки выдачи. Обязательно обратите внимание не только на структуру каталога, но и на названия разделов и подразделов: они должны быть просты и понятны. Лучше всего, если у вас категории товаров будут называться приблизительно так, как у конкурентов, чтобы покупатель не растерялся при выборе товара. Но не спешите копировать все подчистую, так как у конкурентов всегда будут свои преимущества, но и свои недостатки, которых вам лучше избегать. Вас должно насторожить, если на сайтах конкурентов:
   • Каталог разделен на множество подразделов, в которых насчитывается только несколько товаров (0-5);
   • Каталог разделен на несколько разделов, в которых насчитывается множество товаров (от 100) без сортировки и фильтра.

При анализе конкурентов стоит поставить перед собой четкие цели, которые заставляют покупателя рыться в каталоге интернет-магазина. Например, «купить ступицу для Toyota Prius», «заказать паркет из ясеня с доставкой в Гомель», «найти смартфон Xiaomi Mi 5 по лучшей цене». Все те проблемы и сложности с навигацией, которые обнаружатся при анализе конкурентов, постарайтесь не допустить в структуре собственного сайта.

Каталог универсального интернет-магазина

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

1. Оцените спрос на выделенные группы товаров при помощи любого сервиса по подбору ключевых запросов, например, планировщика ключевых слов Google Adwords или Yandex Wordstat. Если вы планируете открыть интернет-магазин сантехники, то стоит оценить спрос на основные категории товаров, начиная от смесителей и заканчивая бассейнами.

Интерфейс сервиса подбора ключевых слов Яндекс Вордстат

Допустим, введя в строку подбора слов «душевые кабины», в столбце «Запросы, похожие на …» вы сможете увидеть не только синонимы к слову кабина (душевой бокс / душевой уголок), но и подобные товары (душевой поддон / душевая без кабины; перегородка / стекло / шторка / двери), которые можно будет вынести в отдельные категории.

Пример подраздела каталога интернет-магазина сантехники

Стратегии создания структуры каталога на основе семантического ядра

Существует две стратегии создания каталога на основе данных поисковых запросов:

1. Сбор семантического ядра и создание структуры каталога из наиболее популярных ключевых запросов с последующим распределением товаров по разделам и подразделам;
2. Составление структуры каталога на основе товарных групп и распределение собранных ключевых запросов по готовым разделам и подразделам с их возможной корректировкой.

Более разумным является второй подход, так как основа каталога составляется изначально из тех групп товаров, которые вы планируете продавать, и масштабируется за счет тех групп товаров, которые могут принести дополнительный трафик на сайт.

Далее мы подробно разберем, как составить каталог, опираясь на семантическое ядро, которое состоит из ключевых запросов пользователей.

Как собрать семантическое ядро для каталога интернет-магазина?

После того, как вы определились с меню интернет-магазина, которое может включать страницы: «О магазине», «Доставка и оплата», «Гарантия и возврат», «Контакты», «Отзывы», «Новости», «Статьи», «Акции» или любые другие важные для вашего сайта страницы и разделы, необходимо приступить к проектированию структуры каталога на основании семантического ядра сайта.

Даже если вы уже заказали услугу по сбору семантического ядра у SEO-специалиста, вам будет полезен следующий раздел, так как в нем мы обсудим, как собрать семантическое ядро не только для продвижения страниц магазина в топ поисковых систем, но и для повышения конверсии сайта интернет-магазина.

Что такое семантическое ядро?

Семантическое ядро — это список поисковых (ключевых) запросов, по которым ваши товары ищут реальные покупатели в поисковых системах. По статистике тренингового центра для руководителей интернет-магазинов, около 20-30% начинающих бизнесменов признаются, что стартовали без сбора семантического ядра. Не повторяйте их ошибку, чтобы потом не тратить время и деньги на бизнес-тренинги. Лучше сразу обдуманно подойдите к сбору семантического ядра, которое поможет вам:

1. составить правильную структуру каталога;
2. быстрее и дешевле продвинуть сайт в поисковых системах;
3. сформировать эффективные объявления для контекстной рекламы;
4. создать посадочные страницы под целевой трафик;
5. разработать стратегию контент-маркетинга.

Что такое ключевые запросы?

Ключевые запросы — это фразы, которые набирают пользователи в строке поиска, чтобы найти необходимую информацию или товар. Их также называют поисковыми запросами, ключами, ключевиками.

Структура семантического ядра

По частотности запросы делятся на:

1. Низкочастотные запросы — слова и фразы (3 и более слов) до 100 показов в месяц (в высококонкурентной тематике до 1000 запросов).
2. Среднечастотные запросы — слова и фразы (2– 3 слова) с частотой от 100 до 1000 показов в месяц (в высококонкурентной тематике до 5 000 запросов).
3. Высокочастотные запросы – слова и фразы (2– 3 слова) с частотой от 1000 показов в месяц (в высококонкурентной тематике от 5 000 или даже 10000 запросов).

Около 80% всех ключевых фраз, в любой тематике, можно отнести к низкочастотным, поэтому низкочастотные ключевые запросы необходимо рассматривать в качестве основного источника привлечения трафика в интернет-магазин. Но при этом нельзя забывать и о средне- и высокочастотных ключевых запросах, по которым стоит продвигать страницы разделов и подразделов каталога.

По намерению пользователя запросы также разделяются на:

1. Информационные запросы — их вводят пользователи, которые хотят узнать какую-то информацию. В детской тематике это могут быть запросы типа «как купать новорожденного», «примеры поделок из шишек», «где гулять с малышом» и т.д.
2. Транзакционные запросы — их вводят пользователи, которые хотят совершить какое-то действие. Их еще также называют коммерческими запросами. В нашей теме это могут быть запросы типа «заказать памперсы с доставкой», «купить конструктор для ребенка», «детский развивающий коврик цена» и т.д.

Но существуют запросы, по которым сложно понять, чего хотел пользователь, вбивая его в строку поисковика: «дом для кукол», «развивающие книжки» — мы не знаем, искал пользователь конкретные товары или только примеры для их создания своими руками. В любом случае, все эти типы запросов пригодятся для продвижения интернет-магазина: транзакционные запросы мы распределяем по страницам каталога, а информационные можно использовать для страниц блога с полезными статьями, новостями и пошаговыми инструкциями по применению товаров в быту. Имея список популярных информационных запросов в вашей тематике вам не нужно будет ломать голову над контент-планом.

Анатомия ключевого запроса

По структуре ключевые запросы состоят из:

1. Тела — предмета, который интересует пользователя, но по нему одному сложно судить о намерении пользователя;
2. Спецификатора — слова, которое выражает намерение пользователя: информационный или коммерческий интерес;
3. Хвоста — уточняющих фраз, которые конкретизируют запрос пользователя.

Например, в запросе «купить подгузники Huggies 4-5 кг 45 штук с доставкой по Минску» слово «купить» будет спецификатором, «подгузники» — телом, а все остальное — длинным хвостом запроса. Продвижение по длинному хвосту запросов считается наиболее эффективным, так как такие запросы вбивают пользователи, уже определившиеся с товаром, его моделью и теперь только ищут для себя наиболее выгодные условия покупки.

После того, как вы разобрались с тем, какие бывают запросы, вы можете приниматься за сбор семантического ядра при помощи специальных сервисов и программ.

Сервисы для сбора семантического ядра

Поскольку инструментов для сбора семантики существует довольно много, как платных, так и бесплатных, мы остановимся только на самых популярных из них. А выбор останется сделать вам, ориентируясь на конкретные задачи и объемы работ.

Key Collector

Интерфейс сервиса для работы с семантическим ядром Key Collector

Это платная очень функциональная профессиональная программа для SEO-специалистов, которая имеет богатый инструментарий и выполняет множество функций:

1. Сбор ядра поисковых запросов;
2. Расширение ядра за счет дополнительных поисковых запросов;
3. Очистка некорректных запросов с применением минус-слов;
4. Сортировка запросов по частоте;
5. Объединение дублей запросов;
6. Анализ сезонности запросов;
7. Поиск страниц под запросы;
8. Доступ к статистике Яндекс Метрики и Google Analytics, Яндекс Директ и Google AdWords, «Вконтакте» и Facebook.

Плюсы Key Collector:

1. Профессиональный функционал;
2. Техподдержка разработчиков;
3. Регулярные обновления.

Минусы Key Collector:

1. Разовая плата;
2. Ориентация на специалистов.

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

SlovoEB

Интерфейс бесплатного сервиса для работы с семантическим ядром SlovoEB

Это бесплатный сервис от разработчиков Key Collector, который позволяет:

1. Осуществлять сбор ключевых слов и статистики;
2. Автоматизировать процесс группировки и анализа запросов;
3. Очищать ядро от неактуальных запросов при помощи стоп-слов.

Плюсы SlovoEB:

1. Хорошая проработка семантического ядра;
2. Автоматизация процессов.

Минусы:

1. Частые блокировки Яндексом;
2. Необходимость разбираться с инструментарием.

Эта программа — бесплатный аналог Key Collector с ограниченным функционалом, эдакий компромиссный вариант между ручным и автоматизированным сбором семантического ядра.

Планировщик ключевых слов Google

Интерфейс бесплатного сервиса по подбору ключевых слов от Google

Это бесплатный сервис Google, который обеспечивает реализацию нескольких функций:

1. Подбор ключевых слов;
2. Анализ статистики по количеству запросов;
3. Анализ сезонности запросов;
4. Предоставление рекомендаций по размерам ставок.

Плюсы планировщика ключевых слов Google:

1. Бесплатный сервис;
2. Связка с подбором словосочетаний для контекстной рекламы.

Минусы планировщика ключевых слов Google:

1. Приблизительные значения частотности;
2. Ручной сбор семантического ядра.

Этот сервис стоит использовать в регионах, где доминирует поисковая система Google.

Подбор ключевых слов Яндекс Вордстат

Интерфейс бесплатного сервиса по подбору ключевых слов от Яндекс

Но лучше всего для ручного сбора семантического ядра подойдет Яндекс Вордстат, интерфейс и функционал которого прост и понятен каждому новичку:

1. Подбор ключевых слов;
2. Парсинг похожих словосочетаний;
3. Показ запросов по регионам;
4. Отображение динамики запросов по месяцам, годам и сезонам;
5. Выборка запросов с учетом словоформ и без;
6. Подбор запросов под группу словосочетаний;
7. Уточнение запросов при помощи предлогов;
8. Удаление ненужных запросов при помощи минус-слов.

Плюсы подбора слов Яндекс Вордстат:

1. Бесплатный сервис
2. Простой интерфейс;
3. Необходимый функционал;

Минусы подбора слов Яндекс Вордстат:

1. Ручная проработка семантического ядра.

Пример работы Яндекс Вордстат с англоязычными ключевыми запросами

Если перед вами стоит задача собрать семантическое ядро для русскоязычного сайта узкой тематики, в котором будет продаваться не более 10 групп товаров, то сервис подбора слов Яндекс.Вордстат подойдет как нельзя лучше.

При работе с сервисом Яндекс Вордстат вам очень поможет плагин Yandex Wordstat Helper.

Для составления семантического ядра уже существующего сайта можно воспользоваться сервисом аналитики, который покажет, по каким запросам пользователи находят ваш сайт. В Google Search Console смотрите статистику в разделе «Поисковый трафик — Анализ поисковых запросов». В «Яндекс Вебмастере» найдете статистику в разделе «Поисковые запросы — Популярные запросы».

Найти поисковые запросы, по которым продвигаются сайты конкурентов, можно:

1. открыв страницу любого раздела сайта конкурента и просмотрев содержание мета-тегов <title>, <description>, <keywords>, <h1>-<h6> в коде страницы;
2. воспользовавшись программами семантического анализа текста, к примеру, Istio или Advego.
3. выбрав любой сервис по комплексному анализу конкурентов, к примеру, SEMrush, Searchmetrics или SpyWords.

Сбор семантического ядра

Сбор семантического ядра состоит из нескольких этапов:

1. Подбор основных ключевых запросов;
2. Расширение семантического ядра;
3. Чистка семантического ядра от ненужных ключевых запросов.

Подбор основных ключевых запросов

Давайте разберем сбор семантического ядра на примере интернет-магазина детской тематики. Для начала составим примерную схему каталога, в которой все детские товары разделим на несколько разделов и подразделов — это и будут базовые ключи для сбора семантического ядра вашего интернет-магазина.

Пример структуры каталога интернет-магазина детских товаров

Далее выделенные категории необходимо структурировать в виде списка. Допустим, первый раздел каталога будет состоять из следующих подразделов:

Питание и кормление

1. 1. Детское питание
      1. Молочные смеси и каши
      2. Пюре овощное и фруктовое
      3. Соки и напитки
      4. Печенье и десерты
      5. Питьевая вода
   2. Кормление малышей
      1. Бутылочки и поильники
      2. Соски и пустышки
      3. Нагрудники и слюнявчики
      4. Детская посуда
      5. Аксессуары для кормления

Таким образом стоит разбить на подразделы все крупные категории товаров: «Гигиена и уход», «Товары для мам», «Детские игрушки и книжки», «Детская одежда и обувь». Если вы собираетесь торговать колясками, кроватками, автокреслами и велосипедами, их также нужно будет выделить в отдельные подкатегории.

Решение о выделении того или иного раздела может быть обусловлено:

1. Большим количеством данного типа товаров;
2. Ростом спроса на данный товар;
3. Наличием данного раздела у конкурентов.

Чтобы расширить семантическое ядро, состоящее из базовых ключевых запросов, их необходимо проверить на частотность в любом сервисе подбора ключевых слов. Для этого вам понадобится открыть таблицу Excel и занести в нее планируемые разделы и подразделы.

Структура каталога в таблице Excel

Напротив каждого раздела и подраздела должны быть созданы колонки по ключевым запросам и их частотности, чтобы в дальнейшем их распределить между категориями каталога.

Расширение семантического ядра

А теперь все категории и подкатегории товаров нужно прогнать через сервис подбора ключевых слов. Вводим в строку название категории и получаем статистику показов данного ключевого запроса в месяц и список похожих запросов.

Ключевые слова по запросу «подгузники»

Данный список можно отсортировать по региону и по устройству, с которого производился вход в интернет. Приняв во внимание частотность ключевика «подгузники», его можно вынести в раздел меньшей вложенности наравне с разделом «Гигиена и уход».

Чистка семантического ядра

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

Удаление нерелевантных запросов при помощи минус-слов

Также, если вы не пытаетесь выйти на рынок за счет низких цен, в список минус-слов нужно внести слова «дешево», «недорого», «бесплатно», «ремонт», «скачать» и тому подобные фразы.

Смело вычеркивайте из списка:

1. Бренды, которые вы не продаете;
2. Названия других интернет-магазинов;
3. Неявные дубли ключей;
4. Регионы, в которые вы не доставляете товар;
5. Опечатки в поисковых запросах.

Иногда имеет смысл оставить ключевые запросы популярных брендов, если вы продаете аналогичную продукцию по более низким ценам. Это касается известных брендов детских игрушек и забав для детей: кинетического песка, наборов для лепки, конструкторов, домиков для кукол. Возможно, покупатель, придя на ваш сайт, будет приятно удивлен цене и с удовольствием купит недорогой аналог брендовой игрушки именно в вашем магазине.

Но не стоит отметать релевантные, соответствующие тематике прорабатываемой страницы, запросы с очень высокой или очень низкой частотностью. Если вы оптимизируете страницы под высокочастотные запросы, но не будете на старте крутить по ним дорогую контекстную рекламу или закупать ссылки, то это сыграет вам только на пользу. А если благодаря низкочастотным ключевикам к вам придет даже несколько покупателей, это все равно принесет вам прибыль.

Как структурировать семантическое ядро для каталога интернет-магазина?

Чтобы грамотно распределить по страницам сайта собранное семантическое ядро ключевых запросов, необходимо сгруппировать ключевые слова по темам.

Группировка ключевых запросов для каталога

Далее стоит перенести все собранные ключевые запросы, включая подходящие похожие запросы, в единую таблицу (например, в программах MS Excel или Google Таблицы) и собрать их в группы близких по смыслу запросов.

Например, «подгузники памперс», «купить памперс», «подгузники pampers», «подгузники памперс с доставкой», «подгузники памперс 4-5 кг», «какие подгузники памперс» будут относиться к одной группе.

Кластеризация ключевых запросов по тематическим группам

Информационные запросы типа «какие подгузники лучше» или «многоразовые подгузники своими руками» могут стать заголовками для обзорной статьи в блоге, в которой тем не менее могут быть сделаны внутренние ссылки на ваши товары, а перелинковка позитивно повлияет на ранжирования сайта в поисковых системах.

Распределение ключевых запросов по каталогу интернет-магазина

После группировки необходимо распределить ключевые запросы по страницам сайта:

1. На одну страницу должно приходиться не более 1 высокочастотного, 2-3 среднечастотных, 3-5 низкочастотных ключевиков. Обычно высокочастотный ключевой запрос находится в теле ключевика и расширяется за счет спецификатора и хвоста, становясь менее частотным.
2. На одну страницу может приходиться несколько похожих ключевиков, но не наоборот: нельзя создавать несколько страниц под один и тот же запрос или близкие по смыслу запросы. Например, ключевым фразам «купить куклу» и «заказать куклу» должен соответствовать один раздел с куклами.
3. Более высокочастотные запросы должны быть сосредоточены на главной странице сайта и распределены по страницам разделов. Карточки товаров должны продвигаться по низкочастотным запросам.
4. Среднечастотные запросы должны быть распределены по соответствующим подразделам.
5. Страницы каталога должны отвечать запросам, под которые они оптимизированы. Если страница продвигается под запрос «купить радионяню в Минске», но на этой странице действительно должна быть возможность купить радионяню с доставкой по Минску или самовывозом со склада в Минске.
6. Ключевые запросы должны соответствовать контенту на странице. Они должны быть прописаны не только в мета-тегах, но и в текстах, присутствующих на страницах описания товаров и разделов.
7. Тексты на страницах сайта не должны быть переспамлены чрезмерным употреблением ключевых фраз, иначе они будут нечитабельны. Все описания, обзоры и отзывы должны быть в первую очередь полезны для пользователей, и только во вторую — оптимизированы.

При соблюдении этих правил и ведении таблицы, в которой будет прописано, какие страницы (со ссылками на них) по каким запросам (их содержание в мета-тегах) продвигаются в поисковых системах, вам будет видно, какие запросы уже работают, а какие еще не задействованы на сайте. Исходя из этого можно расширять ассортимент, дорабатывать мета-теги и тексты страниц каталога и карточек товаров или черпать идеи для информационных страниц (тематических статей и новостей).

Пример таблицы с распределением ключевых запросов по страницам

В результате группировки и распределения запросов вы получите семантическое ядро, в котором:

1. Транзакционные запросы будут распределены по страницам разделов, подразделов и карточек товаров и учтены в мета-тегах и текстах;
2. Информационные запросы лягут в основу плана для написания статей;
3. Посадочные страницы разделов будут оптимизированы под реальные запросы потенциальных покупателей и готовы к поисковому продвижению и запуску контекстной рекламы;
4. Собранные запросы  лягут в основу контекстных объявлений систем Яндекс Директ и Google AdWords;
5. Как результат: страницы сайта будут сами продвигаться в топ поисковых систем.

Собранные данные по частотности ключевых фраз и их формулировкам могут внести свои коррективы в названия категорий, а также их место в каталоге. Например, если из всего ассортимента интернет-магазина детских товаров наибольшей популярностью в поисковиках пользуются подгузники, то их стоит вынести в раздел первого уровня, чтобы за этим товаром не пришлось пользователю пробираться через дебри каталога. А если в разделе детской одежды есть подразделы «боди» и «комбинезоны», то их названия стоит уточнить «боди для новорожденных» и «комбинезоны для новорожденных», так как эти элементы одежды существуют и для взрослых.

Каких ошибок лучше не допускать при сборе семантического ядра для каталога интернет-магазина?

Поисковые системы постоянно совершенствуют алгоритмы своей работы, стараясь предложить своим пользователям более качественные и информативные сайты,  наказывая сайты, которые продвигаются черными способами: закупают ссылки, пичкают нечитабельные тексты ключевиками, заполняют теги сотнями запросов.

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

1. Отказ от слишком высокочастотных ключевых запросов. Продавая детские игрушки, вы не сможете избежать ключевика «детские игрушки». Просто в начале продвижения лучше давать рекламу на более дешевые низкочастотные ключевики с длинных хвостом запросов: «купить магнитный конструктор Магформерс», «заказать самокат-беговел с сиденьем, корзинкой и ручкой», «набор для лепки парикмахерская Плей До 6 баночек пластилина». Но оптимизировать страницы разделов нужно изначально не только под низкочастотные ключевики, но и под популярные запросы, прописав их в тегах: «самокаты и беговелы», «наборы для творчества», «детские конструкторы».
2. Отказ от слишком низкочастотных ключевых запросов. Даже запросы с частотностью 10 показов в месяц могут быть вам полезны: их можно использовать для привлечения покупателей, которые все таки ищут «детский горшок для мальчиков с рулем» (15 показов в месяц), «детский горшок в виде унитаза купить», (11 показов в месяц).
3. Добавление в семантическое ядро ключевых запросов с ошибками и опечатками. Даже если в вашем сегменте часто встречаются вариативные или ошибочные написания товаров и брендов, не стоит оптимизировать страницы под них, так как поисковые системы понимают, что конструктор Банчемс, Banchems, Banczems и даже Ифтсруьы — это одно и то же. Написания кириллицей и латиницей будет достаточно.
4. Сугубо автоматизированный сбор семантического ядра. Конечно, ручной сбор и группировка ключевых запросов занимает много времени и оправдана только в небольших узкотематических проектах. Даже если вы заказываете семантическое ядро сайта у специалиста, все равно убедитесь, что он полагается не только на программы и сервисы, но также понимает специфику вашего бизнеса и не допустит описанных выше ошибок.

Сформировав каталог товаров, опираясь на глубокое знание бизнеса, удобство пользователей, анализ конкурентов и семантическое ядро сайта, вы сможете создать логичную структуру каталога. Как сократить путь покупателя от каталога до корзины, читайте в статье про навигацию по интернет-магазину.

Каталог — это ядро вашего интернет-магазина и точка притяжения для покупателей. От структуры каталога зависит то, насколько легко посетители будут находить нужный товар и насколько в целом удобно и приятно им будет пользоваться вашим сайтом. В этой статье
мы подробно расскажем, как создать эффективный каталог интернет-магазина.

Почему важно правильно организовать каталог товаров

Прежде чем мы приступим к разбору темы, давайте остановимся на том, почему так важно уделить созданию структуры каталога особое внимание. Мы все привыкли, что каталог нужен для того, чтобы показать ассортимент интернет-магазина, но на самом деле всё
несколько сложнее и интереснее.

Главная задача каталога — выступать для покупателей в роли путеводителя по ассортименту и облегчать поиск нужных товаров. Чем быстрее посетитель сайта находит любой товар, тем лучше. Во-первых, посетителю приятнее находиться на вашем сайте, если логика
интерфейса ему сразу понятна. А во-вторых, это улучшает поведенческие метрики, которые способствуют улучшению позиций сайта в поисковых системах.

Другая, но не менее важная задача каталога — генерировать новый трафик на сайт. Если вы составляете каталог под потребности целевой аудитории и с учётом ключевых запросов, на ваш сайт автоматически будет попадать всё больше и больше посетителей из
поисковых систем. По сути, каталог товаров — это не просто иллюстрация ассортимента, но также часть поискового продвижения сайта. Кроме того, хорошо продуманные категории товаров можно использовать в качестве посадочных страниц для контекстной
рекламы и рекламы в социальных сетях.

В общем, от правильно организованного каталога одни только плюсы и для посетителей, и для поискового продвижения. Поэтому давайте скорее разбираться, как эту правильную структуру организовать.

Базовые правила создания каталога

Анализируйте поисковый спрос

Ошибка многих владельцев интернет-магазинов — создавать каталог интуитивно, опираясь на свой личный вкус. Из-за этого часто можно наблюдать вот такую картину: каталог состоит из категорий, логика которых понятна только владельцу магазина.

В каталоге есть категория, понятная только владельцу магазина.

В категории «Кольца» есть подкатегории, суть которых сразу может быть непонятна посетителям.

Глядя на такой каталог, посетитель, скорее, «развернётся» и уйдёт, чем станет разбираться в логике устройства магазина. Исключение возможно, только если вы продаёте уникальный товар, который не так просто найти, — в этом случае покупатель с большей
вероятностью постарается преодолеть все неудобства, лишь бы заказать то, что ему очень нужно. В остальных случаях посетители предпочтут поискать нужный им товар в другом месте — у конкурентов, где ассортимент представлен более понятно.

Поэтому самое главное правило звучит так: составляя структуру каталога, думайте так, как думают ваши покупатели. Для этого анализируйте поисковой спрос, то есть отслеживайте, как именно пользователи ищут ваши товары в интернете — и именно на основании
этого составляйте структуру своего каталога.

Для того чтобы посмотреть статистику поисковых запросов, воспользуйтесь специальными инструментами. О них мы напишем в конце статьи.

Соблюдайте правило трёх шагов

Важно, чтобы посетители вашего интернет-магазина находили товары быстро. Для этого старайтесь соблюдать правило, согласно которому посетитель магазина должен суметь найти любой товар за 2–3 клика. В идеале это должна быть «траектория» поиска вида
«категория → товар» или «категория → подкатегория → товар». Если так не получается и в вашей структуре каталога содержится много подкатегорий, то лучше уберите всё, что следует после третьего шага, в фильтры. Например, оставьте только уровни навигации
«Одежда → Платья», а все остальные параметры пусть будут доступны в фильтрах, например, сезонность платья, модель, длина, размеры и т. д.

Пример категории, в которой все дополнительные параметры доступны для выбора через фильтры и теги.

Конечно, никто не запрещает вам создавать категории с множественной вложенностью. Однако будет лучше, если вы постарайтесь максимально сократить путь посетителя сайта к нужному товару.

Избегайте полупустых категорий товаров

Бывает так, что владельцы интернет-магазинов выделяют в отдельную категорию группу товаров, в которой не так уж много товарных единиц. Это может выглядеть, например, вот так.

Или, чего хуже, вот так.

Если посетитель сайта перейдёт из поиска или из рекламы на страницу категории с таким скудным наполнением, он на подсознательном уровне может подумать, что у всего интернет-магазина скромный ассортимент. Постарайтесь объединить категории с маленьким
количеством товаров с другими, родственными по ассортименту. Например, в категорию «Аксессуары» можно поместить несколько пар солнцезащитных очков, перчатки, ремни и т. д.

Пример организации категории аксессуаров с небольшим количеством товаров.

Используйте теги

С помощью этого инструмента вы можете создавать отдельные страницы тегов, на которых будут доступны товары, отобранные по определённым параметрам; например, по цене, акциям и другим свойствам или характеристикам. Например, в интернет-магазине товаров
для творчества на странице категории красок можно использовать тег «краски для холста». По этому тегу пользователи будут находить краски любых видов, которые подходят для рисования на холсте.

Теги выполняют две важные задачи:

• Предлагают пользователям дополнительный набор критериев для поиска товаров.
• Создают новые страницы товаров, которые могут привлечь дополнительный трафик по низкочастотным запросам.

Пример организации тегов, в которые включены ключевые запросы, и которые расширяют возможности выбора товаров.

Подумайте о каталоге до начала создания сайта

Будет лучше, если вы продумаете структуру каталога до того, как начнёте непосредственно создавать сайт. Обычно это происходит на этапе прототипирования, когда вы детально продумываете содержимое будущего интернет-магазина. Заранее проработанная структура
поможет вам избежать ошибок в будущем и лишних переделок.

Но часто бывает так, что сначала создают сайт, а потом задумываются о его правильной структуре. При наличии грубых ошибок в устройстве каталога его всё равно придётся переделывать. В этом случае лучше всего обратиться к SEO-специалисту, который поможет
исправить ошибки с минимальными потерями трафика.

Способы создания каталога

Перейдём непосредственно к созданию каталога товаров. Есть два способа, которыми вы можете воспользоваться:

1. «Подсмотреть» и скопировать, частично или полностью, структуру каталога у ваших конкурентов.
2. Разработать свою собственную структуру каталога интернет-магазина.

Первый способ хоть и кажется простым и очевидным, но на самом деле имеет двойное дно. Вы не можете быть уверены в том, что ваши конкуренты сделали всё правильно или что у вас это сработает так же хорошо, как и у них. Вы не знаете всей подноготной,
не видите статистику, не знаете реакцию аудитории. Поэтому, если и подсматривать что-то у конкурентов, то с умом.

Посмотрите несколько примеров каталога в разных интернет-магазинах и выделите из них нечто общее. Именно эти общие элементы и будут тем, что можно попробовать перенять.

Второй способ — это собственная разработка структуры каталога интернет-магазина. Этот вариант лучше, потому как вы создаёте структуру магазина индивидуально под свой ассортимент и потребности своей целевой аудитории. В конечном итоге, возможно, у
вас получится даже лучше, чем у ваших конкурентов. Собственную структуру лучше всего разрабатывать с SEO-специалистом, который поможет вам собрать семантику, правильно её сгруппировать и выделить будущие категории, подкатегории и фильтры.

Этапы создания каталога интернет-магазина

• Проведите ревизию своего ассортимента и разделите все товары на группы. Это будет первичный, «сырой» вариант каталога, который вы возьмёте за основу.
• Соберите семантическое ядро вашего сайта. Семантическое ядро — это набор ключевых слов, которые соответствуют тематике сайта. Ключевые слова — это те поисковые запросы, которые используют пользователи в поисковых системах Google, «Яндекс» и т.
  д.
• Проанализируйте запросы и сгруппируйте их между собой. Благодаря этому вы сможете выделить категории, подкатегории и фильтры для каталога интернет-магазина, которые соответствуют тому, как их ищет в интернете ваша целевая аудитория.
• Проанализируйте интернет-магазины нескольких конкурентов. Ориентируйтесь на те сайты, которые собирают большой трафик. Выделите то общее, что можно было бы с пользой применить в вашем интернет-магазине.
• Составьте схему будущего каталога с учётом всех категорий, подкатегорий, фильтров и тегов.

Разработка каталога на основе анализа семантического ядра — весьма полезная штука. При должном анализе вы сможете правильно подобрать названия для категорий, а также увидеть, какие новые категории, подкатегории и фильтры можно добавить.

При этом будет лучше, если вы обратитесь за помощью к SEO-специалисту. Да, вам придётся оплатить его услуги, но, возможно, это лучше, чем самим разбираться в тонкостях поискового продвижения и работы с семантикой для сайтов. Хотя, если у вас есть
желание, вы можете попытаться обойтись и своими силами.

Инструменты для создания каталога

1. Интеллект-карты. Помогают упорядочить идеи и представить структуру каталога в виде наглядной схемы. Подробнее об интеллект-картах мы писали в отдельной статье.
2. Wordstat. Бесплатный сервис «Яндекса», который показывает статистику поисковых запросов по ключевым словам. Вы можете использовать этот сервис для сбора семантического
   ядра.
3. Serpstat. Более профессиональный инструмент для работы с семантикой и его дальнейшей кластеризацией, в котором можно автоматизировать многие процессы.
4. SimilarWeb. Сервис, который помогает оценить работу сайтов конкурентов, например, посмотреть примерную статистику трафика. Для базовой оценки хватает возможностей бесплатной
   версии. Но если хотите больше подробностей, придётся использовать платный тариф.
5. Старый добрый Excel, в котором можно собирать и группировать семантическое ядро для вашего сайта.

Ещё раз о главном

Резюмируя статью, можно выделить следующие базовые моменты:

• Цель каталога интернет-магазина — облегчить путь покупателя к нужным товарам и сгенерировать новый трафик из поисковых систем.
• Забудьте о собственной логике деления товаров на группы, ориентируйтесь только на потребителя и на то, как он ищет товары в интернете. Для этого используйте статистику поисковых запросов.
• Подсматривайте за конкурентами с умом: подбирайте в качестве примеров популярные магазины с большим трафиком, выделяйте между ними нечто общее, что можно было бы с пользой применить и у вас.
• Избегайте пустых и полупустых категорий товаров.
• Старайтесь построить структуру каталога так, чтобы посетители находили нужный товар за пару-тройку кликов. Все остальные параметры выбора товаров убирайте в фильтры и теги.
• Если у вас нет времени и желания глубоко разбираться в SEO, то для работы с семантическим ядром обязательно воспользуйтесь услугами SEO-специалиста.

Надеемся, эти базовые правила помогут вам эффективно структурировать каталог вашего интернет-магазина, и уже в скором времени вы увидите рост трафика и, возможно, даже рост количества заказов.