ブレッドクラム(Breadcrumbs)は「パンチォがリ」という意味で、ヘンゼルとグレーテルで兄妹が通り過ぎた道をパン粉で表示したことに由来した言葉だ。
機能は、名前の由来のように、ウェブサイトでは、現在、私とどまっているページがどのような経路を介して来ることができる所なのかを示し、パン粉で道を表示したように、「ホーム」>「カテゴリー」>「現在のページ」のような方式を介してユーザーに直感的なインターフェースで、自分が滞在しているページにどのように到達し、いくつかのカテゴリーに属しているかなどの情報を一目で認識できるようにしてくれる。
ので、このブレッドクラムを使用すれば、そうでない場合よりも優れたユーザー体験を提供することになり、これは、高いSEO(Search engine optimization、検索エンジン最適化)の評価に反映される。
グーグルに検索したとき、検索結果でのタイトルのすぐ下にパーマリンクは、URLが緑色で表示されているが、場合によっては、ここにURLだけあるのではなく、
ブレッドクラムをワードプレスのサイトに適用する方法
自由度の高いワードプレスだけに、当然のことながらブレッドクラムを挿入する方法はいくつかありますが、その中で最も効果的な方法は、バ「Yoast SEO」のプラグインの機能を使用するものである。
この方法が効果的だと言われた理由は、簡単で信頼性の高いことだけでなく、私たちがブレッドクラムを使用する理由は、SEO最適化のためだが、「Yoast SEO」のプラグインは、SEO最適化のためのプラグインであるため、最もSEOフレンドリーでブレッドクラムを生成するからである。
同じブレッドクラムもただのテキストだけが表示されていることと、検索エンジンに適切な方法で情報を提供しながら、ブレッドクラムが表示されるのは、かなり大きな違いがある。ためSEOのためにブレッドクラムを使用するように専門的な人を使って、その効果を適切に得ている。
「Yoast SEO」のプラグインとしてブレッドクラムを使用する方法
まず「Yoast SEO」のプラグインとしてブレッドクラムを設定する方法自体はすごく簡単である。「Yoast SEO」のプラグインをインストールすると、生じるワードプレスメニュー
このように設定を終えて「Save changes」で保存すると、「Yoast SEO」で設定はすべて終わりである。
テーマでブレッドクラム(Breadcrumbs)を設定する
上記のように正常に「Yoast SEO」でブレッドクラムの設定を終えたら、ほとんどのテーマ(Yoast SEOと互換性のある)でワードプレスの管理ページ「外見」>「ユーザー定義」メニューの一番下に「Yoast SEO Breadcrumbs」というメニューが生成されたものである。
だからといって、このメニューからテーマソルジョルをするわけではなく、それだけで「あ生じな」と確認した後、Customify「テーマ基準」の互換性」>「ブレッドクラム」メニューに入りてメニューを設定しましょう。
- 位置表示:「ヘッダーの後に'、'カバー/タイトルバーの中に」、「サイトのメイン前の「いずれかを選択すればよい。「ヘッダーの後に「メニューが最も一般的であるため、ユーザーフレンドリーであり、すなわち、SEOに有利である。しかし、サイトの構成に応じて、他のメニューがより効率的な場合もありますので、直接の位置を変えながら最適化して見るようにする。
- 表示する:どのページにおいてブレッドクラムを表示するかを設定する。文字通りブレッドクラムがナタナギル必要な部分にチェックすればよい。設定できるメニューは、現在の基準以下の通りである。
- 文字:ブレッドクラムの文字デザインを定義する。設定できるメニューは以下の通りである。
- スタイリング:ブレッドクラムの文字を含んでいる領域をスタイリングする。
このように設定を終えた後、上部の「公開」ボタンを押して、「ユーザー定義」を完成すれば、もうサイトにブレッドクラムが表示される。
ブレッドクラムメニューがないテーマや、直接の位置を設定する
テーマが自動的に「Yoast SEO」のプラグインのブレッドクラムを認識していなかったり、本人が希望する位置(GKKmonように、ポストの下部に表示します投げ)にカスタムにブレッドクラムを表示したいときには、以下のような方法を使用して解決することができる。
まず「Yoast SEO」のブレッドクラム関連公式ヘルプでは、次のように「PHP」のコードを使って表現したいページに直接挿入するか、
<?php if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb( '<p id="breadcrumbs">','</p>' ); } ?>
あるいは、次のようなショートコードを活用して表現するように推奨している。
[wpseo_breadcrumb]
しかし、二つの方式も食わない場合がありますが、その場合は、以下のようにGKKmonが作成されたショートコードとphpを合わせたコードを使用すると、エラーなしブレッドクラムを適用させることができる。
<?php echo do_shortcode('<div id="breadcrumbs">[wpseo_breadcrumb]</div>'); ?>
上記のコードを「single.php」(投稿ページ)など、本人が希望する部分に直接挿入するとされる。また、このように直接ブレッドクラムを挿入した場合には、一つ一つのスタイルを最初から指定なければならない。