オレンジの枠が「パンくずリスト」です。薄い部分は、まわりの部品のイメージです。
パンくずリスト
Breadcrumb
「ホーム > 商品一覧 > 今のページ」のように、今いる場所を示すリンクの並び。
別名パンくず階層リンクぱんくず
入れるもの
- トップページへのリンク
- 上の階層のページへのリンク
- 今のページ名(リンクなし)
作るときのコツ
- ヘッダーのすぐ下に小さく置く
- 今のページだけはリンクにしない
- 検索エンジンにもサイトの構造が伝わる
どこで使われている?
- よく見かける場所
- ネットショップ、会社のホームページ、ブログの記事
- 使うとよい場面
- ページが何階層にも分かれているサイト
- いらない・注意する場面
- 1ページだけのLP
補足童話「ヘンゼルとグレーテル」で、帰り道がわかるようにパンくずを落としたことから。
似ている部品との違い
AIへの指示文
LP(宣伝ページ) に入れるときの指示文です。作るものは右上の「何を作る?」で変えられます。
商品・サービスを宣伝する1ページのLP(ランディングページ)に、「パンくずリスト(Breadcrumb)」のセクションを作ってください。 内容:ヘッダーのすぐ下に、「ホーム > カテゴリ > 今のページ」のように、今いる場所を示す小さなパンくずリストを置く。今のページ以外はリンクにする。 入れるもの:トップページへのリンク/上の階層のページへのリンク/今のページ名(リンクなし) 気をつけること:ヘッダーのすぐ下に小さく置く/今のページだけはリンクにしない/検索エンジンにもサイトの構造が伝わる スマホでも見やすいように、画面が狭いときは縦に並べてください。