Обзор PWF: создание оптимизированных для SEO фильтров продуктов WooCommerce

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

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

PWF — это бесплатный плагин фильтра продуктов WooCommerce, который позволяет создавать фильтры для любых сведений о продукте, от цены до рейтинга, таксономии, атрибутов и многого другого. Он также включает в себя другие полезные функции, такие как результаты фильтрации Ajax и чистые, оптимизированные для SEO URL-адреса фильтров с динамическими метаданными SEO ( которые могут помочь вам ранжироваться по релевантным запросам с длинным хвостом ).

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

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

Обзор PWF: что делает плагин?

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

Вот пример типов фильтров, которые можно создать с помощью PWF:

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

Помимо применения фильтров с помощью Ajax, при желании вы также можете использовать разбиение на страницы Ajax. Всего у вас есть три варианта обработки пагинации:

• Аякс загрузи больше
• Бесконечная прокрутка
• Стандартная пагинация (кликабельные номера страниц)

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

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

Данные о продукте, которые можно фильтровать

Чтобы создать максимально полезные фильтры, PWF позволяет фильтровать некоторые или все следующие данные о продукте:

• Атрибут продукта
• Категория продукта
• Тег продукта
• Любая таксономия (включая пользовательские таксономии)
• Состояние запасов
• Автор
• Настраиваемое поле (мета) — сюда входят дополнительные поля продукта, а также обычно любое настраиваемое поле.
• Статус в продаже
• Избранный статус
• Рейтинг
• Видимость продукта
• Тип доставки товара
• Тип продукта (например, простой или переменный)

Типы полей фильтра внешнего интерфейса

Чтобы отфильтровать все эти данные о продукте, PWF предлагает несколько различных типов полей на выбор:

• Список флажков
• Список радио
• Выпадающий список
• Список цветов
• Список ящиков
• Текстовый список
• Дата
• Ползунок цены
• Ползунок диапазона
• Рейтинг
• Кнопка
• Категории
• Статус запаса

Вы также можете добавить общее поле «Поиск», которое позволяет пользователям искать по ключевому слову.

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

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

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

Например, хотя это и не магазин электронной коммерции, Nomad List использует этот оптимизированный для SEO подход URL-адресов фильтров для ранжирования множества длинных запросов, основанных на поиске городов для проживания. Вот пример оптимизированного для SEO URL-адреса, который был создан программно из фильтров. :

 https://nomadlist.com/places-with-a-tropical-climate-in-asia-and-clean-air-all-year-and-cheap-hotels

С PWF вы можете реализовать ту же стратегию.

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

Существует также функция включения ваших страниц фильтров в карту сайта XML.

Работает не только для продуктов WooCommerce (фильтр любого типа сообщений)

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

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

Встроенная аналитика фильтров

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

Другие примечательные особенности

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

• Условная логика — скрыть определенные фильтры на основе условной логики.
• Параметры стиля — вы получаете большое количество параметров для управления стилем и расположением ваших фильтров.
• Параметры сортировки — выберите порядок сортировки по умолчанию и параметры для отфильтрованных продуктов.
• Пользовательский CSS — настройте классы и идентификаторы CSS, чтобы упростить использование собственного пользовательского CSS.
• Поддержка компоновщика страниц — плагин интегрируется с большинством популярных плагинов для компоновки страниц, включая Elementor, Divi, Beaver Builder, Oxygen и другие.

Как добавить фильтры продуктов WooCommerce с помощью PWF

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

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

После того, как вы установите и активируете плагин, вы получите новую вкладку «Фильтры» на панели инструментов WordPress для доступа ко всем функциям плагина.

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

• Настройки – управление общими настройками плагина.
• Правила SEO — позволяют улучшить SEO ваших страниц фильтров.
• Аналитика — позволяет просматривать аналитику по использованию фильтров.

Пройдемся по добавлению новой группы фильтров

1. Создайте новый фильтр и отредактируйте настройки

Чтобы добавить первую группу фильтров, перейдите в меню «Фильтры» → «Добавить новый» .

