PWF 評論:創建 SEO 友好的 WooCommerce 產品過濾器

已發表: 2022-11-10

如果您的 WooCommerce 商店有很多產品,添加產品過濾器可能是幫助購物者找到與他們最相關的產品的好方法。

雖然 WooCommerce 確實包含一些用於價格和其他詳細信息的基本內置過濾器功能,但專用的 WooCommerce 產品過濾器插件可讓您添加更多有用的產品過濾器創建更好的界面(例如設置 WooCommerce Ajax 產品過濾器)。

PWF 是一個免費增值 WooCommerce 產品過濾器插件,可讓您為任何產品詳細信息創建過濾器,從價格到評級、分類法、屬性等。 它還包括其他有用的功能,例如 Ajax 過濾器結果和帶有動態 SEO 元數據的干淨、SEO 友好的過濾器 URL(可以幫助您對相關的長尾查詢進行排名)。

此外,雖然該插件主要關注 WooCommerce 產品過濾器,但您也可以使用它為其他帖子類型創建過濾器。

在我們的 PWF 實踐評論中,我們將分享更多關於此 WooCommerce 產品過濾器插件的功能,並詳細介紹在您的商店中配置和使用的內容。

PWF 評論:插件有什麼作用?

PWF評論

一般來說,PWF 的高級好處是它可以讓您創建前端過濾器,您的訪問者可以使用這些過濾器更輕鬆地發現相關的 WooCommerce 產品(或其他類型的內容)。

以下是您可以使用 PWF 創建的過濾器類型的示例:

垂直產品過濾器

為了消除摩擦,該插件允許您使用 Ajax 來應用過濾器而無需重新加載頁面(如果您不喜歡這種方法,您也可以禁用 Ajax 過濾器)。

除了使用 Ajax 應用過濾器之外,如果需要,您還可以使用 Ajax 分頁。 總的來說,您可以獲得三個選項來處理分頁:

  • Ajax加載更多
  • 無限滾動
  • 標準分頁(可點擊頁碼)

除了“正常”的垂直過濾器佈局之外,PWF 還允許您使用出現在產品列表上方的水平佈局。

水平產品過濾器

讓我們通過一些其他功能細節來幫助您了解插件......

您可以過濾的產品數據

為了盡可能創建最有用的過濾器,PWF 允許您按以下部分或全部產品數據進行過濾:

  • 產品屬性
  • 產品分類
  • 產品標籤
  • 任何分類法(包括自定義分類法)
  • 庫存狀況
  • 作者
  • 自定義字段(元)——這包括產品附加字段,以及通常的任何自定義字段
  • 發售狀態
  • 精選狀態
  • 評分
  • 產品知名度
  • 產品運輸類型
  • 產品類型(例如簡單與可變)

前端過濾器字段類型

為了過濾所有這些產品數據,PWF 提供了許多不同的字段類型供您選擇:

  • 複選框列表
  • 電台列表
  • 下拉列表
  • 顏色列表
  • 箱單
  • 文本列表
  • 日期
  • 價格滑塊
  • 範圍滑塊
  • 評分
  • 按鈕
  • 類別
  • 庫存狀況

您還可以添加一個通用的“搜索”字段,讓用戶可以按關鍵字進行搜索。

篩選字段類型

SEO 友好的過濾器 URL

許多產品過濾器插件通過向 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、麵包屑和簡短描述設置模板(非常適合向每個過濾頁面添加一些獨特的內容) .

PWF SEO 構建工具

還有一個功能可以將您的過濾頁麵包含在您的 XML 站點地圖中。

不僅僅適用於 WooCommerce 產品(過濾任何帖子類型)

雖然該插件專注於幫助您設置 WooCommerce 產品過濾器功能(這也是我們 PWF 審查的主要重點),但值得指出的是 PWF 不僅僅適用於 WooCommerce 產品。

您還可以使用它為任何帖子類型創建過濾器,包括博客帖子或您在站點上創建的自定義帖子類型。

內置過濾器分析

為了幫助您了解人們如何使用您的過濾器,PWF 包含一個內置的分析工具,可以讓您查看數據,例如人們正在使用哪些過濾器、人們使用過濾器的頻率等等。

其他顯著特點

