WordPressでパンくずナビゲーションリンクを表示する方法

WordPress ウェブサイトのナビゲーションを容易にする方法をお探しなら、パンくずリストの追加をお勧めします。

パンくずリストナビゲーションは、ユーザーがホームページに対してウェブサイトのどこにいるかを伝えます。このパンくずリストは検索結果にも表示されるため、ウェブサイトが目立ちます。

私たちは自身のウェブサイトでパンくずリストを使用しており、この機能により読者はさまざまなページ間を移動しやすくなると考えています。この記事では、WordPressでパンくずナビゲーションリンクを表示する方法を紹介します。

パンくずリストナビゲーションとは何ですか？そしてなぜそれが必要なのですか？

パンくずナビゲーションとは、リンクの軌跡として表示される階層的なナビゲーションメニューを指す用語です。これは、ユーザーがウェブサイトのページ階層を上に移動できるようにする二次的なナビゲーションとしてよく使用されます。

パンくずリストナビゲーションリンクは、WordPressのデフォルトのナビゲーションメニューシステムとは異なります。

パンくずリストナビゲーションは、ユーザーがウェブサイト内を移動するのを助け、検索エンジンがウェブページのリンクの構造と階層を理解するのを助けます。

パンくずリストが正しく設定されていれば、Googleのような検索エンジンは検索結果にページタイトルと一緒にパンくずリストを表示します。これにより、検索結果でのウェブサイトの可視性が向上し、クリック率が向上します。

このガイドの方法は、スキーママークアップを使用してパンくずリストを正しく設定するのに役立ちます。スキーマは、Google がパンくずリストを識別するのに役立つスマートマークアップコードであり、検索結果に表示されます。

それでは、WordPressでパンくずリストナビゲーションリンクを追加する方法を見ていきましょう。ここでは2つの方法を紹介しますので、ご自身に最適な方法をお選びください。

• Method 1: Adding Breadcrumb Navigation in WordPress Using All in One SEO (Recommended)
• 方法2：Breadcrumb NavXTでパンくずリストナビゲーションを追加する
• 動画チュートリアル

方法1：All in One SEO を使用してWordPressにパンくずリストナビゲーションを追加する（推奨）

この方法は簡単で、すべてのWordPressユーザーにおすすめです。

この方法では、市場で最高のWordPress SEOプラグインであるAll in One SEO for WordPressを使用します。これは、技術的なスキルなしでWordPress SEOを簡単に改善するのに役立ちます。使いやすいパンくずリスト機能も備えています。

有効化すると、プラグインのセットアップウィザードに移動します。画面の指示に従ってプラグインをセットアップしてください。

設定にヘルプが必要ですか？All in One SEOのインストールと設定方法に関するステップバイステップのチュートリアルをご覧ください。

次に、All in One SEO » 一般設定ページにアクセスし、「パンくずリスト」タブに切り替える必要があります。

All in One SEO は、検索エンジンが見つけられるように、パンくずリストのスキーママークアップをウェブサイトのコードに自動的に追加します。

ただし、ウェブサイトにもパンくずリストナビゲーションリンクを表示したい場合は、「パンくずリストを有効にする」オプションをオンにする必要があります。

トグルを切り替えることで、WordPressウェブサイトで使用できるさまざまなパンくずリスト表示設定を確認できます。

WordPressウェブサイトにパンくずリストナビゲーションを表示するには、4つの方法があります。

1. ショートコードを使用したパンくずリストナビゲーションの追加

ショートコード方式は簡単で、WordPressの投稿やページ、またはオンラインストアの製品ページにパンくずナビゲーションリンクを表示できます。

その後、投稿、ページ、または製品を編集し、パンくずナビゲーションリストを表示したい場所に次のショートコードを追加します。

[aioseo_breadcrumbs] 

デフォルトのブロックエディターを使用している場合、ショートコードは自動的にショートコードブロックに変換されます。

これで投稿またはページを保存し、プレビューしてパンくずリストナビゲーションメニューが機能していることを確認できます。

テストサイトではこのように表示されました。

2. Gutenbergブロックを使用したパンくずナビゲーションの追加

