← 一覧へ

オレンジの枠が「パンくずリスト」です。薄い部分は、まわりの部品のイメージです。

ページの最初会社ネットショップ個人サイト定番

パンくずリスト

Breadcrumb

「ホーム > 商品一覧 > 今のページ」のように、今いる場所を示すリンクの並び。

別名パンくず階層リンクぱんくず

入れるもの

  • トップページへのリンク
  • 上の階層のページへのリンク
  • 今のページ名(リンクなし)

作るときのコツ

  • ヘッダーのすぐ下に小さく置く
  • 今のページだけはリンクにしない
  • 検索エンジンにもサイトの構造が伝わる

どこで使われている?

よく見かける場所
ネットショップ、会社のホームページ、ブログの記事
使うとよい場面
ページが何階層にも分かれているサイト
いらない・注意する場面
1ページだけのLP

補足童話「ヘンゼルとグレーテル」で、帰り道がわかるようにパンくずを落としたことから。

似ている部品との違い

AIへの指示文

LP(宣伝ページ) に入れるときの指示文です。作るものは右上の「何を作る?」で変えられます。

商品・サービスを宣伝する1ページのLP(ランディングページ)に、「パンくずリスト(Breadcrumb)」のセクションを作ってください。

内容:ヘッダーのすぐ下に、「ホーム > カテゴリ > 今のページ」のように、今いる場所を示す小さなパンくずリストを置く。今のページ以外はリンクにする。

入れるもの:トップページへのリンク/上の階層のページへのリンク/今のページ名(リンクなし)
気をつけること:ヘッダーのすぐ下に小さく置く/今のページだけはリンクにしない/検索エンジンにもサイトの構造が伝わる

スマホでも見やすいように、画面が狭いときは縦に並べてください。