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

2020年4月9日

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



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

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

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

  • パンくずリストが何のことかわからない
  • パンくずリストの重要性を知りたい
  • パンくずリストの作り方がわからない


kazuki
すべて解説します!


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

  • パンくずリストが何のことかわかる
  • パンくずリストの重要性がわかる
  • パンくずリストの簡単な作り方がわかる


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

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


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

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

 

パンくずリストとは?

自分のいる位置を把握しようとしている画像

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



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

パンくずリストが度の部分か強調する画像

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


パンくずリストの重要性

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


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

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

引用元:検索エンジン最適化(SEO)スターター ガイド


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

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



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

生徒に何かを教えている画像

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

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

一つずつ解説します。

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

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

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


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

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



WordPressで設定する方法

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


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

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


WordPressのプラグインを新規追加しようとしている画像


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

Breadcrumb NavXTを検索して有効化した画像


「キーワードに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にも効果絶大なので必ず設定するようにしましょう。

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

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

-seo

© 2020 かずきの武器庫