робота за комп'ютером

Великі каталоги товарів часто ускладнюють для покупців пошук потрібного товару, особливо якщо на одній сторінці розміщено забагато варіантів. Хоча ви можете виправити це за допомогою пагінація в Magento , лише багаторівнева навігація Magento 2 допомагає звузити вибір товарів на основі ціни, кольору та багатьох інших атрибутів.

У цьому посібнику пояснюється, як ефективно налаштувати багаторівневу навігацію в Magento 2 та як уникнути поширених SEO-підводних каменів. Ви також знайдете найпопулярніші модулі багаторівневої навігації та дізнаєтеся, як уникнути проблем, пов'язаних з фільтрами.

Ключові висновки
  • Багаторівнева навігація Magento дозволяє фільтрувати товари за ціною та атрибутами товару, наприклад, кольором, розміром, брендом, матеріалом.
  • Відсутність фільтрів у багаторівневій навігації часто спричинена неправильними налаштуваннями категорії або атрибутів.
  • Переіндексація Magento та очищення кешу можуть вирішити багато проблем багаторівневої навігації.
  • Стандартну багаторівневу навігацію можна розширити за допомогою модулі сторонніх розробників, які пропонують розширені функції фільтрації.
  • Багаторівнева навігація в Magento створює кілька параметризованих URL-адрес і вимагає SEO- модуль, такого як Magefan SEO Suite, щоб уникнути дублювання контенту та проблем з індексацією.

Що таке багаторівнева навігація Magento 2 ?

Багаторівнева навігація Magento 2 — це вбудована система фільтрації, яка дозволяє клієнтам фільтрувати товари на основі ціни, бренду, кольору, розміру або інших атрибутів товару. Багаторівнева навігація вже налаштована в Magento за замовчуванням. Зазвичай вона відображається ліворуч від Список продуктів Magento у певних категоріях та на сторінках пошуку.

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

Наприклад, без навігації, якщо клієнти відвідують магазин модного одягу з 1000 товарами, їм потрібно буде прокрутити сотні сторінок, перш ніж знайти коричневі кросівки Puma вартістю до 100 доларів.

 Меню багаторівневої навігації Magento 2

Коли клієнти застосовують ці фільтри, Magento автоматично показує товари, що відповідають запиту, тим самим допомагаючи швидше знайти потрібний товар.

Як налаштувати багаторівневу навігацію в Magento 2?

Щоб налаштувати багаторівневу навігацію Magento 2 , перейдіть до розділу Магазини > Налаштування > Каталог > Каталог > Багаторівнева навігація та налаштуйте, як будуть використовуватися параметри ціноутворення та атрибутів. Хоча Magento пропонує багаторівневу функціональність одразу після встановлення, рекомендується додати додаткові налаштування, що стосуються вашого магазину, щоб зробити фільтрацію повністю функціональною та зручною для користувача.

Крок 1: Налаштування фільтра цін у багаторівневій навігації

Першим параметром у налаштуваннях багаторівневої навігації є фільтр цін. Є два основні параметри: кількість товарів та розрахунок кроку навігації за ціною.

  • Відображення кількості товарів визначає, чи відображати кількість товарів, що відповідають атрибутам товару, ціні або категорії, поруч із параметрами багаторівневої навігації, наприклад, Чорний (20), Білий (15), Синій (10).
  • Розрахунок кроку навігації за ціною визначає метод, який використовується на кроці навігації за ціною.

Тут є три варіанти розрахунку ціни.

Автоматично (вирівнювання цінових діапазонів)

За допомогою цього методу кроки навігації за цінами в багаторівневій навігації розраховуються автоматично на основі цінового діапазону товарів (найнижча та найвища ціни) у групі.

Наприклад, ціна в цьому випадку відображається в інтервалах, таких як $0.00 - $49.99, $50.00 - $99.99.

 Багаторівнева навігація Magento 2

Автоматично (вирівнювання кількості товарів)

У цьому методі кроки навігації за цінами розраховуються автоматично на основі кількості товарів у групі. Після вибору цієї опції з'являться нові поля:

  • Відображати ціновий інтервал як одну ціну , які потрібно ввімкнути, якщо всі ціни в певному ціновому інтервалі рівні.

