Clicked Gallery
ウェブサイトのパンくずリストとは?
実際の技術ドキュメントでハイライトされた言葉を、Clickedが解説します。
例文
Engineering Notes · Web
Add breadcrumbs to every product page so people can move up a level without hunting for the back button.
読者がドキュメント内の単語をハイライトすると、Clickedが技術用語「breadcrumbs」をシンプルに解説しました:
3段階での解説
●○○
Overview
パンくずリストとは、ページの見出しの上に並ぶ小さなリンクの列のことで、トップページからいま読んでいるページまでの道筋を示している。レインコートの店なら、ホーム、アウター、レインコート、そして商品そのもの、という並びになる。最後の一つ以外はすべてリンクなので、いまどこにいるかを伝え、そこから上の階層へ移らせるのがこの列の仕事だ。
●●○
Detail
レインコートを検索し結果をタップして通販サイトの奥深くにある商品ページ一枚にたどり着くと、商品名の上に細く並んでいる、ホーム、アウター、レインコート、商品、という列がある。それがパンくずリストで、左から右へ読むとこの列はこのページより上にあるサイトの各階層を名前で並べていて、最後の項目はいま開いているページ自身なので、そこだけただの文字になっている。レインコートをタップすればその分類に移り、アウターをタップすれば二階層上がるため、どこまで戻るかは選んだ場所しだいになる。どのブラウザにもある戻るボタンでは駄目なのか。戻るはあなた自身の訪問をなぞるだけで、その訪問は検索結果から始まっているため、店の中ではなく検索結果に返してしまう。この列はどう来たかに関係なく店の構造そのものを示すので、その点で違う。ここから二つのことが決まる。示す構造は本物でなければならず、階層は誰が表示しようとしまいとサイトの中に存在しているし、検索エンジンも同じ道筋を読み取ってときには結果の下にアドレスの代わりとして表示する。
●●●
Analogy
ファイル画面の上部に出るフォルダの経路は、書類、税金、2025年、そして開いた領収書、という並びになっている。この経路はあなたが何をクリックしたかの記録ではなく、フォルダを一つずつ開いても端末全体を検索しても同じように表示される。ファイルがどこに置かれているかを示しているだけなので、どの部分を押してもその階層に移動できる。パンくずリストはその経路をウェブページに印刷したもので、理由もまったく同じだ。
AIによる解説には誤りが含まれる場合があります · 専門的な助言ではありません
事実はそのまま、ノリだけ変えて — スラングモード 😎
●○○
Overview
パンくずリストは、ウェブページのいちばん上に置かれた「ホーム > 分類 > このページ」という小さな列のことだ。最後以外のどこを押してもその階層に着地でき、どれだけ手前でも関係ない。大きなサイトほど階層が深く、一枚のページに着いただけでは自分がどの分類にいるのか何もわからないから存在している。😎
●●○
Detail
グループチャットに貼られたリンクを踏んだら、前後の文脈ゼロで商品ページに立たされていた。上の方に、ホーム、キッチン、ミキサー、そしていま開いた謎の品物、という列があって、それがパンくずリストだ。ミキサーを押せば店中のミキサーが出てくるし、キッチンを押せば売り場ごと出てくるので、どこまで上がるかは自分で決められる。戻るを押せばいいのでは。戻るはあなたがどこから来たかしか知らないので、またグループチャットに放り出してくるが、その列は店の実際の間取りを知っている。しかも本物の間取りでなければならず、そこをごまかす店は存在しない売り場に人を送りつけることになる。検索エンジンも同じ列を読み、誰も読まない長いアドレスの代わりに、あなたのリンクの下にその道筋を出してくることがある。文字の列一本で仕事が二つだ。😎
●●●
Analogy
Netflixがいまどこにいるかを正確に教えてくれる、作品名、シーズン3、第5話、というあの表示だ。あれはクリックの履歴ではなく、たどって開いてもタイトルを検索して開いても同じに見える。そのエピソードがどこにあるかを言っているだけなので、シーズンを押せばその中の全話が出てくる。パンくずリストはウェブ版のそれで、横から迷い込んだ日にこそ効いてくる。😎
AIによる解説には誤りが含まれる場合があります · 専門的な助言ではありません
正式な定義 — 同じ用語の、よくある説明
パンくずリストとは、現在のページがサイト内の階層構造のどこに位置するかを示す補助的なナビゲーション要素であり、上位階層へのリンクを順に並べ、最後に現在のページで終わる形で表示される。セッションの閲覧履歴ではなくサイトの構造を反映するものであり、BreadcrumbList の構造化データとして記述された場合、検索エンジンが URL の代わりに表示することがある。
「breadcrumbs」のような言葉を、ブラウザ上でそのままClickedに解説させませんか?PDFにも対応。
Chromeに追加 — 無料無料で50回の解説 · クレジットカード不要