パンくずリスト ブレッドクラムとは?Webデザインの基本概念をわかりやすく解説する

Explanation of IT Terms

パンくずリスト ブレッドクラムとは?Webデザインの基本概念をわかりやすく解説する

パンくずリストとは?

パンくずリストとは、Webページの上部や下部に表示される、ユーザーが現在閲覧しているページがどの位置にあるのかを示すナビゲーション形式のリストのことです。例えば、トップページから商品のカテゴリーを選び、そこから商品詳細ページに至った場合、パンくずリストは「ホーム > カテゴリー > 商品詳細」といった形式で表示されます。

ブレッドクラムとは?

ブレッドクラムは、パンくずリストの別名として用いられます。元々は、童話「ヘンゼルとグレーテル」に登場するパンくずを示す「breadcrumbs」に由来する言葉で、パンくずリストがユーザーにとって「道しるべ」となることから、このように呼ばれるようになりました。

パンくずリストのメリット

パンくずリストは、以下のようなメリットがあります。

1. ユーザーが現在どの位置にいるかが分かりやすくなるため、ページの移動がスムーズになる。
2. 検索エンジンにも評価され、サイト内リンクの改善につながる。
3. パンくずリスト自体がサイト内のリンクになるため、ページランクの分散化が防がれる。

パンくずリストの設置方法

パンくずリストを設置する方法はいくつかありますが、一般的な設置方法は以下の通りです。

1. HTML・CSSを使用して手動で設置する方法
2. 豊富なプラグインを提供するCMSを使用する方法
3. Googleが提供する「Data Highlighter」や「Search Console」を使用する方法

まとめ

パンくずリストは、Webページのナビゲーションに欠かせない要素であり、ユーザーにとっても検索エンジンにとってもスムーズなページの遷移やサイト内リンクの改善につながります。設置方法についても、手動で設置する方法からCMSやGoogleのツールを使用する方法まで、幅広い選択肢がありますので、各サイトに合わせた最適な設置方法を選びましょう。

参考記事

参考サイト

合わせて読みたい

【Google Chrome】右クリックで翻訳がでなくなった時の対策方法の決定版