WordPressでパンくずリストを簡単に設置する方法は?のアイキャッチ画像

wordpress

更新日: 2024/4/24

WordPressでパンくずリストを簡単に設置する方法は?

character_balloon

ブルーちゃん!WorPressでパンくずリストを作りたいんだけど、どうしたらいいの?

パンくずリストは、ユーザビリティ向上やSEO対策にも効果があるよね。

character_balloon

WordPressにはパンくずリストを追加する機能があるんだ。

character_balloon
character_balloon

サイトのデザインに合ったものを作りたいわ!追加する方法は難しいのかしら?

簡単なやり方もあれば、上級者向けのやり方もあるから、それぞれ説明していくね。

character_balloon

パンくずリストとは?

character_balloon

パンくずリストとは、現在表示されているページがサイト全体でどの階層にいるのかを視覚的に示すナビゲーションのことだよ。

よく見るわ!自分が今どこにいるかわかるから、とっても便利よね。

character_balloon
character_balloon

サイトの規模が大きくなるほど階層も深くなってくるから、自分の位置を把握するのに不可欠だよね。

わかりやすいサイトだと「また来たい」って思えるから、訪問してもらいやすいにサイトになるのね。

character_balloon
character_balloon

そうなんだ。それだけじゃなくてSEO対策にも有効なんだ!

character_balloon

アクセス数を増やしたいなら必ず必要な機能だね。

WordPressでパンくずリストを活用するメリットは何?

メリットがたくさんあるのね。もっと詳しく教えて欲しいわ!

character_balloon
character_balloon

パンくずリストのメリットは2つあるよ。

パンくずリストのメリット

1.現在閲覧しているページの位置が把握できる


2.SEO対策に効果的

どちらもサイト運営には必要なことね!

character_balloon
character_balloon

1つずつ説明していくね。

1.現在閲覧しているページの位置を把握できる

character_balloon

パンくずリストがあることで、現在地が把握できるようになるよ。

ユーザビリティが上がるってやつね!

character_balloon
character_balloon

たとえばカメラを探しているユーザーだったら、メーカーで悩むかもしれないね。

character_balloon

そんな時、「カメラ>一眼レフ>富士通」や「カメラ>一眼レフ>SONY」というパンくずリストがあれば、パンくずリストを辿ることで他のメーカーを探せるよ。

自分が探したいページにすぐに行けると、本当に使いやすいわよね。

character_balloon

痒いところにも手が届く機能ね!

character_balloon
character_balloon

適切なパンくずリストは、ユーザーの利便性を格段に上げるんだ。

2.サイトを巡回するクローラーが発見しやすく、SEO対策に効果的

SEOにも有効なのはどうしてかしら?

character_balloon
character_balloon

Googleエンジンでは、毎日クローリングが行われているんだ。

character_balloon

クローリングとは、Googleの検索エンジンロボットである「クローラ」がWebページを巡回してコンテンツの内容を認識することだよ。

そのクローラーに見つけてもらえないと、ページの存在を認識してもらえなくなるのかしら?

character_balloon
character_balloon

そうなんだ。クローラがサイト構造を認識できないと、最悪の場合検索結果に乗らない事態にもなりかねないんだ。

それは避けたいわね。

character_balloon

パンくずリストがあればサイト構造を認識してもらいやすくなるってわけね!

character_balloon
character_balloon

そうそう!Googleエンジンにサイトの重要性を伝えることは、検索順位を上げるうえで効果的なんだ!

WordPressでパンくずリストを設定する方法を紹介!

早速パンくずリストの設定方法を教えて欲しいわ。

character_balloon
character_balloon

WordPressでのパンくずリスト設定方法は3つあるよ。

自分にあったやり方が見つかるといいな!

character_balloon
WordPressでパンくずリストを設定する方法

1.WordPressのテーマを使用する


2.WordPressのプラグインを使用する


3.初めから自作する

character_balloon

1つずつ説明するね。

1.パンくずリストに適したWordPressのテーマを使用する

テーマは最初に決めるから、これからサイトを立ち上げようとしている人向けね!

character_balloon
character_balloon

おすすめのテーマと特徴を紹介するよ。

おすすめのテーマ

1.Lightning(ライトニング)


2.Snow Monkey(スノーモンキー)

Lightning(ライトニング)はどんなテーマなのかしら?

character_balloon
character_balloon

企業向けのWordPressテーマで、すでに「Lightning G3 クイックスタート」という雛形が用意されているんだ。

雛形が準備されているならとっても簡単に作れそう!

character_balloon

次のSnow Monkey(スノーモンキー)はどんなテーマなのかしら?

character_balloon
character_balloon

HTMLやCSSの知識なしでも高級感のあるHPが作れる有料テーマだよ。

character_balloon

試用版が購入前に用意されているから、気になる方はまずは試用版を利用してみて検討してみることもできるんだ。

知識なしで高級感のあるサイトを作れるなんて、夢があるわね!

character_balloon
character_balloon

また開発者向けに仕様が公開されているから、中級・上級者にとってはカスタマイズできる点もメリットだよ。

2.パンくずリストに適したWordPressのプラグインを使用する

character_balloon

すでにサイトを持っていて、使用テーマにパンくずリストを出す機能がない場合はプラグインを使用するよ。

よく聞く「Breadcrumb NavXT」というプラグインを使いたいわ!

character_balloon
character_balloon

