WordPressでブレッドクラムナビゲーションを追加する方法

公開: 2021-12-24

ユーザーエクスペリエンスを向上させる強力な方法は、オーディエンスがWebサイトをより簡単にナビゲートできるようにすることです。ブレッドクラムナビゲーションは、ユーザーがコンテンツを操作する方法を改善できる強力なツールです。

これは、ユーザーがホームページとの関係で自分がどこにいるかを知るための方法です。ブレッドクラムナビゲーションをWebサイトに追加すると、検索結果にも表示され、より魅力的なリンクが作成され、検索エンジンでのクリック数が増加します。

この投稿では、WordPressWebサイトにパンくずナビゲーションリンクを簡単に表示する方法を紹介します。飛び込みましょう！

ブレッドクラムナビゲーションとは何ですか？

私たちは皆、ヘンゼルとグレーテルの話と、子供たちが家に帰る道を見つけるためにパンくずリストの道をどのように敷設したかを知っています。

ブレッドクラムナビゲーションの考え方は同じように機能します。

Webサイトのブレッドクラムは、ホームページに関連してどのページを表示しているかを示すリンクの軌跡です。これは、メインメニューとは別の階層型ナビゲーションメニューです。

正しく設定すると、ウェブページとGoogleの検索結果ページに表示されます。

*メンズサンダルを検索すると、パンくずリストの動作をはっきりと確認できる結果が得られました。*

ブレッドクラムナビゲーションを追加する理由

製品ページにアクセスして、同じカテゴリの他に何があるかを知りたいと思ったことはありますか？

ブレッドクラムナビゲーションを使用すると、リンクの階層チェーンを上に移動できます。ホームページに移動して製品のカテゴリを探し、サブカテゴリをクリックする代わりに、ユーザーはブレッドクラムのリンクをクリックして目的の場所に移動できます。

これは、ユーザーがサイト内を移動して必要なものを見つけるための追加の便利な方法です。

強力な追加の利点は、検索エンジンがWebサイトの構造と階層を理解するのにも役立つことです。サイトの外観が構造化されていて使いやすいほど、ランキングが上がる可能性が高くなります。

ブレッドクラムリンクは、Googleが一連の結果を表示するときにも表示されます。それはあなたのウェブサイトを一連の結果で際立たせ、あなたのクリック率を高めます。

WordPressサイトにパンくずナビゲーションを追加する方法

ビジネスに取り掛かりましょう！ブレッドクラムとは何か、なぜそれらが重要なのかを学びました。

さて、この投稿では、パンくずリストを追加して、WordPressサイトに正しく表示されて機能するようにするための最良の方法を説明します。

この投稿のすべての提案は、スキーママークアップを使用してブレッドクラムナビゲーションを設定するのに役立ちます。スキーマとは、Googleなどの検索エンジンがウェブサイトのコンテンツを簡単に知るのに役立つコードを指します。

調理時間、評価、料理などの詳細がWebサイトのリンクに表示されるレシピの検索結果を見たことがありますか？これは、実際のスキーママークアップの例であり、リッチスニペットと呼ばれるものを作成します。また、検索結果にWebサイトが表示されたときに、ブレッドクラムを表示するのにも役立ちます。

*ヨークシャープディングを検索すると、スキーマが材料や調理時間などの詳細を表示するのに役立つ結果パネルが表示されます*

以下は、サイトにブレッドクラムを追加するための最も簡単で迅速な方法の一部です。

SEOWordPressプラグインを使用する

ブレッドクラムナビゲーションを追加する最も簡単な方法は、AIOSEOプラグインを使用することです。

オールインワンSEOまたはAIOSEOプラグインは、WebサイトのSEOを向上させるための最高のWordPressプラグインの1つです。それはあなたがあなたのウェブサイトをナビゲートしやすくするのを助ける機能としてパンくずリストを含みます。

将来的にはプレミアムバージョンを選択してより多くの機能を利用することも検討できますが、無料バージョンから始めると、基本をしっかりと把握できます。まず、AIOSEOプラグインをダウンロードしてアクティブ化します。

有効にしたら、プラグインの初期設定ウィザードに従います。次に、ダッシュボードのオールインワンSEOプラグインから[一般設定]ページにアクセスする必要があります。

