![WordPressでパンくずリストを簡単に設置する方法は?のアイキャッチ画像](https://images.microcms-assets.io/assets/849933361e3447368c1f885948b087dc/de163d4c71f64dd99f88d4be9b4a1414/Group%20675.png?w=1200&fm=webp)
wordpress
更新日: 2024/7/20
WordPressでパンくずリストを簡単に設置する方法は?
![character_balloon](/media/character/pink_question_left.png)
ブルーちゃん!WorPressでパンくずリストを作りたいんだけど、どうしたらいいの?
パンくずリストは、ユーザビリティ向上やSEO対策にも効果があるよね。
![character_balloon](/media/character/blue_normal_right.png)
WordPressにはパンくずリストを追加する機能があるんだ。
![character_balloon](/media/character/blue_smile_right.png)
![character_balloon](/media/character/pink_normal_left.png)
サイトのデザインに合ったものを作りたいわ!追加する方法は難しいのかしら?
簡単なやり方もあれば、上級者向けのやり方もあるから、それぞれ説明していくね。
![character_balloon](/media/character/blue_happy_right.png)
目次
- 1. パンくずリストとは?
- 2. WordPressでパンくずリストを活用するメリットは何?
- 2-1. 1.現在閲覧しているページの位置を把握できる
- 2-2. 2.サイトを巡回するクローラーが発見しやすく、SEO対策に効果的
- 3. WordPressでパンくずリストを設定する方法を紹介!
- 3-1. 1.パンくずリストに適したWordPressのテーマを使用する
- 3-2. 2.パンくずリストに適したWordPressのプラグインを使用する
- 3-3. 3.WordPressでパンくずリストを自作する
- 4. WordPressでパンくずリストを作成する際の注意点
- 4-1. 1.Webサイトのカテゴリー構成を最適化する
- 4-2. 2.パンくずリストはすべてのページに配置する
- 4-3. 3.SEO上のキーワードをカテゴリーに入力する
- 5. まとめ
パンくずリストとは?
![character_balloon](/media/character/blue_up_left.png)
パンくずリストとは、現在表示されているページがサイト全体でどの階層にいるのかを視覚的に示すナビゲーションのことだよ。
よく見るわ!自分が今どこにいるかわかるから、とっても便利よね。
![character_balloon](/media/character/pink_happy_right.png)
![character_balloon](/media/character/blue_smile_left.png)
サイトの規模が大きくなるほど階層も深くなってくるから、自分の位置を把握するのに不可欠だよね。
わかりやすいサイトだと「また来たい」って思えるから、訪問してもらいやすいにサイトになるのね。
![character_balloon](/media/character/pink_confidence_right.png)
![character_balloon](/media/character/blue_up_left.png)
そうなんだ。それだけじゃなくてSEO対策にも有効なんだ!
![character_balloon](/media/character/blue_normal_left.png)
アクセス数を増やしたいなら必ず必要な機能だね。
WordPressでパンくずリストを活用するメリットは何?
メリットがたくさんあるのね。もっと詳しく教えて欲しいわ!
![character_balloon](/media/character/pink_confidence_right.png)
![character_balloon](/media/character/blue_normal_left.png)
パンくずリストのメリットは2つあるよ。
1.現在閲覧しているページの位置が把握できる
2.SEO対策に効果的
どちらもサイト運営には必要なことね!
![character_balloon](/media/character/pink_confidence_right.png)
![character_balloon](/media/character/blue_down_left.png)
1つずつ説明していくね。
1.現在閲覧しているページの位置を把握できる
![character_balloon](/media/character/blue_normal_left.png)
パンくずリストがあることで、現在地が把握できるようになるよ。
ユーザビリティが上がるってやつね!
![character_balloon](/media/character/pink_up_right.png)
![character_balloon](/media/character/blue_confidence_left.png)
たとえばカメラを探しているユーザーだったら、メーカーで悩むかもしれないね。
![character_balloon](/media/character/blue_smile_left.png)
そんな時、「カメラ>一眼レフ>富士通」や「カメラ>一眼レフ>SONY」というパンくずリストがあれば、パンくずリストを辿ることで他のメーカーを探せるよ。
自分が探したいページにすぐに行けると、本当に使いやすいわよね。
![character_balloon](/media/character/pink_normal_right.png)
痒いところにも手が届く機能ね!
![character_balloon](/media/character/pink_smile_right.png)
![character_balloon](/media/character/blue_up_left.png)
適切なパンくずリストは、ユーザーの利便性を格段に上げるんだ。
2.サイトを巡回するクローラーが発見しやすく、SEO対策に効果的
SEOにも有効なのはどうしてかしら?
![character_balloon](/media/character/pink_question_right.png)
![character_balloon](/media/character/blue_normal_left.png)
Googleエンジンでは、毎日クローリングが行われているんだ。
![character_balloon](/media/character/blue_down_left.png)
クローリングとは、Googleの検索エンジンロボットである「クローラー」がWebページを巡回してコンテンツの内容を認識することだよ。
そのクローラーに見つけてもらえないと、ページの存在を認識してもらえなくなるのかしら?
![character_balloon](/media/character/pink_question_right.png)
![character_balloon](/media/character/blue_scared_left.png)
そうなんだ。クローラーがサイト構造を認識できないと、最悪の場合検索結果に乗らない事態にもなりかねないんだ。
それは避けたいわね。
![character_balloon](/media/character/pink_worry_right.png)
パンくずリストがあればサイト構造を認識してもらいやすくなるってわけね!
![character_balloon](/media/character/pink_smile_right.png)
![character_balloon](/media/character/blue_smile_left.png)
そうそう!Googleエンジンにサイトの重要性を伝えることは、検索順位を上げるうえで効果的なんだ!
WordPressでパンくずリストを設定する方法を紹介!
早速パンくずリストの設定方法を教えて欲しいわ。
![character_balloon](/media/character/pink_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
WordPressでのパンくずリスト設定方法は3つあるよ。
自分にあったやり方が見つかるといいな!
![character_balloon](/media/character/pink_down_right.png)
1.WordPressのテーマを使用する
2.WordPressのプラグインを使用する
3.初めから自作する
![character_balloon](/media/character/blue_smile_left.png)
1つずつ説明するね。
1.パンくずリストに適したWordPressのテーマを使用する
テーマは最初に決めるから、これからサイトを立ち上げようとしている人向けね!
![character_balloon](/media/character/pink_normal_right.png)
![character_balloon](/media/character/blue_down_left.png)
おすすめのテーマと特徴を紹介するよ。
1.Lightning(ライトニング)
2.Snow Monkey(スノーモンキー)
Lightning(ライトニング)はどんなテーマなのかしら?
![character_balloon](/media/character/pink_question_right.png)
![character_balloon](/media/character/blue_up_left.png)
企業向けのWordPressテーマで、すでに「Lightning G3 クイックスタート」という雛形が用意されているんだ。
雛形が準備されているならとっても簡単に作れそう!
![character_balloon](/media/character/pink_confidence_right.png)
次のSnow Monkey(スノーモンキー)はどんなテーマなのかしら?
![character_balloon](/media/character/pink_question_right.png)
![character_balloon](/media/character/blue_up_left.png)
HTMLやCSSの知識なしでも高級感のあるHPが作れる有料テーマだよ。
![character_balloon](/media/character/blue_normal_left.png)
試用版が購入前に用意されているから、気になる方はまずは試用版を利用してみて検討してみることもできるんだ。
知識なしで高級感のあるサイトを作れるなんて、夢があるわね!
![character_balloon](/media/character/pink_confidence_right.png)
![character_balloon](/media/character/blue_smile_left.png)
また開発者向けに仕様が公開されているから、中級・上級者にとってはカスタマイズできる点もメリットだよ。
2.パンくずリストに適したWordPressのプラグインを使用する
![character_balloon](/media/character/blue_normal_left.png)
すでにサイトを持っていて、使用テーマにパンくずリストを出す機能がない場合はプラグインを使用するよ。
よく聞く「Breadcrumb NavXT」というプラグインを使いたいわ!
![character_balloon](/media/character/pink_inspiration_right.png)
![character_balloon](/media/character/blue_normal_left.png)
Breadcrumb NavXTは、ダウンロード数90万件を超えるパンくずリスト専用のプラグインなんだ。
![character_balloon](/media/character/blue_smile_left.png)
一部コードの入力が必要だけど、自動でパンくずリストを生成してくれるから初心者でも扱いやすいよ。
初心者でも扱いやすくて安心ね!
![character_balloon](/media/character/pink_normal_right.png)
![character_balloon](/media/character/blue_normal_left.png)
Breadcrumb NavXTの使い方はこれだよ。
1.「Breadcrumb NavXT」をインストールし、有効化する
2.コードを記載する
![character_balloon](/media/character/blue_up_left.png)
インストールして有効化したら、「header.php」というファイルの1番下にこのコードを貼り付けるよ。
<?php if( !(is_home() || is_front_page() )): ? <div class="breadcrumb-area"> <?php if ( function_exists( 'bcn_display' ) ) { bcn_display(); } ?> </div> <?php endif; ?>
パンくずリストを呼び出すコードを、そのままコピペすればいいのね。
![character_balloon](/media/character/pink_confidence_right.png)
貼り付けるだけなら思ったより簡単にできるわね!
![character_balloon](/media/character/pink_smile_right.png)
![character_balloon](/media/character/blue_smile_left.png)
余白やサイズが気になる人は、CSSで調整も可能だよ。
3.WordPressでパンくずリストを自作する
![character_balloon](/media/character/blue_up_left.png)
最後は自作する方法だよ。
テーマやプラグインだと制限が出てきてしまうものね。
![character_balloon](/media/character/pink_sad_right.png)
さらにカスタマイズしたい上級者は自作するのが1番の近道ね!
![character_balloon](/media/character/pink_smile_right.png)
![character_balloon](/media/character/blue_normal_left.png)
自作する流れはこんな感じだよ。
1.「functions.php」というファイルにパンくずリストの関数を作成する
2.パンくずリストを表示させたいページに、コードを入力する
3.CSSで整える
![character_balloon](/media/character/blue_smile_left.png)
スキルがある人は、自分で見やすいパンくずリストを作ってみてね。
WordPressでパンくずリストを作成する際の注意点
パンくずリストを設置する方法がわかったわ!
![character_balloon](/media/character/pink_confidence_right.png)
これで問題ないわね!
![character_balloon](/media/character/pink_smile_right.png)
![character_balloon](/media/character/blue_up_left.png)
ちょっと待って。パンくずリストを設置する上で、いくつか注意したほうがいいことがあるんだ。
設置するだけじゃまだ完成じゃないのね。
![character_balloon](/media/character/pink_amazed_right.png)
![character_balloon](/media/character/blue_smile_left.png)
そうなんだ。注意点は3つあるよ。1つずつ紹介するね。
1.Webサイトのカテゴリー構成を最適化する
2.パンくずリストはすべてのページに配置する
3.SEO上のキーワードをカテゴリーに入力する
1.Webサイトのカテゴリー構成を最適化する
![character_balloon](/media/character/blue_sad_left.png)
パンくずリストの前に、そもそもサイトの構造が整っていないと意味がないんだ。
![character_balloon](/media/character/blue_normal_left.png)
サイトが大きくなればなるほど、構造の最適化が重要になるよ。
なるほどね。一般的にこんなパンくずリストをよく見かけるけど、サイトの構造が元になっているものね。
![character_balloon](/media/character/pink_happy_right.png)
ホーム > カテゴリー名 > (サブカテゴリー名) > ページ
![character_balloon](/media/character/blue_troublesome_left.png)
そうなんだ。階層が深すぎたり、カテゴリーがわかりにくかったりと不便なサイトになってしまうんだ。
![character_balloon](/media/character/blue_up_left.png)
トップページから最下層のページまで、3クリック程度で移動できることが好ましいよ。
これからHP作成するなら、サイト構成を意識して作成してみるのがいいわね!
![character_balloon](/media/character/pink_inspiration_right.png)
![character_balloon](/media/character/blue_normal_left.png)
すでにHPがあるなら、今のHPの構造が最適どうかを見直すのもおすすめだよ。
2.パンくずリストはすべてのページに配置する
構造の重要性がわかったわ!
![character_balloon](/media/character/pink_up_right.png)
パンくずリストはどのページでも見るけど、全てのページにある理由って何かしら?
![character_balloon](/media/character/pink_question_right.png)
![character_balloon](/media/character/blue_happy_left.png)
よく気がついたね!
![character_balloon](/media/character/blue_normal_left.png)
パンくずリストがあることで、ユーザビリティーはもちろんサイトクローラーが巡回しやすくなるんだ。
そっか!クローラーがWebサイトに到着した時、パンくずリストがはられていないページは見つけてもらえない可能性があるのよね?
![character_balloon](/media/character/pink_question_right.png)
![character_balloon](/media/character/blue_worry_left.png)
実はそうなんだ。
![character_balloon](/media/character/blue_smile_left.png)
関連性の低いページでも必ずパンくずリストを設置して、クローラーがサイトを見つけやすくしてあげることが大切なんだ。
![character_balloon](/media/character/blue_up_left.png)
クローラーがサイトを見つけやすくすることを、「クローラビリティを上げる」ともいうよ!
ページが「発見」されやすくなるから、クローラビリティの改善はSEO対策にもなるのね!
![character_balloon](/media/character/pink_confidence_right.png)
3.SEO上のキーワードをカテゴリーに入力する
![character_balloon](/media/character/blue_confidence_left.png)
パンくずリストのカテゴリーリンクにSEOキーワードを含めることで、上位記事に上がる可能性が高まるよ。
SEO対策に力を入れたいなら欠かせないわね。
![character_balloon](/media/character/pink_inspiration_right.png)
![character_balloon](/media/character/blue_smile_left.png)
たとえば「カメラ> 初心者向け一眼レフ > 富士通 」というパンくずリストがあった場合、「カメラ 初心者」や「一眼レフ 初心者」という検索でヒットする可能性があるよね。
上位に表示される確率が上がるならどんどんSEOキーワードを入れるわ!
![character_balloon](/media/character/pink_smile_right.png)
![character_balloon](/media/character/blue_smile_left.png)
大事なことだね。
![character_balloon](/media/character/blue_normal_left.png)
でも、キーワードを意識しすぎて不自然にならないように注意が必要だよ。
![character_balloon](/media/character/blue_happy_left.png)
WordPressでパンくずリストを作る方法をまとめるとこんな感じだよ。
まとめ
◆WordPressですでに用意されているテーマやプラグインを使って、初心者でも簡単に実装できる
◆さらに見やすいサイトにしたい上級者は、自作することで自分好みにカスタマイズができる
◆パンくずリストを設置する前に、サイトの構造が最適化されているかもう一度確認する
自分に合わせたいろんなやり方があるのね!
![character_balloon](/media/character/pink_confidence_right.png)
とてもイメージができたわ。ブルーちゃん、今日はありがとうね。
![character_balloon](/media/character/pink_smile_right.png)
![character_balloon](/media/character/blue_smile_left.png)
またいつでも聞いてね!
![character_balloon](/media/character/blue_writer.png)
ブルー
SEOやエンジニアリングマーケティングが得意。非常にめんどくさがりで、動きたくないがために自分でコードを書いて自作のMAを組んだりする。自動化のためなら努力は惜しまない。
最新の記事一覧
7割の人にとって味が最も重要!?エナジードリンクのアンケート調査結果をご紹介!
アンケート・調査結果
副業で5万円以上稼ぐ人は15%しかいない?副業の実態について調査しました!
アンケート・調査結果
53%の人は最後に浴衣を着てから5年以上経った?!浴衣の実態を徹底調査!
アンケート・調査結果
約82%の人が部屋着のズボンを履いてテレワークをしている!テレワークの現状を調査しました!
アンケート・調査結果
「1杯目はビール!」は約6割しかいない!?お酒についてアンケート調査しました!
アンケート・調査結果
企画書とは?目的や作り方、おすすめのテンプレートを紹介
マーケティング
取引や計算で使われるグロスとは?使用例や注意点を徹底解説!
マーケティング
「スーパーフレックス制度」とは?導入に向けて注意する点を解説!
マーケティング
ペルソナ設定とは?目的と作り方、注意点について徹底解説!
マーケティング
視聴者を魅了し続ける冠番組とは?成功している冠番組の特徴を解説
ビジネス
有名企業のペルソナマーケティング事例5選!何に活用できるか解説
マーケティング
破ると法律違反になるステマとは?過去のステマ事件や対策を紹介
マーケティング
多くの市場で危惧されるコモディティ化とは?コモディティ化対策5選
マーケティング
社会に影響を与えるマスメディアとは?影響力やリスクについて解説
マーケティング
カーボンニュートラルとは?実現のための取り組みや課題も解説
ビジネス
ネゴシエーションとは?ビジネスにおける意味と成功のポイントを解説
ビジネス
音声SNSとは?注目される理由やメリットを解説【アプリも紹介】
ディスプレイ広告
オーガニックサーチとは?広告なしで質の高い集客を実現できる!
SEO
問題解決フレームワークの活用法は?使用するメリットや注意点も解説
ビジネス
ブランドロイヤリティとは?顧客ロイヤリティとの違いを解説
広報・PR
最新の記事一覧
7割の人にとって味が最も重要!?エナジードリンクのアンケート調査結果をご紹介!
アンケート・調査結果
副業で5万円以上稼ぐ人は15%しかいない?副業の実態について調査しました!
アンケート・調査結果
53%の人は最後に浴衣を着てから5年以上経った?!浴衣の実態を徹底調査!
アンケート・調査結果
約82%の人が部屋着のズボンを履いてテレワークをしている!テレワークの現状を調査しました!
アンケート・調査結果
「1杯目はビール!」は約6割しかいない!?お酒についてアンケート調査しました!
アンケート・調査結果
企画書とは?目的や作り方、おすすめのテンプレートを紹介
マーケティング
取引や計算で使われるグロスとは?使用例や注意点を徹底解説!
マーケティング
「スーパーフレックス制度」とは?導入に向けて注意する点を解説!
マーケティング
ペルソナ設定とは?目的と作り方、注意点について徹底解説!
マーケティング
視聴者を魅了し続ける冠番組とは?成功している冠番組の特徴を解説
ビジネス
有名企業のペルソナマーケティング事例5選!何に活用できるか解説
マーケティング
破ると法律違反になるステマとは?過去のステマ事件や対策を紹介
マーケティング
多くの市場で危惧されるコモディティ化とは?コモディティ化対策5選
マーケティング
社会に影響を与えるマスメディアとは?影響力やリスクについて解説
マーケティング
カーボンニュートラルとは?実現のための取り組みや課題も解説
ビジネス
ネゴシエーションとは?ビジネスにおける意味と成功のポイントを解説
ビジネス
音声SNSとは?注目される理由やメリットを解説【アプリも紹介】
ディスプレイ広告
オーガニックサーチとは?広告なしで質の高い集客を実現できる!
SEO
問題解決フレームワークの活用法は?使用するメリットや注意点も解説
ビジネス
ブランドロイヤリティとは?顧客ロイヤリティとの違いを解説
広報・PR