定義
Breadcrumb(ブレッドクラム)ナビゲーションは、ユーザーが現在のウェブサイトの位置からホームページまでの経路を追跡する方法を提供するウェブサイトナビゲーションの一種です。通常、ページの上部に表示され、ユーザーがウェブサイトの起点や入り口までさかのぼるための経路を提供し、人気のある童話「ヘンゼルとグレーテル」に由来して名付けられています。
構造と種類
ブレッドクラムは通常、文字(例:>、矢印、スラッシュ(/))で区切られたリンクの水平なリストとして表示されます。主な3つのタイプのブレッドクラムナビゲーションがあります:
- ロケーションベースのブレッドクラム: これらはページがサイトの階層にどこに位置しているかを示します。ウェブサイトの構造を反映しています。
- パスベースのブレッドクラム: 履歴ベースのブレッドクラムとも呼ばれ、ユーザーが現在のページにたどり着くまでに訪れたページを表示します。このタイプはブラウザの履歴機能によって提供される機能と類似しているため、より一般的ではありません。
- 属性ベースのブレッドクラム: 一般的に、eコマースや検索ベースのサイトで使用され、現在のページに関連する属性やカテゴリー(製品の特徴やカテゴリーなど)を表示します。
目的と利点
ブレッドクラムナビゲーションの主な目的は次のとおりです:
- ユーザーエクスペリエンスの向上: ブレッドクラムはユーザーがサイトのレイアウトを理解し、効果的にナビゲートするためのセカンダリナビゲーションスキームを提供します。
- クリック数の削減: ブレッドクラムを使用すると、ユーザーはブラウザの戻るボタンを使用したり、ホームページから再開することなく、上位のカテゴリーやページに戻ることができます。
- 見つけやすさの向上: ブレッドクラムは、外部リンクや検索エンジンから到達した場合など、ユーザーがサイト内で自分の位置を特定するのに役立ちます。
- スペースの節約: ブレッドクラムは画面スペースを最小限に使用しながら、ナビゲーションの価値を提供します。
- SEOの利点: ブレッドクラムは、親ページへの内部リンクを提供したり、検索エンジンがサイトの構造を理解するのを助けることで、SEOに貢献することがあります。
まとめ
ブレッドクラムナビゲーションは、ユーザーフレンドリーなウェブサイトの機能であり、ユーザーがサイトの構造を理解しナビゲートするのを支援します。ユーザーエクスペリエンスを向上させ、ウェブサイトの見つけやすさを高め、より良いSEOに貢献することができます。適切に実装されたブレッドクラムは、ウェブデザインのベストプラクティスとされ、サイト内をユーザーが案内するための微妙でありながらパワフルなツールです。