Наприклад, якщо у вас є 15 різних футболок (різних кольорів, розмірів, брендів) у категорії "Футболки", і кожна з них коштує $19.99, фільтр цін на бічній панелі виглядатиме як $19.99 (15).

  • Ліміт поділу інтервалу, або кількість товарів, які не будуть розділені на підінтервали.

Наприклад, якщо у вас є категорія "Аксесуари" лише з 7 товарами, а їхні ціни становлять $5, $6, $8, $12, $15, $22, $30, Magento відобразить фільтр цін як $5.00 - $30.00 (7) (якщо ви встановили ліміт поділу на 9).

 Відображення багаторівневої навігації Magento 2

Вручну

Згідно з цим методом, адміністратори повинні вручну визначати цінові діапазони для багаторівневої навігації.

Для розрахунку кроку ціни Вручну доступні такі опції:

  • Крок навігації за ціною за замовчуванням , який визначає кількість товарів, включених до кожного кроку.

Наприклад, якщо у вас є категорія "Взуття" з товарами вартістю від 10 до 160 доларів, і ви встановлюєте крок навігації за ціною за замовчуванням на 50, бічна панель генеруватиме такі цінові діапазони: $0.00 - $49.99, $50.00 - $99.99, $100.00 - $149.99.

  • Максимальна кількість цінових інтервалів визначає максимальний крок ціни, доступний у багаторівневій навігації Magento 2.

Наприклад, якщо ви залишите крок навігації за ціною за замовчуванням на рівні 50, для категорії з товарами вартістю від 20 до 5000 доларів, крок 50 доларів змусить Magento генерувати 100 фільтрів. Обмежуючи максимальну кількість цінових інтервалів до 3, ви повідомляєте системі, що перші два інтервали потрібно створювати як зазвичай - $0.00 - $49.99, $50.00 - $99.99, та всі інші цінові діапазони в $99.99 і вище .

 Ціна багаторівневої навігації Magento 2

Крок 2: Налаштування фільтрованих атрибутів

Magento не включає атрибути продукту в багаторівневу навігацію за замовчуванням. Тому, якщо ви хочете, щоб клієнти фільтрували продукти за атрибутами в багаторівневій навігації, вам потрібно додати їх для фільтрованих опцій.

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

Якщо немає атрибута, який ви хочете включити до багатошарової навігації, спочатку створіть атрибут товару в Magento , а потім призначте його набір атрибутів .

Щоб додати атрибут продукту до багатошарової навігації в Magento:

1. Перейдіть до Магазини > Атрибути > Продукт та виберіть атрибут, який ви хочете включити до багатошарової навігації.

Примітка: ви можете побачити, що Використовувати в багатошаровій навігації вже додано до опцій атрибута продукту.

 Атрибути продукту Magento 2

2. Перейдіть до розділу Властивості вітрини в розділі Інформація про атрибут .

3. Виберіть Фільтрується (з результатами) у полі вибору Використовувати в багатошаровій навігації , щоб відобразити кількість продуктів у категорії, пов’язаній із цим атрибутом. Виберіть опцію Фільтрується (без результатів)  , якщо ви не хочете відображати кількість продуктів.

4. Виберіть Так у розділі Використовувати в багаторівневій навігації результатів пошуку , щоб цей атрибут відображався на багаторівневій навігації сторінок результатів пошуку.

Не забудьте Зберегти атрибут після завершення та перевірки атрибутів продукту в категорії фронтенду.

 Атрибут Magento 2 Атрибути магазину

Крок 3: Увімкнення багатошарової навігації в категорії Magento

Щоб додати багатошарову навігацію до сторінки категорії Magento 2 , перейдіть до Каталог > Категорії , виберіть Категорію та увімкніть опцію Якір у категорії Налаштування відображення .

Багатошарове меню навігації буде відображатися в кожній категорії, для якої ввімкнено цю опцію, що чудово, якщо у вас є кілька категорій на вашому веб-сайті.

 Категорія Magento 2

Крок 4: Налаштування макета

