PWF レビュー: SEO に適した WooCommerce 製品フィルターを作成する

公開: 2022-11-10

WooCommerce ストアに多くの商品がある場合、商品フィルターを追加すると、買い物客が最も関連性の高い商品を見つけやすくなります。

WooCommerce には、価格やその他の詳細に関するいくつかの基本的な組み込みフィルター機能が含まれていますが、専用の WooCommerce 製品フィルタープラグインを使用すると、より便利な製品フィルターを追加して、より優れたインターフェイスを作成できます (WooCommerce Ajax 製品フィルターの設定など)。

PWF はフリーミアムの WooCommerce 製品フィルタープラグインで、価格から評価、分類法、属性など、あらゆる製品の詳細のフィルターを作成できます。また、Ajax フィルター結果や動的 SEO メタデータを使用したクリーンで SEO フレンドリーなフィルター URL (関連するロングテールクエリのランク付けに役立つ) など、その他の便利な機能も含まれています。

さらに、プラグインは主に WooCommerce 製品フィルターに焦点を当てていますが、それを使用して他の投稿タイプのフィルターを作成することもできます.

実践的な PWF レビューでは、この WooCommerce 製品フィルタープラグインの機能について詳しく説明し、ストアでの構成と使用方法について詳しく説明します.

PWF レビュー: プラグインは何をしますか?

一般に、PWF の高レベルの利点は、訪問者が関連する WooCommerce 製品 (または他の種類のコンテンツ) をより簡単に見つけるために使用できるフロントエンドフィルターを作成できることです。

PWF で作成できるフィルターの種類の例を次に示します。

摩擦を取り除くために、プラグインを使用すると、ページをリロードせずに Ajax を使用してフィルターを適用できます (このアプローチが気に入らない場合は、Ajax フィルターを無効にすることもできます)。

Ajax でフィルターを適用するだけでなく、必要に応じて Ajax ページネーションを使用することもできます。ページネーションを処理するには、合計で 3 つのオプションがあります。

Ajax もっと読み込む
無限スクロール
標準のページネーション (クリック可能なページ番号)

「通常の」垂直フィルターレイアウトを超えて、PWF では製品リストの上に表示される水平レイアウトも使用できます。

プラグインを理解するのに役立つ他の機能の詳細を見てみましょう…

フィルタリングできる商品データ

可能な限り最も役立つフィルターを作成するために、PWF では、次の製品データの一部またはすべてでフィルター処理できます。

商品属性
製品カテゴリ
商品タグ
任意の分類 (カスタム分類を含む)
在庫状況
著者
カスタムフィールド (メタ) – これには、製品のアドオンフィールドと、一般的なカスタムフィールドが含まれます。
販売状況
注目のステータス
評価
製品の可視性
商品の配送タイプ
製品の種類 (例: シンプル vs 可変)

フロントエンドフィルターのフィールドタイプ

そのすべての製品データをフィルタリングするために、PWF にはさまざまなフィールドタイプが用意されています。

チェックボックス一覧
ラジオ一覧
ドロップダウンリスト
カラー一覧
ボックス一覧
テキストリスト
日にち
価格スライダー
レンジスライダー
評価
ボタン
カテゴリー
在庫状況

ユーザーがキーワードで検索できる一般的な「検索」フィールドを追加することもできます。

SEO フレンドリーなフィルター URL

多くの製品フィルタープラグインは、URL にクエリパラメーターを追加することで機能します。これはユーザーにとっては問題ありませんが、Google やその他の検索エンジンでフィルターページをランク付けできなくなることを意味します。

ただし、一部のニッチでは、これらのプログラムで作成されたフィルターリストページは、ロングテールキーワードでランク付けするための非常に優れた方法です。

たとえば、e コマースストアではありませんが、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 クラスと ID をカスタマイズして、独自のカスタム CSS をより簡単に使用できるようにします。
ページビルダーのサポート– プラグインは、Elementor、Divi、Beaver Builder、Oxygen などの最も一般的なページビルダープラグインと統合されます。

PWF で WooCommerce 製品フィルターを追加する方法

プラグインの機能について詳しく理解できたので、実際に PWF を使用してストアに商品フィルターを設定する方法を詳しく見ていきましょう。

注 – サイトでプレミアムプラグインを使用しています。 基本的な機能とインターフェイスは同じですが、以下に示す機能の一部にはプレミアムバージョンが必要です。 料金については後ほど。

プラグインをインストールして有効にすると、WordPress ダッシュボードに新しい[フィルター]タブが表示され、プラグインのすべての機能にアクセスできるようになります。

