まるごとHP、デザイン・制作に関する質問への回答ページです。他にも風俗店・デリヘルのHP制作や申し込み、料金等についても回答しています。

パンくずリストとは、ホームページを閲覧しているユーザーが自分がいま閲覧しているページを理解しやすくなる目印となるものです。

名前の由来は、童話「ヘンゼルとグレーテル」でヘンゼルが道に迷わないようにパンくずを落としていったというエピソードから来ています。

パンくずリストの役割

1. ユーザーナビゲーションの向上

   ユーザーが現在のページの位置を直感的に把握できるようになります。

   他の関連ページや上位階層にも簡単にジャンプできます。

2. SEO対策

   パンくずリストを設定すると、検索エンジンにサイト構造を明示できます。

   結果的にインデックス効率が向上し、上位表示のチャンスが広がります。

具体的な例

設置方法

1. CMSのプラグイン利用

   多くのCMSにはパンくずリスト機能があり、ボタン一つで有効化できます。

   設定の手間が少なく、初心者にもおすすめです！

2. 手動での設置

   HTMLでコードを記述して表示位置を調整します。

   自由度が高い反面、構造ミスには注意が必要です。

パンくずリストのHTML例

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="/">ホーム</a></li>
    <li class="breadcrumb-item"><a href="/category">キャスト一覧</a></li>
    <li class="breadcrumb-item"><a href="/category/electronics">キャスト詳細</a></li>
    <li class="breadcrumb-item active" aria-current="page">口コミ</li>
  </ol>
</nav>
    

【まとめ】