今回、弊社サイトでもGoogleサーチコンソールから「data-vocabulary.org schema deprecated」の警告をいただき、修正作業を行いました。弊社のこのサイトはパンくずリストの表示にBreadcrumb NavXTというプラグインを使用しています。
Breadcrumb NavXTは標準では現在の標準形式であるSchema.orgのパンくずリストに対応しておらず、このままでは4月から検索結果のパンくずリスト(リッチスニペット)が消えてしまうとのことで、至急修正をおこなった次第です。
「パンくずリスト」の問題の修正を検証しています(対象サイト: https://umebius.com/)
https://umebius.com/ の所有者様
弊社では、貴サイトの「パンくずリスト」に関する問題の修正について検証を開始いたしました。具体的には、179 ページに現在影響を及ぼしている「data-vocabulary.org schema deprecated」について確認しております。
ステップ1 bcn_display部分の修正
弊社のサイトの場合、下のようなコードでパンくずリストを出力していました。
bcn_displayを囲っているdivに、「 itemscope itemtype=”http://schema.org/BreadcrumbList”」と言う属性を付与します。
修正前
<div class="breadcrumbs"> <?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>
ステップ2 パンくずリストの各アイテムの修正
管理画面から各アイテムの設定を変更します。
リンクありのアイテムの設定は次のようにしました。
<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>
以上で、Breadcrumb NavXTを使ったSchema.orgのパンくずリストが出力されるようになりました。