フィルターのグループを追加するためのインターフェイスに加えて、次の 3 つの領域もあります。

設定– プラグインの一般設定を制御します。
SEO ルール– フィルターページの SEO を改善できます。
分析– フィルターの使用状況に関する分析を表示できます。

新しいフィルタグループを追加してみましょう

1. 新しいフィルターを作成して設定を編集する

フィルターの最初のグループを追加するには、 Filters → Add Newに移動します。

このインターフェイスには、次の 2 つの列が表示されます。

アイテム– フィルターオプションを追加する場所です。
フィルター設定– ここでは、フィルター処理するコンテンツの種類、Ajax を使用するかどうか、ページネーションの処理方法など、フィルターの一般的な設定を構成します。

開始するには、フィルター設定オプションを確認する必要があります。

一般タブ (上図) は、Ajax、ページネーション、きれいな URL などを制御できるため、重要です。

フィルタリングするコンテンツを選択できる[データベースクエリ]タブも非常に重要です。

デフォルトでは WooCommerce 製品をフィルタリングします。

ただし、上で述べたように、カスタム投稿タイプを含む、サイトの任意の投稿タイプにフィルターを追加することもできます. このタブでは、 [投稿タイプ]ドロップダウンを使用してその動作を制御できます。

クエリタイプドロップダウンを使用して、さまざまなタイプのクエリを設定することもできます。たとえば、これらのフィルターをメインショップのアーカイブではなく製品カテゴリページに追加するなどです。

最後に、 [ページ]ドロップダウンでは、メインショップページや特定のアーカイブページなど、このフィルターを使用するサイトの特定のページを選択できます。

他のタブには、主にフィルターの外観に関するいくつかの便利な設定も含まれています。ただし、フィルターグループの動作に関しては、 [全般]タブと[データベースクエリ]タブにほとんどの要素が含まれています。

2. フィルター項目を追加する

一般的なフィルター設定をセットアップしたら、フィルターオプションの追加を開始できます。これを行うには、 [アイテム]リストの下にある[アイテムの追加]ボタンをクリックします。

これにより、追加できるフィルターフィールドとプリセットのリストが表示されます。複数列のフィルターレイアウトを作成できる列レイアウトオプションもあります。

フィールドタイプを選択すると、オプションが展開され、そのフィールドをカスタマイズできるようになります。最も重要なことは、このフィルターのオプションのソースを選択できることです。

たとえば、製品カテゴリから選択するためのチェックボックスリストを追加するとします。オプションのソースを分類法と同じに設定し、特定の分類法として製品カテゴリを選択します。必要に応じて、さらに具体的にすることもできます。

別の便利なオプションはDisplay rulesです。これらを使用すると、他の条件に基づいてフィルターを非表示にすることができます (AKA 条件ロジック)。次の条件の一部またはすべてが true の場合、フィルターを非表示にできます。

属性
カテゴリー
鬼ごっこ
その他の分類
ページ

最後に、 URL キーは、 SEO に適した URL の URL 構造を制御できるため、きれいな URL を設定するためにも重要です。

各フィルター項目には、カスタム CSS クラスをそのフィルターだけに追加できるなど、いくつかの表示オプションを含む[ビジュアル設定]タブもあります。

実際のオプションは、追加するフィルタフィールドのタイプによって異なります。

カラーリストフィルタの別の例を次に示します。「色」属性を選択してから、実際の色見本を各属性にリンクできます。

いくつかのプリセットフィルターは非常にシンプルです。たとえば、評価フィルターにはいくつかのオプションしかありません。

すべての製品データまたは製品タイトルのみを検索できる検索フィルターもあります。

すべてのフィールドタイプを紹介することはできません。しかし、一般的に、すべてに対してかなりの量のカスタマイズオプションがあります.

3. フィルターをフロントエンドに追加する

フィルターグループを設定したら、最後のステップは、ストアのフロントエンドでこれらのフィルターを追加する場所を制御することです。

プラグインには 2 つのオプションがあります。

ショートコード– ブロックエディターのショートコードブロックを含め、サイトのどこにでもショートコードを追加できます。 do_shortcode 関数を使用して、テーマのテンプレートファイルに直接含めることもできます。
ウィジェット– ウィジェットを任意のウィジェット領域に追加できます (これは、ブロックウィジェットとクラシックウィジェットプラグインの両方で機能します)。

ショートコードを見つけるには、ダッシュボードのメインの[フィルター]エリアに移動します。