除了我上面描述的內容之外,這裡還有一些 PWF 提供的其他值得注意的功能:

  • 條件邏輯——根據條件邏輯隱藏某些過濾器。
  • 樣式選項——您可以獲得大量選項來控製過濾器的樣式和佈局。
  • 排序選項– 為過濾後的產品選擇默認排序順序和選項。
  • 自定義 CSS – 自定義 CSS 類和 ID 以更輕鬆地使用您自己的自定義 CSS。
  • 頁面構建器支持——該插件集成了最流行的頁面構建器插件,包括 Elementor、Divi、Beaver Builder、Oxygen 等。

如何使用 PWF 添加 WooCommerce 產品過濾器

現在您對插件的功能有了更多的了解,讓我們深入了解實際使用 PWF 在您的商店中設置產品過濾器的感覺。

注意——我在我的網站上使用高級插件。 雖然基本功能和界面是相同的,但您在下面看到的某些功能需要高級版本。 更多關於定價的信息。

安裝並激活插件後,您將在 WordPress 儀表板中獲得一個新的過濾器選項卡,以訪問該插件的所有功能。

除了添加一組過濾器的界面外,您還可以獲得其他三個區域:

  • 設置——控制插件的一般設置。
  • SEO 規則– 讓您改進過濾頁面的 SEO。
  • 分析- 讓您查看過濾器使用情況的分析。

讓我們通過添加一個新的過濾器組

1. 創建新過濾器並編輯設置

要添加您的第一組過濾器,您可以轉到Filters → Add New

在此界面中,您會看到兩列:

  • 項目——這是您將添加過濾器選項的地方。
  • 過濾器設置——您可以在此處配置過濾器的常規設置,例如要過濾的內容類型、是否使用 Ajax、如何處理分頁等等。
添加新過濾器

首先,您需要瀏覽過濾器設置選項。

General選項卡(如上圖所示)很重要,因為它可以讓您控制 Ajax、分頁、漂亮的 URL 等。

數據庫查詢選項卡也非常重要,因為它允許您選擇要過濾的內容。

默認是過濾 WooCommerce 產品。

但是,正如我上面提到的,您還可以為您網站上的任何帖子類型添加過濾器,包括自定義帖子類型。 在此選項卡中,您可以使用“帖子類型”下拉列表來控​​制該行為。

您還可以使用“查詢類型”下拉菜單來設置不同類型的查詢,例如在產品類別頁面而不是主商店存檔中添加這些過濾器。

最後,“頁面”下拉菜單允許您選擇網站上的特定頁面以使用此過濾器,例如主要商店頁面或特定存檔頁面。

選擇帖子類型

其他選項卡還包括一些有用的設置,主要與過濾器的外觀有關。 但是當涉及到您的過濾器組的行為時,常規數據庫查詢選項卡佔據了大部分內容。

2.添加篩選項

一旦設置了常規過濾器設置,就可以開始添加過濾器選項。 為此,您將單擊“項目”列表下的“添加項目”按鈕。

這將顯示您可以添加的過濾器字段和預設列表。 還有一個列佈局選項,可讓您創建多列過濾器佈局:

添加過濾器選項

選擇字段類型將展開選項,讓您自定義該字段。 最重要的是,您可以為該過濾器的選項選擇來源。

例如,假設您要添加一個複選框列表以從產品類別中進行選擇。 您可以將選項的來源設置為分類法,然後選擇產品類別作為特定分類法。 如果需要,您還可以更具體。

另一個有用的選項是Display rules 。 這些使您可以隱藏基於其他條件的過濾器(也稱為條件邏輯)。 當滿足以下部分或全部條件時,您可以隱藏過濾器:

  • 屬性
  • 類別
  • 標籤
  • 其他分類

最後, URL 鍵對於設置漂亮的 URL 也很重要,因為這可以讓您控制 SEO 友好 URL 的 URL 結構。

自定義過濾器

每個過濾器項目還有一個視覺設置選項卡,其中包含一些顯示選項,包括讓您僅向該過濾器添加自定義 CSS 類。

實際選項將取決於您要添加的過濾字段類型。

這是顏色列表過濾器的另一個示例。 您可以選擇“顏色”屬性,然後將實際顏色樣本鏈接到每個屬性:

顏色列表

一些預設過濾器非常簡單。 例如,評級過濾器只有幾個選項:

評級過濾器

還有一個搜索過濾器,可讓您搜索所有產品數據或僅搜索產品標題:

搜索過濾器

我無法向您展示每一種字段類型。 但總的來說,您可以獲得大量針對所有內容的自定義選項。

3. 將過濾器添加到前端

