Многоуровневая навигация Magento 2 SEO — полное руководство

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

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

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

Кроме того, страницы, создаваемые этим механизмом, обладают огромным потенциалом SEO.

Читайте дальше, чтобы узнать, как:

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

Что такое многоуровневая навигация в Magento 2?

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

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

Как включить многоуровневую навигацию в Magento?

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

Чтобы включить эту функцию, следуйте инструкциям ниже:

1. перейдите в Магазин ⟶ Конфигурация , перейдите в раздел Каталог в левом меню и выберите там тот же самый пункт меню заголовка;
2. в списке открытых опций выберите Многоуровневая навигация , нажмите, чтобы развернуть ее,
3. в открывшихся настройках установите Display Product Count на Yes , а Price Navigation Step Calculation на Automatic ,
4. нажмите Сохранить , чтобы изменения вступили в силу.

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

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

ВАЖНЫЙ

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

Вот здесь-то и пригодится расширение Layered Navigation от MageWorx. С расширением вы можете:

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

Нажмите здесь, чтобы изучить расширение.

Вот как работает оптимизированная фильтрация категорий:

Планирование стратегии SEO для страниц фильтра категорий

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

Давайте рассмотрим простой сценарий: скажем, у нас есть магазин Magento, который продает одежду разных брендов в Миннеаполисе. Назовем его www.mystore.com

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

Скажем, как только клиент выбрал некоторые параметры фильтрации (например, «Цвет» и «Цена»), Magento создает страницу с отфильтрованными результатами. Платформа использует GET-параметры для создания URL этой страницы.

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

www.mystore.com/men/shoes.html ?color=23
www.mystore.com/women-tops.html ?size=353

Если у вас есть расширение, которое оптимизирует многоуровневую навигацию и позволяет клиентам выбирать два или более фильтров, это даже усугубляет ситуацию, поскольку вы получите кучу неоптимизированных URL-адресов с несколькими параметрами фильтрации: www.mystore.com/men/ шорты.html?color=49&price=-1000

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

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

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

Сравним 2 возможных SEO-сценария для такого магазина.

План А

Как было сказано выше, вы можете скрыть LN-страницы от поисковых ботов, используя мета-роботы/установив теги rel=canonical .

Плюсы

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

Минусы

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

Как

По умолчанию в Magento нет возможности добавлять метазаголовки роботов NOINDEX FOLLOW, а также устанавливать для них теги rel=canonical или добавлять их в файл robots.txt.

Причина этого в том, что изначально платформа не генерирует оптимизированные для SEO URL-адреса для LN-страниц, и вы просто не можете их идентифицировать.

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

Создание SEO-дружественных URL-адресов для страниц фильтра категорий

Чтобы добавить такие URL-адреса и реализовать вышеупомянутые операции, вы можете использовать MageWorx SEO Suite Ultimate для Magento 2.

С помощью расширения вы можете легко преобразовать все URL-адреса страниц LN таким образом. Вот как:

1. Перейдите в Магазины ⟶ Конфигурация ⟶ MAGEWORX ⟶ SEO ⟶ SEO Extended — URL-адреса SEO .
2. Установите Включить для фильтров LN значение Да .
3. В поле SEO LN URLs Identifier введите идентификатор (или любую другую букву/цифру или их комбинацию), который будет связан со всеми страницами этого типа — в нашем случае это ' l '.

Теперь URL-адреса всех наших страниц LN выглядят так: www.mystore.com/category/women-tops/l/brand:nike/color:black.html , и их можно легко найти по их конкретным URL-адресам.

Добавление мета-заголовка Robots для страниц многоуровневой навигации

Это также делается с помощью SEO Suite Ultimate.

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

Сказать,

1. Перейдите в Магазины ⟶ Конфигурация ⟶ MAGEWORX ⟶ Настройки SEO Meta Robots и установите NOINDEX, FOLLOW для страниц категории LN на No .
2. Установите необходимое количество фильтров, которые вы хотите проиндексировать.

Например, вы установили минимальное число фильтров равным 2. В этом случае:

• www.mystore.com/kids-clothes/boys/l/nike-hoodies/color:grey/size:m/material:cotton.html — эта страница будет исключена из индекса Google, так как обрабатывается 4 фильтрами.
• www.mystore.com/eyewear/l/brand:rayben/genger:men.html — и этот будет проиндексирован, так как он был отфильтрован по 2 критериям.

Когда закончите, оставайтесь в этих настройках. Отсюда вы сможете:

• установить NOINDEX FOLLOW Robots Meta Header для всех страниц LN,
• или добавьте определенных мета-роботов для любых комбинаций фильтров LN.

Следуйте шагам:

1. Перейдите в Магазины ⟶ Конфигурация ⟶ MAGEWORX ⟶ SEO . Перейдите на вкладку SEO Base ⟶ Meta Robots .
2. Установите мета-заголовок NOINDEX FOLLOW Robots для ВСЕХ отфильтрованных страниц категорий — выберите « Да » в раскрывающемся списке.
3. Добавьте метароботов для определенных комбинаций фильтров, если вы хотите, чтобы некоторые LN-страницы сканировались и индексировались, и ограничивали доступ к другим (например, index,follow: color,brand — это позволяет Google сканировать страницы, отфильтрованные по атрибутам color+brand, игнорируя остальные).

Обратите внимание, что этот параметр имеет более высокий приоритет, чем минимальное количество фильтров.

Это означает, что если вы установите количество фильтров NOINDEX LN равным «0» и добавите «index,follow:color» в это поле, расширение переопределит настройку счетчика фильтров и добавит заголовок INDEX, FOLLOW Meta Robots для отфильтрованных страниц LN. по «цвету».