さて、ショートコードオプションを使用したくない場合や、ショートコードを覚えていない場合は、AIOSEO – パンくずリストブロックを使用してパンくずリストナビゲーションを表示できます。

パンくずリストナビゲーションを表示したい投稿またはページを編集し、AIOSEO – Breadcrumbs ブロックを追加するだけです。

プラグインは、パンくずリストナビゲーションリンクのライブプレビューを読み込み、コンテンツエリアに表示します。

変更を更新または公開することを忘れないでください。

3. ウィジェットを使用してパンくずリストナビゲーションを追加する

上記の2つの方法は、パンくずリストナビゲーションリンクを表示したいすべての投稿またはページにショートコードまたはブロックを追加する必要があります。

各投稿またはページにパンくずリストを自動的に表示したい場合はどうすればよいですか？

AIOSEO パンくずリスト ウィジェット を使用すると、簡単にそれができます。

単純に、外観 » ウィジェット ページに移動し、AIOSEO – パンくずリストウィジェットブロックを追加します。サイトのサイドバー、フッター、または任意のウィジェットエリアに追加できます。

ウィジェットのタイトルを指定することもできますし、必要に応じて空白のままにすることもできます。

設定を保存するために、「更新」ボタンをクリックすることを忘れないでください。

これで、すべての投稿とページでパンくずリストナビゲーションメニューをウェブサイトで確認できるようになりました。

4. コードを使用してパンくずリストナビゲーションを追加する

この方法では、パンくずリストナビゲーションリンクを必要な場所に正確に表示できます。ただし、WordPressテーマファイルにコードを追加する必要があります。

これが初めての場合は、WordPress にコードスニペットを追加する方法に関する記事をご覧ください。

まず、パンくずリンクをどこに表示するかを決定する必要があります。最も一般的な場所は、個々の投稿、ページ、または製品タイトルの下に表示することです。

WordPressのテーマは、テンプレートファイルを使用してウェブサイトのさまざまなセクションを表示します。たとえば、多くのテーマでは、テーマのtemplate-partsフォルダ内にあるcontent-single.phpというファイルを使用しています。

WordPressテーマで編集するファイルを見つけるためのチートシートをご覧ください。

その後、FTPクライアントを使用してテーマファイルを編集する必要があります。WordPressへのファイルのアップロード方法に関するガイドを参照してください。初心者向けWordPressへのファイルのアップロード方法で手順を確認してください。

次に、パンくずリストナビゲーションリンクを表示したい場所に次のコードを配置します。

<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?> 

変更を保存し、ファイルをウェブサイトにアップロードすることを忘れないでください。

これで、ウェブサイトにアクセスして、パンくずリストのリンクが機能していることを確認できます。

AIOSEOでのパンくずリストの表示方法を変更する

デフォルトでは、All in One SEOはパンくずリストナビゲーションリンクを表示するためのテンプレートを使用します。これには、ホーム、カテゴリ、親ページへのリンク、および「»」記号で区切られた投稿またはページのタイトルが含まれます。

All in One SEO » 一般設定 ページにアクセスし、「パンくずリスト」タブに移動することで変更できます。次に、パンくずリスト設定セクションまでスクロールしてください。

ここから、区切り文字の変更、ホームリンクの表示/非表示、接頭辞の追加などを行うことができます。

完了したら、設定を保存することを忘れないでください。

方法2：Breadcrumb NavXTでパンくずリストナビゲーションを追加する

この方法は、他のWordPress SEOプラグインでも使用できます。互換性のあるテーマがあれば使いやすいですが、そうでない場合は、パンくずリストのナビゲーションリンクを表示するためにテーマファイルを編集する必要があります。

まず、Breadcrumb NavXT プラグインをインストールして有効化する必要があります。詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化後、プラグインの設定を行うには 設定 » Breadcrumb NavXT ページにアクセスする必要があります。

デフォルト設定はほとんどのウェブサイトで機能するはずです。ただし、必要に応じて設定をカスタマイズできます。

設定ページは異なるセクションに分かれています。一般設定タブでは、パンくずリストのスタイルと設定を変更できます。