設置過濾器組後,最後一步是控制在商店前端的何處添加這些過濾器。

該插件為您提供了兩個選項:

  1. 簡碼– 您可以在站點的任何位置添加簡碼,包括在塊編輯器的簡碼塊中。 您還可以使用 do_shortcode 函數將其直接包含在主題的模板文件中。
  2. 小部件– 您可以將小部件添加到任何小部件化區域(這適用於塊小部件和經​​典小部件插件)。

要查找短代碼,請轉到儀表板中的主過濾器區域:

過濾簡碼

要使用小部件,請打開小部件界面並根據需要使用 PWF 小部件:

過濾器小部件

除了顯示過濾器的小部件外,您還可以獲得活動過濾器和 SEO 簡短描述的小部件。

添加小部件後,以下是示例商店中的過濾器:

WooCommerce 產品過濾器示例

4. 設置 SEO 功能

如果您使用的是對 SEO 友好的 URL,您肯定會希望利用 PWF 的功能來為重要的 SEO 細節設置動態模板。

這些使您可以根據用戶選擇的過濾器自動生成重要內容。 例如,如果用戶為“T 卹產品類別”、“藍色顏色屬性”和“棉質材料屬性”選擇過濾器,您可以自動生成一個標題,如“藍色棉質 T 卹:今天購買”。

要設置它,請轉到過濾器 → SEO 規則開始添加您的 SEO 規則。

根據您選擇的 SEO URL,每個 SEO 規則都允許您動態修改以下詳細信息:

  • 元標題
  • 元描述
  • 頁面標題 H1
  • 麵包屑
  • 簡短的介紹

如果單擊三點圖標,則可以展開可用變量列表,這樣您就可以根據用戶選擇的過濾器動態插入信息。

PWF SEO 構建工具

例如,如果用戶選擇“藍色”濾色器和“T 卹”類別,“Best %color% %category%”將變為“Best Blue T-Shirts”。

您可以為整個類別創建通用規則,也可以深入挖掘並為特定屬性和類別組合(或其他細節)創建規則。

雖然設置規則可能需要一些時間,但這對 SEO 來說是一個非常強大的功能,可以讓你自動對很多長尾查詢進行排名。

PWF定價

PWF 在 WordPress.org 上有免費版本,在 Envato 的 CodeCanyon 市場上有高級版本。

免費版包括大部分核心功能,包括 Ajax 過濾器。

但是,如果您想要訪問以下增強功能,則需要升級到高級版本(這只是部分列表 - 還有更多高級功能):

  • 乾淨、SEO 友好的產品 URL 。 例如,高級版創建的 URL 類似於yoursite/product-category-mobile/color-black/ ,而免費版創建的 URL 帶有查詢參數,例如yoursite/?product-category=mobile&color=black
  • 搜索引擎優化工具。 根據所選過濾器動態調整 SEO 信息。
  • 更多佈局選項。 使用水平或垂直佈局。
  • 更多過濾器選項。 免費版支持核心產品詳細信息,而高級版則增加了更多選項。
  • 更多篩選字段類型。 高級版本添加了新的篩選字段類型,例如框列表、範圍滑塊、日期等。
  • 搜索框。 除了新的篩選字段類型之外,高級版本還允許人們按關鍵字進行搜索。
  • 分析。 高級版本添加了內置分析,以便您可以了解人們如何使用您的過濾器以及哪些過濾器最感興趣。

值得慶幸的是,高級版本非常實惠,只需 39 美元即可在單個站點上使用,並提供終身更新和六個月的支持(標準 Envato 許可證)。

就長期價值而言,終身更新優勢尤為重要,因為這意味著您無需繼續續訂許可證。

關於 PWF 的最終想法

總體而言,PWF 為您提供了一種非常靈活的方式來為 WooCommerce 產品以及您網站上的其他帖子類型設置過濾器。

就過濾器本身而言,您可以獲得大量用於過濾數據和使用前端輸入字段的選項。

不過,我最喜歡的功能是 SEO 友好的 URL 和 SEO 工具,用於動態生成為長尾查詢對這些 URL 進行排名所需的內容。

如果您想測試該插件,可以試用 WordPress.org 上的免費版本。 但是,我認為最好的功能都在高級版中,所以我建議盡可能升級。 因為您可以獲得終身更新,所以 39 美元的價格從長遠來看是相當實惠的。

您可以使用下面的按鈕開始……

CodeCanyon 上市
WordPress.org 列表