ウィジェットを使用するには、ウィジェットインターフェイスを開き、必要に応じて PWF ウィジェットを使用します。

フィルターを表示するウィジェットに加えて、アクティブなフィルターと SEO の短い説明のウィジェットも取得します。

ウィジェットを追加した後、サンプルストアのフィルターを次に示します。

4.SEO機能を設定する

SEO に適した URL を使用している場合は、PWF の機能を利用して、重要な SEO の詳細について動的なテンプレートを設定することをお勧めします。

これらを使用すると、ユーザーが選択したフィルターに基づいて重要なコンテンツを自動生成できます。たとえば、ユーザーが「T シャツの商品カテゴリ」、「ブルーの色属性」、「綿素材の属性」のフィルターを選択した場合、「ブルーコットン T シャツ: 今すぐ購入」のようなタイトルを自動生成できます。

これを設定するには、 [フィルター] → [SEO ルール]に移動して、SEO ルールの追加を開始します。

選択した SEO URL に基づいて、各 SEO ルールにより、次の詳細を動的に変更できます。

メタタイトル
メタ記述
ページタイトル H1
パン粉
簡単な説明

3 つの点のアイコンをクリックすると、使用可能な変数のリストが展開され、ユーザーが選択したフィルターに基づいて情報を動的に挿入できます。

たとえば、ユーザーが「ブルー」カラーフィルターと「T シャツ」カテゴリを選択した場合、「ベスト %color% %category%」は「ベストブルー T シャツ」になります。

カテゴリ全体の一般的なルールを作成することも、特定の属性とカテゴリの組み合わせ (またはその他の詳細) を掘り下げてルールを作成することもできます。

ルールの設定には時間がかかるかもしれませんが、これは SEO にとって非常に強力な機能であり、多くのロングテールクエリで自動的にランク付けされるように設定できます。

PWF 価格

PWF には、WordPress.org の無料バージョンと、Envato の CodeCanyon マーケットプレイスのプレミアムバージョンの両方があります。

無料版には、Ajax フィルターを含むほとんどのコア機能が含まれています。

ただし、次の拡張機能にアクセスしたい場合は、プレミアムバージョンにアップグレードする必要があります (これは一部のリストです – プレミアム機能は他にもあります)。

クリーンで SEO に適した商品 URL 。たとえば、プレミアムバージョンはyoursite/product-category-mobile/color-black/のような URL を作成しますが、無料バージョンはyoursite/?product-category=mobile&color=blackのようなクエリパラメータを含む URL を作成します。
SEO ツール。 選択したフィルターに基づいて SEO 情報を動的に調整します。
その他のレイアウトオプション。水平または垂直のレイアウトを使用します。
その他のフィルターオプション。無料版はコア製品の詳細をサポートしていますが、プレミアム版はさらに多くのオプションを追加します.
より多くのフィルターフィールドタイプ。 プレミアムバージョンでは、ボックスリスト、レンジスライダー、日付などの新しいフィルターフィールドタイプが追加されています。
検索ボックス。 新しいフィルターフィールドの種類に加えて、プレミアムバージョンではキーワードで検索することもできます。
分析。 プレミアムバージョンには組み込みの分析が追加されているため、ユーザーがフィルターをどのように使用しているか、どのフィルターが最も関心を集めているかを確認できます。

ありがたいことに、プレミアムバージョンはわずか 39 ドルで、生涯更新と 6 か月間のサポート (標準の Envato ライセンス) を備えた単一のサイトで使用するのに非常に手頃な価格です。

このライフタイムアップデートの利点は、ライセンスを更新し続ける必要がないことを意味するため、長期的な価値に関しては特に重要です。

PWF に関する最終的な考え

全体として、PWF は、WooCommerce 製品やサイト上の他の投稿タイプのフィルターを設定するための非常に柔軟な方法を提供します.

フィルター自体に関しては、データをフィルター処理し、フロントエンド入力フィールドを使用するための多くのオプションがあります。

ただし、私のお気に入りの機能は、SEO に適した URL と、ロングテールクエリでこれらの URL をランク付けするために必要なコンテンツを動的に生成する SEO ツールです。

プラグインを試してみたい場合は、WordPress.org で無料版を試すことができます。ただし、最高の機能はプレミアムバージョンにあると思いますので、可能であればアップグレードをお勧めします。ライフタイムアップデートを取得できるため、39 ドルの価格は長期間にわたって非常に手頃な価格です。

以下のボタンを使用して開始できます…

CodeCanyonのリスト

WordPress.org リスト