WordPressのパンくずナビをGoogleリッチスニペットに対応させる方法
  • WordPressのパンくずナビをGoogleリッチスニペットに対応させる方法
  • 記事公開:2016/01/19
  • 最終更新:2017/07/21

WordPressのパンくずナビをGoogleリッチスニペットに対応させる方法

WordPressのパンくずナビをGoogleリッチスニペットに対応させる方法をご紹介します。コピペで対応できるようにしておりますので、初心者の方でも3分程度でWordPressのパンくずナビをGoogleリッチスニペットに対応させることができます。

この記事は約 5 分で読めます。

パンくずナビをGoogleリッチスニペットに対応させる理由

eyu5te

パンくずナビをリッチスニペットに対応させると、上記画像のようにGoogleの検索結果に、パンくずナビが表示されるようになります。赤線の部分がパンくずナビですね。

パンくずナビをGOOGLEの検索結果に表示させる理由は、SEO効果が期待できるのに加え、クリック率の上昇にも期待することが出来るからです。

やって損はありませんので、パンくずナビをGoogleリッチスニペットに対応させてみました。
その方法をご紹介しておきます。

パンくずナビをpGoogleリッチスニペットに対応させる方法

基本的な対応のさせ方をご紹介します。

以下の様なパンくずナビがあったとします。

<ol class="breadcrumb">
<li><a href="#">ホーム</a></li>
<li><a href="#">カテゴリー</a></li>
<li>ページタイトル</li>
</ol>

上記のパンくずナビをGoogleリッチスニペットに対応させると以下の様になります。

<ol class="breadcrumb">
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="#" itemprop="url"><span itemprop="title">ホーム</span></a></li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="#" itemprop="url"><span itemprop="title">カテゴリー</span></a></li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" itemprop="url"><span itemprop="title">ページタイトル</span></li>
</ol>

このようにGoogleリッチスニペットに対応させておけば、

eyu5te

上記のようにGoogleの検索結果に、パンくずナビが表示されるようになります。

WordPressサイトのパンくずナビをGoogleリッチスニペットに対応させる方法

出力されたパンくずナビが先ほどご紹介したGoogleリッチスニペットに対応させた形式であれば良いわけですので、現在実装しているパンくずナビの出力がその様になるように修正を加えましょう。

パンくずナビが未設置の場合は、以下のページを参考にして、パンくずナビを実装してください。

2016-01-18
プラグインは使わない!WordPressサイトに高品質なパンくずナビをコピペで設置する方法
当サイトのパンくずナビのコードをご紹介します。このサイトで実際に導入しているパンくずナビのコードをご紹介します。 functions.phpにコピペするだけでパンくずナビを設置できます。functions.phpに以下のコードをコピペしてください。/*

実は上記のページで解説しているパンくずナビは、既にGoogleリッチスニペットに対応しています。
なので、このパンくずナビを実装すれば、自動的にGoogleリッチスニペットに対応します。

既存のパンくずナビをカスタマイズするのが面倒な方も、上記で紹介しているパンくずナビを実装するれば、面倒なカスタマイズを行う必要はありません。

コピペだけでGoogleリッチスニペットに対応したパンくずナビを設置できます。

まとめ

WordPressのパンくずナビをGoogleリッチスニペットに対応させる方法をご紹介しました。

この記事が気に入ったら【いいね】しよう!

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のリンクからチェックしてみてください。

詳細を確認する

著者:とあるWEBディレクター

岡山在住のWebディレクターです。Wordpressを使ったWEBサイト制作を中心に7年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

  • あのサイトが利用しているWordPressテーマを調べる方法

    2016-08-03

    WordPressで構築されたサイトを見ていると、そのサイトで利用されているテーマが何なのか、無性に気になることってありませんか?そんな時にパッと利用されているテーマを調べる方法をご紹介します。 記事を読む

  • WordPressの最大行表示エディターを利用している方に便利な小技

    2015-03-24

    WordPressの最大行表示エディターを利用している方に便利な小技をご紹介します。最大行表示エディターを使っていると、ページのTOPに戻るのが面倒ですよね。そんな時に便利な小技です。意外と知られていない小技かも・・・。 記事を読む

  • 経験者必見!WordPressで書きかけの記事を間違って公開しないまとめ

    2016-06-03

    WordPressで書きかけの記事を間違って公開しない方法をまとめてみました。下書きボタンと公開ボタンの押し間違いは、多くの方が経験したことがあるかと思います。この記事を3分間読むだけで、押し間違いを回避する方法が分かります。 記事を読む

  • WordPressのカスタム投稿タイプでアイキャッチを有効にする方法

    2014-12-25

    wordpressのカスタム投稿タイプでアイキャッチを有効にする方法を解説します。カスタム投稿を有効にすれば、アイキャッチも当然有効になると考えていたので、ちょっとビックリしました。やり方を調べたので参考にしてください。 記事を読む

  • WordPressに新しくテーマをインストールする2つの方法

    2015-01-14

    WordPressに新しくテーマをインストールする2つの方法をご紹介します。WordPressのメリットの一つは、クオリティの高い様々なテーマが無料で利用できるところです。テーマのインストール方法をマスターして、色々なテーマをインストールしてみましょう。 記事を読む

コメントを残す


(必須)

CAPTCHA