パンくずリスト【breadcrumbs list】ブレッドクラム / トピックパス / topic path

概要

パンくずリスト（breadcrumbs list）とは、あるWebページのサイト全体の中での位置を、階層構造の上位ページへのリンクを順に並べて簡潔に記したもの。

ある程度以上の規模のWebサイトは、ページ群全体が大きなカテゴリに分かれ、その下に何階層かの中カテゴリや小カテゴリ、個別のページ、という形で階層構造で管理されていることが多い。

そのページの属する階層のメインページへのリンクと、上位階層のメインページへのリンクをトップページまで順番に遡って「トップ > コンピュータ > パソコン > 買い方」のように並べたものがパンくずリストで、ページ上部など目立つ位置に配置することが多い。

名称の由来は童話「ヘンゼルとグレーテル」で、森の中で帰り道が分かるようにパンくずを少しずつ落としながら歩いたというエピソードである。トップページからそのページまでの経路を示すことにより、訪問者がサイト内での現在位置を直感的に把握するのに役立つ。

区切り記号には「>」（大なり記号）や「»」（二重角引用符）、「▶」（横向き三角形）、「→」（横向き矢印）などが使われることが多いが、画像やスタイル指定を駆使して項目ごとに枠で囲ったり、何らかのデザイン要素で区切ったりすることもある。

パンくずリストは階層間を上下に移動するための垂直方向のナビゲーションであり、これとは別に、同じ階層（あるいはサイト全体）の他のカテゴリやページを一覧できる水平方向のナビゲーションを組み合わせてページのデザインを構成することもある。

(2020.5.15更新)

この記事の著者： (株)インセプト IT用語辞典 e-Words 編集部
1997年8月より「IT用語辞典 e-Words」を執筆・編集しています。累計公開記事数は1万ページ以上、累計サイト訪問者数は1億人以上です。学術論文や官公庁の資料などへも多数の記事が引用・参照されています。