[一般設定]ページが表示されたら、[ブレッドクラム]タブをクリックします。

最初にAIOSEOを追加してセットアップを実行すると、プラグインは自動的にブレッドクラムスキーマをサイトコードに追加します。

ユーザーにブレッドクラムナビゲーションリンクを表示するには、 [ブレッドクラムを有効にする]をオンに切り替えます。その後、パンくずリストがサイトにどのように表示されるかを微調整できるようになります。

WordPressサイトでブレッドクラムナビゲーションを表示するには、4つの異なる方法があります。

彼らです：

ショートコードを使用したブレッドクラムナビゲーションの追加
グーテンベルクブロックの使用
ウィジェットの追加
ブレッドクラムナビゲーションコードの追加

これらの各オプションの使用方法を簡単に説明し、ニーズに最適なオプションを使用できるようにします。

1.ショートコードを使用してブレッドクラムナビゲーションを追加します

ページまたは投稿にショートコードを使用してブレッドクラムナビゲーションを追加する場合は、ページに次のコードを追加するだけです。

 [aioseo_breadcrumbs]

この小さなコードは、自動的にショートコードブロックに変換されます。

投稿を保存してプレビューし、どのように表示されるかを確認します。下の画像は、ブレッドクラムのショートコードがWordPressサイトのフロントエンドにどのように表示されるかを示しています。

2.グーテンベルクブロックでブレッドクラムナビゲーションを追加します

AIOSEOプラグインを使用すると、Gutenbergブログを挿入して、ブレッドクラムリンクを追加するだけで済みます。

新しい投稿またはページを作成し、ボタンをクリックしてブロックを追加します。 AIOSEO – Breadcrumbsを検索し、クリックします。ブレッドクラムナビゲーションがページに表示されます。ちょうどそのように！

3.ウィジェットを使用してブレッドクラムナビゲーションを挿入します

すべての投稿またはページにブレッドクラムを自動的に表示しますか？

これを行うには、ウィジェットオプションを使用します。ダッシュボードの[外観]»[ウィジェット]に移動するだけです。次に、「AIOSEO –Breadcrumbs」ウィジェットをサイドバーに追加します。

新しいタイトルを追加するか、フィールドを空白のままにして、[保存]を押します。これで、Webサイトにアクセスすると、サイドバーのあるすべての投稿とページにブレッドクラムナビゲーションが表示されます。

4.コードを使用してブレッドクラムナビゲーションを追加します

この方法を使用すると、ブレッドクラムナビゲーションを表示する場所をより細かく制御できます。ただし、これを行うには、WordPressサイトのテーマファイルにコードを追加する必要があります。

WordPressの管理とコーディングの経験がある場合は、このオプションを試すことができます。

まず、ブレッドクラムのリンクを表示する場所を決定します。 WordPressテーマのテンプレートファイルにコードを追加する必要があります。

したがって、パンくずナビゲーションを配置する場所に基づいて、コードを挿入するための適切なテンプレートファイルを選択する必要があります。

このチートシートは、WordPressテーマで編集するファイルを見つけるのに役立ちます。

次に、FTPクライアントを使用してテーマファイルを編集します。ブレッドクラムナビゲーションリンクを表示する場所にこのコードを追加します。

 <？php if（function_exists（'aioseo_breadcrumbs'））aioseo_breadcrumbs（）; ？>

変更を保存し、Webサイトに戻って、どのように表示されるかを確認することを忘れないでください。

結論

WordPressサイトにパンくずナビゲーションを追加するための最良の方法を見つけるために必要なのはこれだけです。

AIOSEOを使用すると、パンくずリストを無料で複数の方法で追加できるだけでなく、他の技術的なSEOタスクを実行することもできます。

ブレッドクラムナビゲーションは、ユーザーエクスペリエンスを向上させるだけでなく、Googleやその他の検索エンジンに優れたウェブサイトがあることを示します。

また、オンラインの約20億のサイトのうちスキーマを使用しているのは約1,000万にすぎないため、トラフィックやコンバージョンの増加など、ランキングが高くなり、結果が向上する可能性があります。だから、パンくずナビゲーションを追加するだけで、新年にあなたのウェブサイトを改善するために少し時間をかけてください！