Ви можете змінити розташування багатошарової навігації на сторінці, налаштувавши дизайн категорій Magento. Для цього перейдіть до розділу Каталог > Категорії > Дизайн та змініть макет на один із доступних варіантів:

  • 2 колонки з лівою бічною панеллю
  • 2 колонки з правою бічною панеллю
  • 3-колонковий макет

 Дизайн категорій Magento 2

Після того, як ви заповните всі ці параметри, ваші клієнти отримають переваги від швидшого пошуку в каталозі завдяки фільтрації за ціною та атрибутами. Однак ви можете досягти ще більшого за допомогою належного модуль багатошарової навігації.

Найкращі модулі багаторівневої навігації для Magento

Стандартна багаторівнева навігація Magento дуже допомагає, коли справа доходить до фільтрації атрибутів товарів. Однак цього все ще недостатньо, щоб задовольнити потреби покупців з власними можливостями.

Тому, щоб перевершити стандартну функціональність Magento та підвищити коефіцієнт конверсії, вам потрібні модулі багаторівневої навігації Magento. Існує кілька рішень, вартих вашої уваги.

Модуль багаторівневої навігації Magento 2 від Mirasvit

Це розширення дозволяє вам увімкнути кілька параметрів фільтрації для одного й того ж атрибута, вибрати кілька фільтрів одночасно, додати зручні повзунки та застосувати привабливі зображення до значень атрибутів

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

 Багаторівнева навігація Mirasvit

(Вибір кількох атрибутів у багаторівневій навігації - Mirasvit Demo)

Модуль багаторівневої навігації Magento 2 від Plumrocket

Plumrocket - ще один чудовий варіант для фільтрації товарів. Він також дозволяє налаштовувати багаторівневу панель навігації, створювати власні фільтри, встановлювати порядок сортування, групувати атрибути фільтрів та багато іншого.

Працюючи на AJAX, цей модуль багаторівневої навігації для Magento дозволяє вам обробляти каталоги будь-якого масштабу. Останні тести, проведені Plumrocket, довели здатність розширення працювати з понад 80 000 базами даних продуктів, де на сторінці відображається понад 1200 продуктів

 Багатошарова навігація Magento Plumrocket

(Шарахова навігація - Демо-версія Plumrocket)

Багатошарова навігація для Magento 2 від Aheadworks

За допомогою цього модуль ви можете дозволити клієнтам вибирати один або кілька фільтрів, доступних у різних режимах відображення : кнопки, прапорці, збіги, текстові поля тощо

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

 Фільтр товарів Magento

(Фільтри товарів - Демо Aheadworks)

Багаторівнева навігація від Amasty

Прокрутивши сторінку їхнього товару, ви помітите, що багаторівнева навігація від Amasty дуже схожа на навігацію від Mirasvit. Вони також приділяють пильну увагу брендам та параметрам зручності використання фільтрів. Однак є ряд унікальних функцій, на яких ми хотіли б зосередити вашу увагу.

Окрім різноманітних режимів відображення фільтрів та параметрів зіставлення атрибутів , ви можете увімкнути поле пошуку та підказку для кожного фільтра . Це надзвичайно корисно, оскільки дозволяє клієнтам шукати товари не лише глобально, але й у вузькій групі товарів.

 Багатошарова навігація в Magento 2

(Шарахова навігація - Демо Amasty)

Модуль багатошарової навігації від Mageworx

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

Крім того, ви можете визначити, чи слід згортати чи розгортати фільтри багатошарової навігації. Це все ще чудовий варіант для тих, кому потрібно перевищити стандартну функціональність Magento та запропонувати розширену фільтрацію.

 Налаштування багатошарової навігації Magento

(Налаштування багатошарової навігації - Демо Mageworx)

Багатошарова навігація Magento 2 від Mageplaza

І останнє, але не менш важливе — модуль Mageplaza для багатошарової навігації. Ви можете подумати, що цей модуль вас нічим не здивує, адже ви вже чули про стільки чудових функцій. Але модуль Mageplaza насправді пропонує щось унікальне.

Окрім завантаження AJAX, яке дозволяє відображати товари миттєво після застосування фільтра, ви можете скористатися перевагами пошуку AJAX. Ця функція дозволяє завантажувати результати пошуку у випадаючому списку після введення першої літери ключового слова.

