基本情報技術者 2015年 秋期 午前(科目A) 問24
問題文
利用者が現在閲覧しているWebページに表示する、Webサイトのトップページからそのページまでの経路情報を何と呼ぶか。
選択肢
ア:サイトマップ
イ:ナビゲーションバー
ウ:スクロールバー
エ:パンくずリスト(正解)
Webページ上の「トップページからの経路情報」は何と呼ぶか【午前2 解説】
要点まとめ
- 結論:ユーザーが閲覧中のページに表示され、トップページからそのページまでの経路を示す表記は「パンくずリスト」です。
- 根拠:パンくずリストは階層構造を順に表示して現在位置の把握と上位階層への移動を直感的に行える構成要素だからです。
- 差がつくポイント:サイトマップ・ナビゲーションバー・スクロールバーは用途が明確に異なり、「経路」を示すものはパンくずリストだけです。
正解の理由
選択肢のうち、エ: パンくずリストが正解です。パンくずリスト(breadcrumb)は、サイトのトップページから現在のページまでの階層経路を「トップ > カテゴリ > 小項目 > 現在ページ」のように表示して、ユーザーが現在位置を把握し上位ページへ戻るためのナビゲーションを提供します。問題文の「トップページからそのページまでの経路情報を表示する」という定義と完全に一致するため正解です。
よくある誤解
- 「サイトマップと同じ」は誤解:サイトマップはサイト内の全体構造やページ一覧を示すもので、現在位置の経路表示として常時ページ上部に表示するパンくずとは用途が異なります。
- 「ナビゲーションバーも経路を示す」は誤解:ナビゲーションバーは主要なカテゴリや機能へのリンク集合であり、現在のページへの経路(階層順)を逐一示すものではありません。
- 「パンくずはSEOに無関係」は誤解:適切にマークアップ(例:schema.orgのBreadcrumbList)すると検索結果での表示改善やクローラビリティ向上に寄与します。
解法ステップ
- 問題文のキーワードを確認:「現在閲覧しているWebページに表示」「トップページからそのページまでの経路」。
- 各選択肢の定義を頭の中で照合する(サイトマップ=全体一覧、ナビバー=主要リンク、スクロールバー=表示領域操作、パンくず=経路表示)。
- 「経路」を明確に示す要素はパンくずリストのみなのでそれを選ぶ。
選択肢別の誤答解説
- ア: サイトマップ — サイト全体のページ構成やリンク一覧を示すもので、現在ページまでの「経路」をページ上に逐次表示する目的とは異なります。
- イ: ナビゲーションバー — ページ上部やサイドに配置される主要なカテゴリや機能へのリンク集合で、現在ページの階層経路を順に示す役割は持ちません。
- ウ: スクロールバー — ブラウザやコンテンツ領域の表示位置を移動するためのUI部品で、ページの階層や経路情報とは無関係です。
- エ: パンくずリスト — トップページから現在ページまでの階層的な経路を表示するUIであり、問題文の条件に合致します。
補足コラム
パンくずリストはUX(ユーザーエクスペリエンス)向上に役立つだけでなく、検索エンジンの理解を助ける手段にもなります。特に多階層のサイトではユーザーが迷わずに上位カテゴリへ戻れるため離脱率低下に寄与します。検索結果でパンくずがリッチスニペットとして表示されると、検索ユーザーに対するクリック率(CTR)が改善する可能性があります。
実装時は構造化データ(JSON-LD)でBreadcrumbListを付与すると良い例です。例:
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "トップページ",
"item": "https://example.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "カテゴリ",
"item": "https://example.com/category/"
},
{
"@type": "ListItem",
"position": 3,
"name": "現在ページ",
"item": "https://example.com/category/page.html"
}
]
}
FAQ
Q1. パンくずリストはどこに表示するのが一般的ですか?
A1. 通常はページ上部(ページタイトルの上や下)に水平で表示され、ユーザーが現在位置をひと目で把握できる位置に置きます。
A1. 通常はページ上部(ページタイトルの上や下)に水平で表示され、ユーザーが現在位置をひと目で把握できる位置に置きます。
Q2. パンくずとパンくず型ナビはどう違いますか?
A2. 「パンくず型ナビ」と呼ばれることもありますが、本質は現在位置の階層経路表示で、見た目や機能が若干異なる実装はあっても目的は同じです。
A2. 「パンくず型ナビ」と呼ばれることもありますが、本質は現在位置の階層経路表示で、見た目や機能が若干異なる実装はあっても目的は同じです。
Q3. パンくずはSEOにどの程度影響しますか?
A3. 直接的なランキング要因ではないものの、構造化データによるリッチ表示やクローラビリティの向上、ユーザーの回遊性改善を通じて間接的に有利に働きます。
A3. 直接的なランキング要因ではないものの、構造化データによるリッチ表示やクローラビリティの向上、ユーザーの回遊性改善を通じて間接的に有利に働きます。
関連キーワード: パンくずリスト、ブレッドクラム、breadcrumb、ナビゲーション、サイト構造、UX、構造化データ、BreadcrumbList、schema.org, リッチスニペット

\ せっかくなら /
基本情報技術者を
クイズ形式で学習しませんか?
クイズ画面へ遷移する→
すぐに利用可能!

