パンくずリストプラグイン「Breadcrumb NavXT」のGoogleエラー修正

はじめに

パンくずリストを表示させるプラグイン「Breadcrumb NavXT」をデフォルトのまま使用すると，「Google Search Console」のメッセージでエラーを吐き出す。

きっかけはbingで検索表示された記事がGoogle検索では表示されない問題があり，いろいろ調べたらパンくずリストプラグイン「Breadcrumb NavXT」のGoogleエラーが原因だった。
このプラグインは通常の使用では問題無いが，Googleからみると問題があるらしい。
Googleでは，記事（今回はパンくずリスト）に問題があると検索結果に表示しない仕様になっている。逆に言うとbingはパンくずリストに対応していないのでエラーチェックしていない。検索エンジンの90%を占めるGoogleとYahoo!がパンくずリストに対応しており検索結果にもパンくずリストを表示している。
今回のGoogleでのチェックで問題とされたのはパンくずリストの構造化データに問題があり検索結果に表示されなかった。調べたらこのプラグインはGoogle仕様に合っていないようだ。
「Breadcrumb NavXT」の設定画面に表示のデフォルトテンプレートのコードやパンくずリストを表示させるためのコードがGoogleの求めるものでないので，これを修正したらエラーは消えた。

「Google Search Console」のエラー

Google Search Consoleの右サイドメニューのメーセージ欄にエラー表示される。
同一内容がGmailでも届く。（届いていた(-_-;)汗）

左サイドメニューの「拡張－パンくずリスト」クリックで詳細確認ができる。

「Breadcrumb NavXT」の設定変更

設定画面は4つのタブ「一般」「投稿タイプ」「タクソノミー」「その他」があり「リンクありの設定」と「リンクなしの設定」でそれぞれのコードを4つのタブに「一般4か所」「投稿タイプ6か所」「タクソノミー8か所」「その他7か所」を設定変更する。最初のタブ二つのみ設定でも問題ないみたい。

変更内容

１．デフォルトテンプレートのコード「property=”itemListElement”」の記載を「itemprop=”itemListElement”」に変更。
２．「itemscope itemtype=”http://schema.org/ListItem”」のコードも追加が必要みたい。
３．コードには「span」と「mata」タグが記載されていないとエラーになるらしいので，設定が必要な各タブ全てで「リンクあり」・「リンクなし」の2種類を設定。
４．header.phpに「パンくずリスト」の挿入箇所設定・変更
　　　※後記　TOPページに表示のパンくずリストを除外する条件コード追加

いまのところ何も問題は起きていないが，今後他の設定を変更したり表示方法を大きく変えたりしたらどうなるかわからない。

テンプレートの変更

リンクありの設定
<span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="%title%へ移動する" href="%link%" class="%type%" bcn-aria-current><span property="name">%htitle%</span></a><meta property="position" content="%position%"></span>

リンクなしの設定
<span property="itemListElement" typeof="ListItem"><span property="name" class="%type%">%htitle%</span><meta property="url" content="%link%"><meta property="position" content="%position%"></span>

　⇩　上記の設定を下記に書き換えた。

リンクありの設定
<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="item"  title="%title%" href="%link%" class="%type%"><span itemprop="name">%htitle%</span></a><meta itemprop="position" content="%position%"></span>

リンクなしの設定
<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">%htitle%</span><meta itemprop="position" content="%position%"></span>

header.phpの変更

「Breadcrumb NavXT」
「パンくずリスト」の挿入箇所設定でテーマファイルエディターで「header.php」の設定を当初の設定から変更した。「header.php」の最後に追加する。

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

　⇩　上記の設定を下記に書き換えた。※が再変更あり※

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

修正後に「Google Search Console」から該当記事のURL検査・修正を検証後，インデックス登録をリクエストする。

TOPページでエラー

Breadcrumb NavXTの修正で該当記事のエラーは消えたがTOPのホームページでエラーが残っていた。TOPのホームページにはそもそもパンくずリストは不要なので表示させていなかったのだが，それが悪さしているようだ。
ホームページのソースを見ると案の定だった。
「span」と「mata」タグが記載されていない中途半端なコードが表示されている。

<div class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
		<!-- Breadcrumb NavXT 7.3.1 -->
	</div>

表示させないのであれば，このコードは不要なので消してしまいたいが自動で挿入されるようだ。とりあえず手っ取り早くTOPページにパンくずリストを表示させて，エラーを消してみる。

ホームページにパンくず設定

Breadcrumb NavXTの設定で「一般」タグにある「パンくずにホームページを含める。」をチェックする。

上記の設定後のホームページソースコード
「span」と「mata」タグが追加された。

<div class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
		<!-- Breadcrumb NavXT 7.3.1 -->
<span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">na-blog</span><meta itemprop="position" content="1"></span>	</div>

URL検査・修正を検証後，インデックス登録をリクエストする。
前回のクロール日のエラーが残って表示されている場合があるが，「公開URLをテスト」をクリックしてエラーが無ければ，次回のクロールでエラー表示は消える又はインデックス登録をリクエストで消える。

ホームページのパンくず消去

上記設定後，ホームページ上に意味のないパンくずリストが表示されるようになった。

やはり安易な方法では，どこかにしわ寄せがくる。
これを表示させないためには，ホームページの条件を入れてトップページ以外のページの時は、Breadcrumb NavXTで設定したパンくずリストを表示するというコードに変更する。
header.phpの最後に追加したコードを次のように変更する。

<?php if( !(is_home() || is_front_page() )): ?>
<div class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
	<?php if(function_exists('bcn_display'))
	{
		bcn_display();
	}?>
</div>
<?php endif; ?>

これでTOPのホームページにはパンくずリストが表示されなくなった。
「一般」タグにある「パンくずにホームページを含める。」のチェックはどちらでも問題ない。各記事のパンくずリストの左側（一番上位）に自サイトの名前が入るかどうかなので，好みの問題かな。

エラー修正完了

最終的にエラーが無くなって，問題が修正されたとメーセージが来た。

Google Search Consoleのステータスが「合格」に変わっている。＼(^o^)／

おわりに

Googleのチェック項目は今回のパンくずリストの構造化データ問題に限らずその他多岐に渡ってチェックしているようだ。Google Search Consoleは最初に登録後はあまり気にして見ていなかったが，たまには見てみるものだと思った。(本来は頻繁に見るべきなのかと思うが)
今回の修正内容（コード）については，おかしな箇所や間違いもあると思うが結果オーライでご容赦を！
Google検索画面の自サイト記事掲載順位なども確認できるので，それはそれでいいとは思うが掲載順位で一喜一憂するのもどうかと思うところがある。

日	月	火	水	木	金	土
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31