これらのリンクテンプレートは、リンクタグでSchema.orgマークアップを使用していることにも気づくでしょう。

プラグイン設定の投稿タイプタブでは、投稿、ページ、およびすべてのカスタム投稿タイプのパンくずリストリンクを設定できます。

投稿階層の表示方法を選択できます。デフォルトでは、プラグインは「サイトタイトル > カテゴリ > 投稿タイトル」の階層を使用します。

カテゴリをタグ、日付、または投稿の親に置き換えて、区切り文字を変更できます。

タクソノミータブとその他タブには、パンくずリストのナビゲーションリンク用の同様のテンプレートがあります。

完了したら、変更を保存することを忘れないでください。

Breadcrumb NavXTは、ウェブサイトにパンくずリストナビゲーションリンクを表示するための複数の方法を提供します。

1. テーマのサポートでパンくずリストナビゲーションを表示する

最も人気のあるWordPressテーマの中には、Breadcrumb NavXTまたはWordPress SEOプラグインをソースとして選択することで、パンくずリストナビゲーションを表示する組み込みオプションが用意されているものがあります。

例えば、Sydneyテーマを使用している場合、外観 » カスタマイズページに移動できます。次に、「一般」メニューをクリックし、「パンくずリスト」オプションをクリックします。

そこから、「パンくずリストジェネレーター」のドロップダウンで「Breadcrumb NavXT」を選択する必要があります。

「位置」ドロップダウンリストからオプションを選択することで、パンくずリストを表示したい場所を選択することもできます。

シングル投稿またはページを表示している場合、パンくずリストナビゲーションリンクのライブプレビューが表示されます。

変更を保存するには、「公開」ボタンをクリックすることを忘れないでください。

2. パンくずリストブロックでナビゲーションリンクを表示する

Breadcrumb Trailブロックを使用してパンくずリストナビゲーションリンクを表示することもできます。

WordPressコンテンツエディターに移動し、ナビゲーションリンクを表示したい場所にパンくずリストブロックを追加してください。

次に、コンテンツを更新または公開できます。

その後、ウェブサイトにアクセスして、ナビゲーションリンクが機能していることを確認してください。

3. ウィジェットを使用したパンくずリストナビゲーションの追加

このプラグインは、サイドバーやその他のウィジェット対応エリアにパンくずリストナビゲーションを表示するために使用できるウィジェットも提供しています。

まず、外観 » ウィジェットページに移動し、「パンくずリスト」ウィジェットブロックをサイトのウィジェットエリア（サイドバーやフッターなど）に追加します。

デフォルトのウィジェット設定はほとんどのウェブサイトで機能しますが、必要に応じて変更できます。たとえば、フロントページでパンくずリストを非表示にしたい場合があります。

ウィジェットの設定を保存するには、「更新」ボタンをクリックしてください。

4. コードを使用してパンくずリストナビゲーションを追加する

このプラグインは、上級ユーザー向けにパンくずリストナビゲーションリンクを表示するためのコードメソッドも提供しています。

まず、FTPクライアントを使用してWordPressサイトに接続する必要があります。その後、/wp-content/themes/ディレクトリ内にある現在のWordPressテーマフォルダに移動します。

WordPressテーマは、ウェブサイトのさまざまなセクションを表示するためにテンプレートファイルを使用します。たとえば、多くのテーマでは、テーマの template-parts フォルダ 内にある content-single.php という名前のファイルを使用しています。

WordPressテーマで編集するファイルを見つけるためのチートシートをご覧ください。

編集するためにテンプレートファイルを開き、パンくずリストのトレイルを表示したい場所に次のコードを配置します。

<?php if( function_exists( 'bcn_display' ) ) bcn_display(); ?> 

変更を保存し、ファイルをウェブサイトにアップロードすることを忘れないでください。

これで、ウェブサイトにアクセスして、パンくずリストのリンクの軌跡が機能していることを確認できるようになりました。

動画チュートリアル

この記事がWordPressでパンくずリストナビゲーションリンクを表示する方法を学ぶのに役立ったことを願っています。また、WordPressでログインユーザーに異なるメニューを表示する方法やWordPressサイトにメガメニューを追加する方法に関するガイドもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。