WordPress ブレッドクラムの適用方法(総合)

  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

ワードプレスのブレッドクラムを追加すると、ユーザーが簡単に移動経路をクリックして移動することができ、Googleのようないくつかの検索エンジンに移動経路が表示されるので、SEOに有利です。 この記事では、さまざまなワードプレスブレッドクラムを適用する方法について説明します。

ブレッドクラム(breadcrumb)はヘンゼルとグレーテルで道に痕跡を残すためにパンの部分を残したことに由来したもので、ユーザーインターフェイスでは、現在のユーザーがどのような位置にいるかどうかを視覚的に示す手法の一つです。

ブレッドクラム(移動経路)は、Googleの検索結果に表示される
ブレッドクラムを適用すると、移動経路がGoogleの検索結果に表示されてSEOの改善に有用である。

ワードプレスブレッドクラムを適用する方法1 - テーマ機能を使用

最も簡単な方法は、ワードプレスのテーマでブレッドクラム(Breadcrumb)機能を提供する場合、テーマ機能を使用することです。 いくつかの有料テーマでブレッドクラム有効にするオプションを提供しています。

テーマでは、この機能を提供すると、別のプラグインをインストールすることなく移動経路をページとポストに表示することができます。

ああ、海のテーマ

ベストセラーのテーマである ああ海(Avada)Theme Options(テーマオプション)> Breadcrumbs(経路情報)でブレッドクラムのプリフィックス、色などを設定することができます。

ワードプレスブレッドクラムを適用する方法 - ああ、海のテーマのテーマオプション

そして Theme Options(テーマオプション)> Page Title Bar(ページタイトルバー)で、ページのタイトルバーに移動経路を表示するかどうかをグローバルに設定することができます。

ああ、海のテーマのページのタイトルバーの設定 - ブレッドクラム(経路情報)の有効化/無効化

また、個々のページ/記事の編集画面の Fusion Page Options(フュージョンページオプション)からのパス情報を表示するかどうかを個別に選択することができます。

Fusion Page Options compressor  - ワードプレスブレッドクラムの適用方法(総合)

ニュースペーパーのテーマ

人気ニュース、マガジンのテーマである ニュースペーパー(Newspaper)でもブレッドクラムを設定するためのオプションを提供しています。 ニュースペーパーのテーマの場合 Newspaper > Theme panel> Template Settings(テンプレート設定)に移動し、 パン粉 セクションでの移動経路と関連する様々なオプションを設定することができます。

ワードプレスニュースペーパーのテーマのBreadcrumbs設定

ワードプレスブレッドクラムを適用する方法1 - SEOプラグイン機能を活用

テーマでブレッドクラム機能を提供していない場合は、いくつかのSEOプラグインを利用することができます。

Yoast SEOプラグイン

Yoast SEOを使用している場合、このプラグインで提供されるブレッドクラム機能を使用することができます。 ワードプレスのダッシュボード> SEO> Search Appearanceをクリックして、 パン粉 タブをクリックします。

ワードプレスSEOプラグインYoast SEOのBreadcrumbs機能

このオプションを有効にしてオプションを適切に設定した後、次のようなコードを適切なテーマファイルに追加するようにします。

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

通常single.phpファイルとpage.phpファイル内の適切な位置に追加することができ、テーマに沿ってheader.phpファイルに直接追加することができている場合もあります。 追加する場所はテーマによって差があります。 必ず チャイルドテーマを作って、コードを配置してください。

Yoast文書によると、ほとんどの非WooTheme(non-WooTheme)テーマでは、このコードスニペットを関数ファイル(functions.php)に追加してはならないとします。

機会があれば、このブログに現在適用されている GeneratePressテーマにブレッドクラムコードスニペットを追加する方法について説明します。

Rank Mathプラグイン

Rank Mathプラグインを使用している場合、 Rank Math> General Settings(一般設定)> Breadcrumbsでブレッドクラム関連オプションを設定することができます。

ワードプレスSEOプラグインRank Mathのブレッドクラム設定

移動経路をページとポストに表示するには、次のコードをテーマの適切なファイルに追加するようにします。

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

または、次のショートコードを好きなところに挿入してもされます。

[rank_math_breadcrumb]

ワードプレスブレッドクラムの適用方法3 - プラグインの使用

別の方法としてブレッドクラムのプラグインを使用することができます。 ワードプレスブレッドクラムのプラグインで ブレッドクラムNavXTを使用してみることができます。 このプラグインは、現在80万人以上のサイトにインストールされて有効になっています。

この無料のプラグインをインストールした後 ワードプレス伝言板>設定> Breadcrumb NavXTでオプションを設定することができます。 ワードプレスのページのポストに移動経路情報を表示するには、次のコードを適切な場所に追加するようにします。

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

同様に、子テーマ(チャイルドテーマ、サブテーマ)を作成作業してください。

おわりに

以上で、ワードプレスでブレッドクラム(移動経路)を表示するさまざまな方法について説明しました。 テーマへの移動経路を表示する機能があれば活用することができ、そうでない場合SEOプラグインやブレッドクラム専用のプラグインを使用してみることができます。

注:



コメントを残す