パンくずリスト
Breadcrumbs
別名: パンくずナビゲーション
ライブデモ
説明
一言で説明
現在のページがサイト階層のどこにあるかを示す、リンクの経路表示。
いつ使う？
深い階層構造を持つサイトで、ユーザーが現在地を把握して上位ページに戻れるようにしたいとき。
💡 日常の言い方
「ページの上の方にある「ホーム > カテゴリ > 商品」みたいな階層のやつ」
似ている用語との違い
パンくずリスト vs タブ
タブは同じ階層内での切り替え。パンくずリストは異なる階層間の移動経路を示す。
AIへの指示例
商品詳細ページの上部にパンくずリストを表示して。「ホーム > カテゴリ名 > サブカテゴリ名 > 商品名」の形式で。各階層はクリックで遷移できるようにして。