WordPress にブレッドクラムを追加する方法

最後にパンくずリストの跡をたどったのはいつですか?その質問に対する答えは？おそらくインターネット上にあるので、WordPress にブレッドクラムを追加する方法を考え始める必要があります。

おとぎ話や、おそらく自宅の犬によって文字通りのパンくずの跡がたどられますが、現実のパンくずリストは通常、ウェブサイト上の重要なナビゲーション手順を指します。特に、数百または数千の商品を扱う e コマースサイトについて話す場合はそうです。

ブレッドクラムを理解するのは非常に簡単で、ブレッドクラムをサイトに追加するプロセスには数分もかかりません。ブレッドクラムと、これらの貴重な小さな機能をサイトに配置する方法について詳しく知りたい場合は、読み続けてください。

WordPress ブレッドクラムとは何ですか?

オンラインで何かを購入したことがある方は、少なくともパンくずリストを見たことがあるでしょう。これらは、Web サイト上のどこに移動したかを正確に示すために相互に接続する一連のナビゲーションリンクです。

ブレッドクラムは標準のナビゲーションメニューに似ていますが、サイト内を移動するときに形成される点が異なります。ブレッドクラムリンクは、最初にアクセスしたページ、次にアクセスしたページ、その次のページ、さらにその次のページを示す階層を持つリンク構造を形成します。

実際、ブレッドクラムの例は、WPExplorer でナビゲーションメニューの [テーマ] タブをクリックし、テーマのカテゴリを選択すると見つかります。

前述したように、Amazon などの e コマースサイトではブレッドクラムがよく見られ、カテゴリや製品タイプの深い穴に陥る可能性があります。

ほとんどの場合、これらのパンくずリストはウェブサイトの上部に表示され、ユーザーはパンくずリストの階層内のリンクをクリックして前に戻って閲覧履歴を確認できます。

パンくずリストが重要な理由

ほとんどの企業がブレッドクラムの使用を選択する理由は次の 2 つです。

ブレッドクラムは、ユーザーが Web サイトを移動するのに役立ちます。
ブレッドクラムは SEO を強化します。

ユーザーエクスペリエンスに関しては、ナビゲーションメニューだけではユーザーをガイドし、サイト上のどこにいるのかを快適に感じてもらうのに十分ではない場合があります。

Best Buy には何千もの製品カテゴリと製品があります。顧客がラップトップを探し始めると、すぐに特定の機能、カテゴリ、ブランド、製品というウサギの穴にたどり着きます。

その人が後戻りしたい場合、ナビゲーションメニュー (または検索バー) は役に立たないことがわかります。通常は、かなり前に戻りすぎてしまうからです。その代わり、顧客はどのページを閲覧したかを確認し、戻るのに最も適したページをクリックする方が簡単です。

つまり、ほとんどのブランドは、コンテンツが多すぎてナビゲーションメニューで確認できない場合にブレッドクラムを使用します。したがって、何千もの商品、ファイル、ブログ投稿がある場合は、パンくずリストが役立つ可能性があります。

ブレッドクラムはページのコレクション内で検索エンジンを移動させるのに役立つため、これは SEO の部分にも関係します。これにより内部リンク構造が強化されるため、ボットが容易に巡回しやすくなり、サイトが優れたユーザーエクスペリエンスを備えたサイトとして認識されるようになります。

テーマを介して WordPress にブレッドクラムを追加する方法

ブレッドクラムがウェブサイトに適していると判断したら、最初からブレッドクラムを有効にするか、既存のサイトの WordPress にブレッドクラムを追加します。

多くのコンテンツを含む新しいウェブサイトを作成するだけの場合は、ブレッドクラムが組み込まれた WordPress テーマを探すのが賢明です。たとえば、次の WordPress テーマには、主要な機能としてすでにブレッドクラムが含まれています。

合計 – ブレッドクラムを備えた多目的テーマ。
知識ベース – ご想像のとおりです。ブレッドクラムを備えたナレッジベースの WordPress テーマ。
SmartMag – ブレッドクラム付きのオンラインマガジンのテーマ。
フラットサム – パンくずリストを備えた人気のある e コマースオプション。
店主 – ブレッドクラムを備えたもう 1 つの素晴らしいオンラインストアテーマです。

