Создание и редизайн магазинов Shopify

Бесплатная, без каких-либо обязательств цитата

Личный ответ в течение 24 рабочих часов

← Tous les conseils
Guide pratique SiteQuiVend

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

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

Publié le 15.08.20266 min de lectureConseils concrets
Архитектура электронной коммерции · Shopify

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

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

Структура дереваМенюРодительские коллекцииФильтрыМобильный
3 уровня максимумв большинстве меню для сохранения читаемости.
От 5 до 8 вариантоввидны группами до создания перегрузки.
1 логикаодинаковый рейтинг по всему магазину.
Существенный принцип

Навигация должна отслеживать, как клиент ищет

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

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

Установка больших входных дверей

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

Шаг 2

Создайте древовидную структуру перед изменением меню

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

Магазин
↓
ЖенщинаЧеловекАксессуары
↓
СумкиРюкзакиМелкие изделия из кожи
↓
Фильтры: цвет, материал, цена
Такая функция, как цвет или размер, обычно принадлежит фильтрам, а не главному меню.
Шаг 3

Различают родительскую коллекцию, подколлекцию и фильтр

Элемент Его роль Пример
Родительская коллекция Представьте вселенную или широкую категорию Ювелирные изделия
Подсбор Создайте важное и автономное направление Ожерелья
Фильтр Уточняйте продукты, не меняя вселенную Материал: серебро
Сортировать Изменить порядок результатов Повышение цены
Шаг 4

Ограничить глубину меню

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

Шаг 5

Однозначно назовите записи меню

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

Неоднозначная формулировка Четкая формулировка
Наши основные Повседневные аксессуары
Вселенная Аура Натуральные каменные украшения
Для нее Подарки для женщин
Коллекция подписей Полнозернистые кожаные сумки
Шаг 6

Выбирайте между раскрывающимся меню и мегаменю

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

Создайте родительские страницы, которые направляют

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

  • Четкое название и введение
  • Карты важных подколлекций
  • Согласованные изображения
  • Популярные или репрезентативные продукты
  • Ссылки на дополнительные виды использования
  • Фильтры адаптированы к уровню страницы
  • Видимые панировочные сухари
  • Неповторяющийся SEO-контент
Шаг 8

Добавьте ссылки между дополнительными коллекциями

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

Шаг 9

Используйте панировочные сухари, чтобы показать положение

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

ГлавнаяΜЮвелирные изделияΜОжерельяΜОжерелье Альба
Путь должен оставаться согласованным. Избегайте появления одного и того же продукта с несколькими разными родителями в зависимости от контекста без определенной логики.
Шаг 10

Проектируйте фильтры как вторую навигацию

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

  • Цена
  • Доступность
  • Размер
  • Цвет
  • Материя
  • Использование
  • Совместимость
  • Решающая характеристика
Нормализуйте данные, прежде чем включать фильтры. такие значения, как "Navy Blue", "Navy" и "Navy", создают запутанную навигацию.
Шаг 11

Адаптируйте навигацию к мобильным устройствам

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

Шаг 12

План последовательных внутренних исследований

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

  • Понятные названия продуктов
  • Ссылки с возможностью поиска
  • Общие синонимы
  • Коллекции, присутствующие в предложениях
  • Результаты без контролируемой переписки
  • Продукты, недоступные для надлежащей обработки
  • Учитываются частые ошибки
  • Найдите, что можно использовать на мобильном телефоне
Шаг 13

Измерьте фактические маршруты

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

Частые ошибки

Что затрудняет навигацию

Контрольный список перед публикацией

Основные меры контроля

  • Отдельные основные категории
  • Разумная глубина
  • Этикетки поняты без объяснения причин
  • Полезные родительские коллекции
  • Правильно стандартизированные фильтры
  • Последовательные панировочные сухари
  • Связи между соответствующими категориями
  • Проверено мобильное меню
  • Функциональные внутренние исследования
  • Никаких пустых коллекций
  • Никаких разбитых ссылок
  • Курс проверен сторонним человеком
Часто задаваемые вопросы

Часто задаваемые вопросы по навигации между коллекциями

Сколько коллекций отобразить в главном меню?

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

Может ли коллекция появиться в нескольких меню?

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

Следует ли создавать страницу для каждого фильтра?

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

Как узнать, что меню слишком сложное?

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

Шопифай Навигация

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

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

Transformons vos idées en pages qui donnent confiance

Création ou refonte de boutique Shopify : obtenez une recommandation et un devis adaptés à votre situation.

Parler de mon projet →