制作のご相談はこちら
【Breadcrumb NavXT】パンくずリストのサーチコンソールエラーを対処してみる

公開日 : 2020年03月24日 / 最終更新日 : 2020年04月08日

【Breadcrumb NavXT】パンくずリストのサーチコンソールエラーを対処してみる

今年に入って Google Search Console Team からメールが届きました。
「パンくずリストで問題が検出されました 」
な、なんだってー!突然のエラー通知。

「data-vocabulary.org schema deprecated」
メールにはこの問題を解決してくださいとの事でした。
調べてみるとこれは「data-vocabulary.org というデータベースの構造は非推奨です」みたいな内容らしいです。(ざっくりですみません)

サーチコンソールにエラーが吐き出されてるのも気になるので、よく分からないが修正を試みることにしました。

WordPressBreadcrumb NavXTプラグインを使用した場合の内容となっています。

Google Search Consoleで詳細を確認

まず、サーチコンソールで詳細を確認します。
左メニューの「拡張」>「パンくずリスト」に入ると確認できました。

警告とエラーが出てます…
警告は「data-vocabulary.orgスキーマのサポートは終了します 」という内容。
エラーは「項目 itemListElement がありません」という内容でした。

「data-vocabulary.orgスキーマのサポートは終了します」という警告の対処法を探る

まずこの警告は最初に届いたメールの通り、
data-vocabulary.orgというデータベースの構造は今後Googleで推奨しませんよってことですよね。
ではどうすればいいのかというと、推奨されているschema.orgというスキーマに適応させれば良いようです。

自分のサイトのBreadcrumb NavXTの設定を見てみると、確かに data-vocabulary.org 方式で記述されていたようです。
なので試しにこのように修正してみました。

HTML(パンくず出力側)

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

itemtypeにschema.orgを指定しています。

Breadcrumb NavXTの設定

パンくずにリンクがある場合

<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>

このように修正をして、サーチコンソールにエラーが無いか再検証を依頼しました。
少し時間がかかるようなので、結果が出次第追記いたします!
【2020/4/8】修正の検証が成功しました!