В этом интерфейсе вы увидите два столбца:

• Элементы — здесь вы добавите параметры фильтра.
• Настройка фильтра — здесь вы настроите общие параметры вашего фильтра, например, какой тип содержимого фильтровать, использовать ли Ajax, как обрабатывать нумерацию страниц и т. д.

Для начала вам нужно просмотреть параметры настройки фильтра .

Вкладка «Общие» (на фото выше) важна, потому что она позволяет вам управлять Ajax, нумерацией страниц, красивыми URL-адресами и так далее.

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

По умолчанию продукты WooCommerce фильтруются.

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

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

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

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

2. Добавьте элементы фильтра

После того, как вы настроили общие параметры фильтра, вы можете начать добавлять параметры фильтра. Для этого нажмите кнопку «Добавить элемент» под списком «Элементы» .

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

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

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

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

• Атрибут
• Категория
• Ярлык
• Другая таксономия
• Страница

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

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

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

Вот еще один пример фильтра списка цветов . Вы можете выбрать атрибут «Цвет», а затем связать фактические образцы цвета с каждым атрибутом:

Некоторые из предустановленных фильтров очень просты. Например, фильтр «Рейтинг» имеет всего несколько параметров:

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

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

3. Добавьте свой фильтр во внешний интерфейс

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

Плагин дает вам два варианта:

1. Шорткод — вы можете добавить шорткод в любом месте вашего сайта, в том числе в блок шорткода в редакторе блоков. Вы также можете использовать функцию do_shortcode, чтобы включить ее непосредственно в файлы шаблонов вашей темы.
2. Виджет — вы можете добавить виджет в любую область виджетов (это работает как с блочными виджетами, так и с плагином Classic Widgets).

Чтобы найти шорткод, перейдите в основную область «Фильтры» на панели инструментов:

Чтобы использовать виджеты, откройте интерфейс виджетов и используйте виджеты PWF по мере необходимости:

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

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

4. Настройте функциональность SEO

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

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

Чтобы настроить это, перейдите в «Фильтры» → «Правила SEO» , чтобы начать добавлять свои правила SEO.

В зависимости от выбранного URL-адреса SEO каждое правило SEO позволяет динамически вносить изменения в следующие детали:

• Мета-заголовок
• Мета-описание
• Название страницы H1
• Панировочные сухари
• Краткое описание

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

Например, «Лучшие %color% %category%» станут «Лучшие синие футболки», если пользователь выберет цветовой фильтр «Синий» и категорию «Футболки».

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

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

Цены на ПВФ

PWF поставляется как в бесплатной версии на WordPress.org, так и в премиум-версии на торговой площадке Envato CodeCanyon.

Бесплатная версия включает в себя большинство основных функций, включая фильтры Ajax.

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

• Чистые, оптимизированные для SEO URL-адреса продуктов . Например, премиум-версия создает такие URL-адреса, как yoursite/product-category-mobile/color-black/ , а бесплатная версия создает URL-адреса с такими параметрами запроса, как yoursite/?product-category=mobile&color=black .
• SEO-инструмент. Динамически корректируйте SEO-информацию на основе выбранных фильтров.
• Больше вариантов макета . Используйте горизонтальные или вертикальные макеты.
• Дополнительные параметры фильтра . В то время как бесплатная версия поддерживает основные сведения о продукте, премиум-версия добавляет еще больше возможностей.
• Больше типов полей фильтра. Премиум-версия добавляет новые типы полей фильтра, такие как список полей, ползунок диапазона, дата и многое другое.
• Поисковая строка. Помимо новых типов полей фильтра, премиум-версия также позволяет людям искать по ключевому слову.
• Аналитика. Премиум-версия добавляет встроенную аналитику, чтобы вы могли видеть, как люди используют ваши фильтры и какие фильтры вызывают наибольший интерес.

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

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

Заключительные мысли о PWF

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

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

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

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

Вы можете использовать кнопки ниже, чтобы начать…