Більше того, ви можете встановити 10 найбільш перегляданих, бестселерів або нових товарів, які відображатимуться, коли клієнти натискають опцію пошуку . Це чудова функція, якщо ви хочете збільшити продажі.

 Пошук по каталогу AJAX у Magento

(Пошук по каталогу AJAX - Демо-версія Mageplaza)

Проблеми з багаторівневою навігацією (з виправленнями)

Щоб виправити проблеми з багаторівневою навігацією в Magento, спочатку спробуйте переіндексація Magento та очистити кеш. У багатьох випадках фільтри багаторівневої навігації не відображаються або не працюють належним чином, оскільки Magento все ще використовує застарілі дані індексу або кешу. Тому виконайте такі команди:

php bin/magento indexer:reindex
php bin/magento cache:clean
php bin/magento cache:flush

Однак іноді проблема може бути пов'язана з налаштуваннями атрибутів категорії або продукту. Ось список найпоширеніших проблем з багаторівневою навігацією та способи їх виправлення.

Фільтри не відображаються

Якщо фільтри взагалі не відображаються, перевірте, чи категорія налаштована як категорія Якір . Якщо цей параметр вимкнено, Magento не зможе відображати фільтри на сторінці категорії.

Перейдіть до Каталог > Категорії > Налаштування відображення та перевірте, чи для параметра Якір встановлено значення Так .

. Відсутні параметри фільтра

Оскільки Magento відображає лише значення фільтра, призначені продуктам, перевірте наступне:

  • чи продукти містять значення атрибутів
  • чи продукти ввімкнено та призначено категорії
  • чи Використовувати в багатошаровій навігації є фільтрувальним

Нещодавно додані продукти не відображаються у фільтрах

Ця проблема іноді виникає після оновлення атрибутів, категорій або масових продуктів, або імпорту продуктів.

Ці зміни можуть зробити індекси Magento застарілими. У цьому випадку переіндексуйте Magento, щоб перебудувати дані про продукти та фільтри.

Фільтрація не показує товари

Це трапляється, коли товари вимкнено, відсутні на складі, не мають значень атрибутів або не призначені до категорії.

У цьому випадку уважно перевірте налаштування товару та переіндексуйте Magento.

Атрибути не відображаються в багаторівневій навігації

Якщо атрибути не налаштовано як фільтрувані, вони не відображатимуться в багаторівневій навігації. Тому перейдіть до Магазини > Атрибути > Продукт , відкрийте атрибут і перевірте, чи поле Використовувати в багатошаровій навігації встановлено на фільтрувальним .

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

Найкращі практики SEO для багаторівневої навігації Magento

Magento пропонує обмежені можливості SEO для багаторівневої навігації, яких недостатньо для запобігання проблемам з дублюванням контенту, марнуванням бюджету на сканування та проблемами з індексацією. Вам потрібно використовувати спеціальне SEO- модуль , таке як Magefan SEO-пакет для Magento , щоб оптимізувати URL-адреси, метадані та метароботи багаторівневої навігації.

Дотримуйтесь цих найкращих практик SEO для багаторівневої навігації.

Індексуйте лише цінні сторінки фільтрів

Щоразу, коли клієнти застосовують фільтри, Magento генерує нову URL-адресу:

/men/tops.html
/men/tops.html?color=black
/men/tops.html?color=black&size=m
/men/tops.html?color=black&size=m&brand=nike

Якщо пошукові системи індексують усі з них, ваш магазин може швидко зіткнутися з тисячами однакових сторінок, які конкурують одна з одною.

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

Тому дозвольте індексацію сторінок фільтрів лише тоді, коли вони націлені на ключові слова, які шукають ваші клієнти. В іншому випадку просто заблокуйте індексацію сторінок пагінації, встановивши NOINDEX FOLLOW robots для всіх або певних фільтрів масово, використовуючи правила Magefan SEO.

 noindex follow meta robots для відфільтрованих сторінок magento

Приклад налаштування meta robots для багаторівневого фільтра навігації погоди в правилах Magefan SEO