Добавление rel=Canonical для пейджеров фильтра категорий

В качестве альтернативы вы можете сообщить Google, что ваши LN-страницы и страницы категорий на самом деле являются одним и тем же.

Это можно сделать с помощью тега rel=canonical. Он может информировать Google о том, что ваши LN-страницы представляют собой основную копию:

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

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

Например, если включен параметр отфильтрованной страницы, когда покупатели фильтруют товары по цвету и типу ткани, канонический тег направит Google к /apparel/l/color:red/cloth-type:silk.html.

Чтобы применить тег rel=canonical:

1. Перейдите в Магазины ⟶ Конфигурация ⟶ MAGEWORX ⟶ SEO ⟶ Настройки канонических URL .
2. Перейдите к этим настройкам и выберите нужный вариант:

Обратите внимание, что вы можете перезаписать этот параметр для каждого атрибута товара отдельно. Это можно сделать в настройках «Канонический тег для страниц, отфильтрованных многоуровневой навигацией», которые расположены в МАГАЗИНАХ ⟶ Атрибуты ⟶ Продукт ⟶ Атрибут ⟶ Свойства внешнего интерфейса .

Вот и все!

Фу! Устала?

Не волнуйтесь, мы прошли половину пути!

План б

Если вы выносливы, сильны и бесстрашны, вы можете приложить дополнительные усилия и превратить LN-страницы в (почти) обычные и полностью оптимизированные .

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

Давайте посмотрим, как мы можем это реализовать на примере нашего интернет-магазина одежды в Миннеаполисе.

Плюсы

Этот подход может быть полезен для вас по-разному:

• если в вашем магазине нет подкатегорий, страницы фильтров категорий могут успешно выполнять свою роль,
• эти страницы могут быть полностью оптимизированы для длинных или любых специфических поисковых запросов ; таким образом, покупатели, которые ищут « женские черные кроссовки New Balance, размер 35 », попадут на страницу с очень релевантными результатами,
• при оптимизации эти страницы могут расширить и укрепить архитектуру вашего сайта,
• Страницы LP автоматически обновляются вместе с изменениями атрибутов продукта.

Минусы

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

Как

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

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

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

Если у вас нет SEO-расширения для Magento 2, вы можете рассмотреть простое, но очень полезное приложение для оптимизации больших объемов метаданных для любого типа страницы — SEO Meta Templates от MageWorx.

Нажмите здесь, чтобы установить надстройку.

После установки любого из вышеупомянутых экземпляров перейдите в Маркетинг ⟶ Шаблоны MageWorx SEO ⟶ Шаблоны фильтров категорий .

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

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

Сначала выберите, для чего создавать шаблон.

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

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

На следующем шаге выберите Assign Type . Каждый шаблон можно использовать как для всех категорий, так и только для выбранных (чтобы выбрать их, перейдите на вкладку «Категории» в левом боковом меню).

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

Обратите внимание, что для целевой категории доступна только одна комбинация Тип шаблона — Представление магазина — Категория — Атрибут .

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

Затем добавьте правило шаблона .

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

Например, чтобы добавить мета-описание, подобное этому: «Купить обувь Nike, летнюю коллекцию 2018 года в магазине Best Shoes Store за 300 долларов США в Миннеаполисе », вам необходимо:

1. добавьте вводные слова « Купить», «Купить», «Заказать ». Обратите внимание, что вы можете добавить несколько синонимов и использовать рандомизатор (||) между ними. С помощью этой функции расширение будет автоматически случайным образом подбирать один из введенных синонимов. Этот подход можно использовать для других переменных шаблона, например: [-parameters:||-filters: {filter_all}]. Количество блоков рандомизаторов в шаблоне не ограничено.
2. добавьте переменные для [бренд] [коллекция] [название магазина] [цена] [местоположение].

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

Быстрое решение — использовать структуру [атрибут1|атрибут2|атрибут3|…].

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

Структура [префикс {атрибут} суффикс] может использоваться в случае, если продукт имеет какой-либо атрибут.

Купить [крутой {цвет}] [модель] всего за [цена] означает, что эта структура будет преобразована в «Купить скетчеры на ходу».
Или «Купите этот потрясающий черный Sketchers On-the-GO всего за 99 долларов», если продукт имеет атрибут [color].

Ниже приведен список статических и динамических переменных шаблона:

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

Кроме того, вы можете настроить автоматическое применение этого шаблона с помощью Magento Cron .

Это в основном все.

Теперь вы переходите в MageWorx SEO Templates ⟶ Category Filter Templates и управляете (тестируете, применяете, редактируете, удаляете) всеми созданными вами шаблонами.

ВАЖНЫЙ

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

Скажем, если у вас есть страница категории с несколькими атрибутами, например, марка, модель, цвет, материал, цена. Когда клиент выберет их все, вы получите такую ​​отфильтрованную страницу: /l/brand:new=balance/model:sport-g/color:white/material:genuine-leather/price:299.html ).

Подобные страницы будут лучше всего работать в SEO, если будут оптимизированы по их основному атрибуту (в данном случае бренду New Balance).

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

Чтобы установить приоритет атрибута, сначала отключите включенную по умолчанию опцию «Использовать данные SEO для одного фильтра» в разделе Магазины ⟶ Конфигурация ⟶ MAGEWORX ⟶ SEO ⟶ SEO Extended.

А теперь заходим в Магазины⟶ Атрибуты ⟶ Товар и указываем позицию (чем больше позиция, тем ниже ее приоритет).

Нижняя линия

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

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

* * * * *

Есть ли у вас опыт оптимизации страниц фильтров категорий? Не стесняйтесь делиться своим опытом в разделе комментариев ниже.