Breadcrumb NavXTは、ダウンロード数90万件を超えるパンくずリスト専用のプラグインなんだ。

character_balloon

一部コードの入力が必要だけど、自動でパンくずリストを生成してくれるから初心者でも扱いやすいよ。

初心者でも扱いやすくて安心ね!

character_balloon
character_balloon

Breadcrumb NavXTの使い方はこれだよ。

Breadcrumb NavXTの使い方

1.「Breadcrumb NavXT」をインストールし、有効化する


2.コードを記載する

character_balloon

インストールして有効化したら、「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

貼り付けるだけなら思ったより簡単にできるわね!

character_balloon
character_balloon

余白やサイズが気になる人は、CSSで調整も可能だよ。

3.WordPressでパンくずリストを自作する

character_balloon

最後は自作する方法だよ。

テーマやプラグインだと制限が出てきてしまうものね。

character_balloon

さらにカスタマイズしたい上級者は自作するのが1番の近道ね!

character_balloon
character_balloon

自作する流れはこんな感じだよ。

パンくずリストの自作方法

1.「functions.php」というファイルにパンくずリストの関数を作成する


2.パンくずリストを表示させたいページに、コードを入力する


3.CSSで整える

character_balloon

スキルがある人は、自分で見やすいパンくずリストを作ってみてね。

WordPressでパンくずリストを作成する際の注意点

パンくずリストを設置する方法がわかったわ!

character_balloon

これで問題ないわね!

character_balloon
character_balloon

ちょっと待って。パンくずリストを設置する上で、いくつか注意したほうがいいことがあるんだ。

設置するだけじゃまだ完成じゃないのね。

character_balloon
character_balloon

そうなんだ。注意点は3つあるよ。1つずつ紹介するね。

注意点

1.Webサイトのカテゴリー構成を最適化する


2.パンくずリストはすべてのページに配置する


3.SEO上のキーワードをカテゴリーに入力する

1.Webサイトのカテゴリー構成を最適化する

character_balloon

パンくずリストの前に、そもそもサイトの構造が整っていないと意味がないんだ。

character_balloon

サイトが大きくなればなるほど、構造の最適化が重要になるよ。

なるほどね。一般的にこんなパンくずリストをよく見かけるけど、サイトの構造が元になっているものね。

character_balloon
ホーム > カテゴリー名 > (サブカテゴリー名) > ページ
character_balloon

そうなんだ。階層が深すぎたり、カテゴリーがわかりにくかったりと不便なサイトになってしまうんだ。

character_balloon

トップページから最下層のページまで、3クリック程度で移動できることが好ましいよ。

これからHP作成するなら、サイト構成を意識して作成してみるのがいいわね!

character_balloon
character_balloon

すでにHPがあるなら、今のHPの構造が最適どうかを見直すのもおすすめだよ。

2.パンくずリストはすべてのページに配置する

構造の需要性がわかったわ!

character_balloon

パンくずリストはどのページでも見るけど、全てのページにある理由って何かしら?

character_balloon
character_balloon

よく気がついたね!

character_balloon

パンくずリストがあることで、ユーザビリティーはもちろんサイトクローラーが巡回しやすくなるんだ。

そっか!クローラーがWebサイトに到着した時、パンくずリストがはられていないページは見つけてもらえない可能性があるのよね?

character_balloon
character_balloon

実はそうなんだ。

character_balloon

関連性の低いページでも必ずパンくずリストを設置して、クローラがサイトを見つけやすくしてあげることが大切なんだ。

character_balloon

クローラがサイトを見つけやすくすることを、「クローラビリティを上げる」ともいうよ!

ページが「発見」されやすくなるから、クローラビリティの改善はSEO対策にもなるのね!

character_balloon

3.SEO上のキーワードをカテゴリーに入力する

character_balloon

パンくずリストのカテゴリーリンクにSEOキーワードを含めることで、上位記事に上がる可能性が高まるよ。

SEO対策に力を入れたいなら欠かせないわね。

character_balloon
character_balloon

たとえば「カメラ> 初心者向け一眼レフ > 富士通 」というパンくずリストがあった場合、「カメラ 初心者」や「一眼レフ 初心者」という検索でヒットする可能性があるよね。

上位に表示される確率が上がるならどんどんSEOキーワードを入れるわ!

character_balloon
character_balloon

大事なことだね。

character_balloon

でも、キーワードを意識しすぎて不自然にならないように注意が必要だよ。

まとめ

character_balloon

WordPressでパンくずリストを作る方法をまとめるとこんな感じだよ。

まとめ

◆WordPressですでに用意されているテーマやプラグインを使って、初心者でも簡単に実装できる


◆さらに見やすいサイトにしたい上級者は、自作することで自分好みにカスタマイズができる


◆パンくずリストを設置する前に、サイトの構造が最適化されているかもう一度確認する

自分に合わせたいろんなやり方があるのね!

character_balloon

とてもイメージができたわ。ブルーちゃん、今日はありがとうね。

character_balloon
character_balloon

またいつでも聞いてね!

character_balloon

ブルー

SEO
マーケティングオートメーション(MA)
アフィリエイト
wordpress

SEOやエンジニアリングマーケティングが得意。非常にめんどくさがりで、動きたくないがために自分でコードを書いて自作のMAを組んだりする。自動化のためなら努力は惜しまない。

最新の記事一覧
最新の記事一覧