実際、最高の e コマーステーマのほとんどにはデフォルトでブレッドクラムが含まれているようです。結局のところ、開発者は大量の製品を販売する可能性があることを想定する必要があるため、これは当然のことです。いずれにせよ、テーマに取り組む前に調査を行ってデモをテストしてください。

プラグインを使用してWordPressでブレッドクラムを有効にする

現在のサイトにパンくずリストを追加したいが、テーマを切り替えるという考えがブランドにとって意味をなさない場合でも、まだ大丈夫です。

Yoast SEO プラグインは、(SEO 目的で) サイトにすでにインストールされているはずのツールです。 SEO は優れていますが、Yoast の優秀な開発者は、多くの WordPress Web サイト所有者が遭遇する問題に対処しました。最終的には、ブレッドクラム階層が意味をなすほど多くのコンテンツが含まれるようになります。唯一の問題は、テーマにブレッドクラム機能がないことです。

そこで、Yoast が舵を取り、私たち全員にとってそれをよりシンプルにしました。わずか数分で WordPress にパンくずリストを追加する方法をご紹介します。

ステップ 1: Yoast SEO プラグインをウェブサイトに追加する

すでに Yoast がインストールされ、アクティブ化されている場合は、この手順をスキップしてください。 Yoast をお持ちでない場合は、プラグインのページにアクセスしてダウンロードしてインストールしてください。 WordPress ダッシュボードでこれを行うこともできます。プラグイン > 新規追加に移動し、検索バーに「Yoast SEO」と入力します。

Yoast SEO がサイト上でブレッドクラムを取得する機能を提供しているのは素晴らしいことですが、Yoast の SEO 機能についても学ぶことをお勧めします。検索エンジンのランキングを向上させるだけでなく、その方法についてのより多くの情報を得ることができます。

ステップ 2: 詳細設定を有効にする

パンくずリストの設定は初期状態では Yoast に表示されないため、[ダッシュボード] タブをクリックして開始する必要があります。

「機能」タブを選択します。

下にスクロールして、「詳細設定ページ」ヘッダーを見つけます。デフォルトでは、これは Yoast によって有効化されません。したがって、ボタンをクリックして「有効」と表示します。

その後、[SEO] タブの下にさらにいくつかのオプションが表示されます。 [詳細設定] タブに移動して次に進みます。

[ブレッドクラム] オプションが最初に表示されるので、その下を見てブレッドクラムを有効にすることができます。

有効にすると、その下に他のいくつかの設定が表示されます。これらのフィールドのほとんどはデフォルト設定で入力されているため、必要に応じてそのままにしておいてください。ただし、セパレータの動作方法を変更したり、パンくずリストの最後のページを太字にするなどの変更が必要になる場合があります。

ブレッドクラムの分類は、特定の投稿タイプに設定した内容によって異なります。投稿のパンくずリストに興味がない場合は、空白のままにすることもできますが、編集することもできます。このページを離れる前に、必ず [保存] ボタンをクリックしてください。

ステップ 3: サイトファイルにブレッドクラムコードを挿入する

ブレッドクラムは、サイトに小さなコードを挿入するまで表示されません。まず、次のコードをコピーします。

<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb('
<p id="breadcrumbs">','</p>
');
}
?>

ブレッドクラムを表示したい場所にコードを配置する必要があります。最も一般的な場所には次のようなものがあります。

single.php ファイル内。
page.php ファイル内 (ページのタイトルの上)。
header.php ファイルの最後。

注: コアテーマファイルを変更する場合は、WordPress 子テーマを使用することを強くお勧めします。こうすることで、カスタマイズを失うことなくテーマに更新をインストールできます。

個々の投稿やページには次のショートコードが最適な方法だと考える人もいます。

[wpseo_breadcrumb]

それでおしまい！

ここまでで、テーマを見つけるか、プラグインを使用して WordPress にパンくずリストを追加できるはずです。さらに質問がある場合は、そのコードの処理に関するこの Yoast 記事を参照してください。それ以外の場合は、Web サイトにブレッドクラムを設定する必要があります。

以下のセクションにコメントを残すこともできます。読者のために WordPress にパンくずリストを追加する方法についての質問があれば、喜んでお手伝いいたします。