パンくずリストとは？５分で終わる簡単な作り方を徹底解説

kazuki

どうも！かずき(@k03mind)です！

パンくずリストと一言で言っても何のことかわからないですよね、、、

seoで重要って聞いたことがあるかもしれませんが、具体的にどう重要なのかわからないしそもそも作り方がわからない、、、

✅この記事はこんな人におすすめ

kazuki

すべて解説します！

✅この記事を読むメリット

パンくずリストについて深く理解できること間違いなしです。

それでは本題に入りましょう。

と、その前に。
WordPressでまだブログを開設していない方は、先に下記リンクでブログを開設しておきましょう。

>初心者向け！ブログアフィリエイトの始め方[初日で３万円稼ぐ方法を公開]

パンくずリストとは？

パンくずリストとは、Webサイトを訪れたユーザーが今どこにいるかを視覚的にわかりやすくするためのものです。

次のように表示されます。

このように、そのページがサイト階層内のどこに位置するかを示すことができ、ユーザーはパンくずリスト内の最後のパンくずから順番にさかのぼることができます。

パンくずリストの重要性

パンくずリストはユーザーのナビゲーションという役割はもちろんありますが、SEOを考える上でも非常に重要な役割を果たします。

Googleは次のようなことを明記しています。

ウェブサイトのナビゲーションは、訪問者に必要なコンテンツをすばやく見つけてもらうために重要です。また、ナビゲーションによって、ウェブマスターが重要だと考えているコンテンツを検索エンジンが理解しやすくなります。Google の検索結果はページレベルで提供されますが、Google はサイト全体でそのページがどのような役割を果たしているのか把握しようとしています。

引用元：検索エンジン最適化（SEO）スターター ガイド

このように「ユーザビリティ向上させる」ことと、「コンテンツを検索エンジンが理解しやすくする」ために、Googleはパンくずリストの使用を推奨しています。

関連記事[最新版]すぐにやるべきWordPressの初期設定（やらなきゃ後悔する）

パンくずリストの簡単な作り方

パンくずリストの簡単な作り方は２パターンあります。

一つずつ解説します。

HTMLとCSSでパンくずリストを作成する方法

パンくずリストはHTMLとCSSを使えば作成することができますが、あまりお勧めはできません。

HTMLやCSSの知識がある人は簡単に作成することができますが、素人が触って「サイトにアクセスできなくなった！」となると大問題です。


それでも挑戦してみるって方は下記リンクでわかりやすく解説しているので参考にしてください。

>>HTMLとCSSでパンくずリストを作成する方法

WordPressで設定する方法

最も簡単にパンくずリストを作成する方法は、WordPressのプラグイン「Breadcrumb NavXT」を使う方法です。

何点か設定が必要ですが、５分ほどで終わります。

それでは具体的な設定方法を解説します。

「WordPressにログイン」→「プラグイン」→「新規追加」をクリックしてください。

「キーワードにBreadcrumb NavXTを入力」→「インストール」→「有効化」をクリックしてください。

最後に管理画面の「外観」メニューの中にある「テーマ編集」メニューをクリックして下さい。

「header.php」ファイルの編集画面の一番下に次のコードを貼り付けてください。

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/"> <?php if(function_exists('bcn_display')) { bcn_display(); }?> </div>

これでBreadcrumb NavXTを使ったパンくずリストの設定は完了です。

お疲れさまでした。

関連記事SEOに効果的なalt属性の書き方「WordPress編」

まとめ

以上、パンくずリストの重要性と簡単な作り方などをまとめました。

パンくずリストの設定はユーザビリティを向上させるだけでなく、SEOにも効果絶大なので必ず設定するようにしましょう。

人気記事稼げるテーマ！アフィンガー５の口コミ・評判まとめ

人気記事[最新版]おすすめのWordPressテーマは３つだけ