ファセットナビゲーションを実装する方法

公開: 2018-01-29

faceted-navigation

Webサイトのナビゲーションは、Webサイトの重要なカテゴリのリンクをまとめて、トップメニューバーまたはサイドバーの親カテゴリに配置するだけではありません。

何よりもまず、コンテンツや製品が多いWebサイトで優れたWebサイトナビゲーションデザインが果たす重要な役割を簡単に見てみましょう。

優れたナビゲーション構造は、消費者が必要なものを見つけるのに役立ち、実際に必要なものを理解するのにも役立ちます。
優れたナビゲーション構造のWebストアは、訪問セッションの継続時間（ユーザーがWebサイトに滞在する時間）がはるかに長く、バウンス率が低くなります。
私を信じて; e-storeの優れたナビゲーション構造により、買い物客を支援するために手動で介入することなく、より多くの販売、より迅速な販売、および販売を行うことができます。
ユーザーの注意のスパンは非常に短いです。優れたナビゲーションは、それらを意味のあるコンテンツや製品リストに接続し、ゲーム内に保持します。

優れたナビゲーション構造のコンポーネント

巨大なWebデータベースが次のナビゲーション構造コンポーネントを使用して、ユーザーがWebサイトで必要なものを簡単に見つけられるようにする方法を思い出してください。

カテゴリとサブカテゴリのドロップダウンリストを含むメニューバー。
自動提案による検索機能。
左側または右側のサイドバーのフィルター。ユーザーが特定の属性（色、価格帯、ブランドなど）に基づいてアイテムを候補リストに追加できるようにします。

ただし、Amazon.comなどの数百万の製品があるWebサイトの場合、これらのコンポーネントでさえ、ユーザーが購入したい1つの製品を見つけるのに必ずしも役立つとは限りません。

ファセットナビゲーションが前面に出てきます

ファセットナビゲーションは、「検索者」（必要なものを知っているユーザー）だけでなく、カジュアルなナビゲーターが関心のあるアイテムに徐々に絞り込むのに役立つ方法でWebサイトのナビゲーション構造を設計する手法です。

あまりブラウジングせずに
フィルタを過度に使用せずに
さまざまな検索用語を試すことなく

eストアの40％のみがファセットナビゲーションを使用しています、つまり、それを承認する機会がまだあり、ほとんどの競合他社よりも優れたナビゲーションエクスペリエンスを提供できます。

では、ファセット検索をどの程度正確に提供しますか？答え–ユーザーが最も必要としている場所に関連するフィルターを提供することによって。ガイド付きナビゲーションおよびファセット検索とも呼ばれるこの手法は、特定の関連性の高いフィルターオプションをウェブサイトの検索結果ページに追加し、ユーザーが最小限の数を使用して、関連する製品またはコンテンツURLの非常に緊密な選択にすばやく焦点を合わせるのに役立ちます。フィルタ。フィルタはファセットカテゴリを使用でき（ポジティブフィルタリング）、検索結果を除外するためにも使用できます（ネガティブ）。次に例を示します。

clip_image001

ある意味で、ファセットナビゲーションは、検索とフィルターの機能を融合して、高度にガイドされ、コンテキスト化された、迅速で手間のかからないナビゲーションエクスペリエンスをWebサイトユーザーに提供します。

あなたのウェブサイトにファセットナビゲーションを実装する方法は？

ファセットナビゲーションの主要なコンポーネントは次のとおりです。

探す
検索結果に基づくカテゴリ（ファセット）
検索を絞り込む機能
結果を意味のある順序で並べ替えるオプション

これは、プレイ中のすべての要素の例です。

clip_image002

Webサイトのファセットナビゲーションデザインを決定するには、次のヒントに従ってください。

営業担当者に、見込み客を引き付ける主要な質問の種類について尋ねます。これらは、Webストアユーザーに提供するのに最適なフィルターになります。
ビジュアルフィルターが多すぎるとユーザーを苛立たせる可能性があり、フィルターが少なすぎると結果の数が多すぎてナビゲーションの問題を解決できなくなります。バランスをとる。通常、3〜4個のファセットフィルタリングオプションをお勧めします。
直感を使用して7〜10個のフィルターを候補リストに追加し、分析を使用して最も関連性の高い3〜4個のフィルターを選択してファセットナビゲーションを実装します。
商品リストが多すぎるeストアの場合は、水平フィルターバーよりもファセットフィルター付きの垂直サイドバーをお勧めします（以下の例を参照）。

clip_image004

いくつかのベストプラクティス、隠された警告、および回避策

覚えておくべきいくつかのトリック：

各ファセットフィルターに対する一致の数を表示します。これにより、ユーザーは検索のコミットメントと意図に基づいて適切なフィルターを選択できます
単一のフィルター内で複数選択オプションを許可します。
ユーザーが製品を検索する方法のメンタルモデルにマッピングされたテーマ別フィルターを投入することもできます。

ただし、注意点は、ファセットナビゲーションがWebサイトのSEOに悪影響を与える可能性があることです。もちろん、ある程度の計画を立てれば、この問題に対処できます。ファセットナビゲーションがSEOに損害を与える可能性がある主な理由は3つあります。

重複するコンテンツを作成すると、Webサイトの評判が損なわれます
それはあなたのウェブサイトのクロール予算を消費し、Googleに間違った信号を送る可能性があります
それはあなたのリンクエクイティを薄める、本当に重要ではないページにリンクエクイティを渡すことができます

したがって、ファセットナビゲーションに取り組んでいる間、SEOの専門家にWebデザイナーとWeb開発者を支援するよう依頼してください。 Googleが重要なページをクロールし、重複するページをインデックスに登録しないようにするために配置できるコントロールを決定します。

ファセットナビゲーションで一般的なSeoの問題を防ぐ方法

ここには万能の解決策はありませんが、考慮すべきいくつかのオプションは次のとおりです。

Noindexタグ付け

noindexタグを使用して、特定のページをインデックスから除外します。これにより、ランク付けする必要のあるページではなく、フォーカスキーワードのランク付けを望ましくないWebページが開始しないようにします。ただし、この方法ではクロール予算の浪費を防ぐことはできず（Googleは引き続きすべてのページをクロールします）、リンクの公平性の漏洩につながります（ここにはインデックスページがないため）。

正規化

正規化を使用して、関連するリンクを1つに区別し、リンクの公平性を優先ページに統合します。これは、リンクエクイティがいくつかの同様のWebページから優先URLに統合されることを意味します。ただし、クロールの予算は依然として無駄になっています。

他の方法もあります（技術的な実行の詳細はこのガイドの範囲外ですが、オンラインでガイダンスを簡単に見つけることができます）：

Webサイトの特定のセクションを禁止します。
すべての内部リンクのベストプラクティスに従ってくださいそして、重要でない事実へのすべての内部リンクをnofollowとして確認します。
Javascriptを使用して、変更されるURLの数が最小限になるようにWebサイトを具体的に設計します。
さらに、SEOへの悪影響を回避することが重要ですあなたのウェブサイトを再設計するとき。

結びの言葉

eコマースWebサイトや、何千もの記事が掲載されているコンテンツに焦点を当てたWebサイトの場合、ファセットナビゲーションは、情報やオプションの過負荷が原因で発生する混乱に意味をもたらします。このガイドで説明されている方法を使用して、Webサイトの訪問者に充実した充実したナビゲーション体験を提供し、エンゲージメントを高め、最終的には売り上げを伸ばします。