ブレッドクラム(Breadcrumb)を使用してSEO向上させる

ブレッドクラム(Breadcrumb)とGoogleの検索結果

有名な「ヘンゼルとグレーテル」というおとぎ話では、ヘンゼルは迷子にならないようにパン粉を振りかけます。 おとぎ話では、鳥がパン粉を全部食べて迷子になりますが、ウェブサイトでは、このパン粉、ブレッドクラム(Breadcrumbs)は、ユーザーが迷子になることなく正しい記事を見つけるのに役立ちます。

ブレッドクラムを使用すると、Google検索結果では、アドレスの部分に移動経路が表示されます。

ブレッドクラムとGoogle検索
Googleの検索結果に移動経路(Breadcrumb)がアドレスURL部分に表示されます。

単にURLが表示されているよりも、移動経路が表示されたら、ユーザーの直帰率(Bounce rate)を減らすのに役立ちます。

以下では、Yoast SEOのブレッドクラム機能の使用方法について説明します。 移動経路を表示するさまざまな方法を」WordPress ブレッドクラムの適用方法(総合)」で確認できます。

Yoast SEOのブレッドクラム機能を使用する

WordPressでブレッドクラムを使用する方法はいくつかあります。 ブレッドクラムNavXT 同じプラグインを使用すると、簡単に移動経路を追加することができます。

Avada など、いくつかのテーマでも自主的にブレッドクラムを有効にするためのオプションが提供されます。 このブログに設置された Publisher テーマもブレッドクラムを使用できる機能が内蔵されています。

もし Yoast SEOを使用している場合には、Yoast SEOに内蔵されたBreadcrumb機能を使用することができます。

Yoast SEOのBreadcrum機能を使用するには、テーマファイルを変更して、Breadcrumbが表示される部分にコードを追加する必要があります。 通常 single.php / page.php ファイルに追加します。 たまに header.phpの ファイルに追加する場合もあるね。 そして注意事項は、 のfunctions.php ファイルには、追加しないようにします。

次のコードを適切な場所に追加します:

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

仮にこのブログに適用された エレガント ThemesのDiviテーマの場合 single.php ファイルの タグのすぐ上に追加するだけです。 (必ずチャイルドテーマを作成した後に作業するようにしてください。そうしないと、テーマを更新すると編集内容が消えます。」ワンクリックで簡単にチャイルドテーマを作成する「記事を参考にしてください。)

Diviテーマでブレッドクラムを追加する

今 WordPress 管理者ページの左側のパネルで SEO> Advancedに移動し、Breadcrumbsの設定を有効にして必要があります。

Yoast SEOブレッドクラム設定

Breadcrumbs settingsから 使用可能を選択すると、Breadcrumb機能が有効になります。

※Yoast SEO 7.0以降のバージョンでは、 SEO> Search Appearance> Breadcrumbsでブレッドクラムを有効にすることができます。

Yoast SEOブレッドクラム有効

必要に応じて、いくつかの設定をしてようにします。 例えば文のタイプに表示する分類(Taxonomy)を Taxonomy to show in breadcrumbs for post typesで設定することができます。

Yoast SEOのBreadcrumbs設定

上記のように」カテゴリ「」を選択すると、下図のように文章にカテゴリが表示されます。

WordPress ブレッドクラム

CSSを使用してBreadcrumbが表示されているレイアウトを調整することができます。

* メモ: Breadcrumbは音訳してブレッドクラムとよく使われ、MS Glossaryでは「移動経路」に翻訳されています。 「移動経路」という表現も良いようです。

メモ:


10のコメント

  1. 先生こんにちは。 ご記入のコードのおかげでbreadcrumbをよく浮かべ続けた。 門外漢だだけお尋ねうとするが、現在のbreadcrumb下に行空白があって、その次にpage titleが来るよ。 この行のスペースを二行に作成するには、ご記入の次のコードでどの部分をどのように変えるか?
    add_action( 'generate_before_content', function() {
    if ( function_exists('yoast_breadcrumb') ) {
    yoast_breadcrumb( '','' );
    }
    });

    1. 移動経路(ブレッドクラム)が「Home > 文/ページタイトル」になっている場合、ランディングページがHomeであるため「HOME」と表示されるのではないでしょうか?
      スタイル(文字サイズ、色など)は、CSSでの調整が可能になります。 ちなみに私のブログでは、Rank Mathで提供されるブレッドクラムが適用されています。 Yoast SEOでどのように動作するかについては、確認することはできない点ご了承ください。

  2. 適用したがこの間に削除されました。 サイトが行き来遅くプラグインの使用を減らしてのにオプエトた〓〓

    むしろ続々とホスティングコストをもっと与えてアップグをするのが早いと思いますが… あまりにも貴茶ニズムのせいですㅎㅎ 今ジェル安い月にAUD $7を使っています。

    1. オーストラリアドルで7ドルなら米ドルで5.35ドル程度になりますね。 それで、Vultrに5ドルのプランを使うとどうなりますか? Vultr 5ドルが餌商品の性格なのであまり良くないという一部評価がありますが…費用対比の良い選択ではないかと思います。

      Yoastがテーマやウェブホスティングサーバーに応じて、サイトのパフォーマンスに影響を与えると思われます。 以前のテーマでYoast SEOをインストールするから、管理者ページがあまりにも遅くね。 だから当時はAll in One SEOを使用している途中、最近Diviテーマ(https://www.thewordcracker.com/basic/elegant-themes-divi-%EB%A6%AC%EB%89%B4%EC%96%BC/ )に変えた後、Yoast SEOを再インストールしてみると、以前のように遅くなる問題が発生しません。

      Webホスティングサーバーだけでなく、テーマや他のプラグインの影響も受けることになります。

      1. Comodo証明書がインストールされていますね^^

        Bluehostの場合、商品によっては無料でSSLを提供しています。 私が使用しているプラ​​ンは、SSLが含まれていません。 (あえて使用しようとすると無料共有SSLを使用することができますがその場合は、画像のパスなどを変更する必要がするなど面倒な作業があって適用せずにいます。 https://www.thewordcracker.com/miscellaneous/%ED%95%B4%EC%99%B8-%ED%98%B8%EC%8A%A4%ED%8C%85-bluehost%EC%97%90%EC%84%9C-%EB%AC%B4%EB%A3%8C-%EA%B3%B5%EC%9C%A0-ssl-%EC%9D%B8%EC%A6%9D%EC%84%9C-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0/ )

        最近Comodo証明書を Bluehostを介して有料で申請したことがあるがComodoから認証メールをどこに送信したか、私は受けをしました。 Bluehostに連絡したら Comodo に連絡してから Comodo ホームページを通じてメッセージを送りましたが、何も連絡がなかったので結局キャンセルしました。 Comodoはあまりひいきにするつもりはないかと思いますㅎㅎ

  3. ブレッドクラムはSEOにも役立つよね!

    ところが、アップルのWebサイト行ってみればブレッドクラムが下部に非常に小さく表示されようなものも、果たして役に立つのか分かりません。 笑

    1. アップルは、ユーザーが分かって見つけくるSEOを気にする理由はあまりないんじゃないと思うね。(笑)

コメントを残す

*メールアドレスは公開されません。