Оптимізуйте сторінки фільтрів, які мають потенціал для ранжування

Якщо ваші відфільтровані сторінки націлені на популярні пошукові запити, такі як "кросівки для бігу" або "водонепроникні туристичні черевики", вони заслуговують на ранжування.

Оптимізуйте ці сторінки за допомогою унікальних заголовків H1, мета-заголовків та мета-описів. Це покращує коефіцієнт кліків для результатів пошуку та залучає цінний органічний трафік.

Створіть SEO-дружні URL-адреси фільтрів

URL-адреси багаторівневої навігації за замовчуванням надають мало контексту ключових слів. Вони часто виглядають так /men/shoes.html?color=black&brand=nike .

Щоб зробити їх зручнішими для користувача, подумайте про використання чіткіших URL-адрес, таких як /men/shoes/nike/black . Таким чином, не лише покупці, а й пошукові системи розпізнають ієрархію ключових слів вашого магазину та краще відобразять структуру вашого сайту.

Налаштуйте канонічні теги та унікальні метадані для сторінок фільтрів

Пошукові системи обробляють відфільтровані URL-адреси як окремі сторінки, навіть якщо вони показують ідентичні товари.

наприклад, " /men/shoes.html ", "/ men/shoes.html?brand=nike " та " /men/shoes.html?brand=nike&color=black " можуть показувати ту саму пару взуття, що ускладнює пошуковим системам визначення того, яку сторінку їм слід ранжувати.

Отже, щоб уникнути проблем із дублюванням контенту, вам потрібно вказати основну версію сторінки для пошукових систем, використовуючи Канонічні URL-адреси Magento 2 . У більшості випадків рекомендується вказувати канонічні теги відфільтрованих сторінок на батьківську сторінку категорії " men/shoes.html ", якщо вони не націлені на цінні ключові слова.

Крім того, ви можете додати фільтровані параметри до заголовка та метаданих сторінки фільтра за допомогою модуль Magefan SEO.

 Параметри багаторівневої навігації в метаданих Magento

Параметри багаторівневої навігації SEO в модуль Magefan SEO

Таким чином, ви запобігаєте конкуренції схожих URL-адрес фільтрів один з одним у результатах пошуку.

Відстежуйте ефективність сторінок фільтрів у результатах пошуку

Як ваші продукти, так і пошукові запити клієнтів змінюватимуться з часом. Відстежуйте, які сторінки фільтрів отримують трафік, які з них ранжуються в Google, а які користувачі ігнорують.

Ця інформація допоможе вам покращити ефективність сканування та зосередити пошукові системи на найцінніших сторінках.

Найчастіші запитання

Які типи атрибутів підтримують багаторівневу навігацію Magento?

collapsible icon
Багаторівнева навігація Magento 2 підтримує атрибути з вибираними значеннями, такі як випадаюче меню, множинний вибір та типи введення ціни.

Як оновити багатошарову навігацію в Magento 2?

collapsible icon
Щоб оновити багатошарову навігацію, переіндексуйте свій Magento та очистіть кеш за допомогою таких команд:
 php bin/magento індексатор: переіндексувати
Кеш php bin/magento: очистити

Чому не відображаються фільтри Magento?

collapsible icon
Фільтри Magento не відображаються, якщо категорія не встановлена ​​як категорія прив'язки, якщо атрибут не фільтрується або якщо кеш та індекси Magento потребують оновлення.

Як зробити сторінки багатошарової навігації nofollow з noindex в Magento?

collapsible icon
Magento не пропонує стандартного способу встановлення тегів noindex follow для сторінок з багаторівневою навігацією. Ви можете заблокувати індексацію відфільтрованих сторінок за допомогою користувацьких правил meta robots у модуль Magefan Magento SEO.

Чи варто мені робити noindex усі фільтровані сторінки в Magento?

collapsible icon
Не рекомендується використовувати функцію NOINDEX для кожної відфільтрованої сторінки в Magento, оскільки деякі відфільтровані комбінації, такі як, наприклад, «Чоловіче взуття», відповідають значному попиту в пошукових системах і можуть добре відображатися в результатах пошуку (якщо вони не конкурують з категоріями з такою ж назвою).