【google】「パンくずリストで問題が検出されました」の対応

1/22 突然やってきたグーグルからのメール

「パンくずリストで問題が検出されました」

にすこしびっくりしましたが
対応方法がわかりましたので、メモしておきます。

1 googleからのメール「パンくずリストで問題が検出されました」
2 パンくずリスト（data-vocabulary.org ）はグーグルサポート外となる。
3 schema.orgを使ったの修正方法
4 作成したパンくずリストの確認方法
5 あとがき

googleからのメール「パンくずリストで問題が検出されました」

ボタンをクリックすると、、、

どうやら、
パンくずリストの書き方（data-vocabulary.org）がダメっぽい。

ということしかわかりませんでした。

パンくずリストとは、よくページの上部にあるこんなやつです。

Home > 〇〇〇〇 > XXXX

パンくずリスト（data-vocabulary.org ）はグーグルサポート外となる。

困ったときのドラエモンならぬ、海外SEO情報ブログ頼みですが、

引用
リッチリザルトを表示するための data-vocabulary.org 構造化データの利用を 2020 年 4 月 6 日をもって Google は終了します。
data-vocabulary.org でマークアップしていても 4 月 6 日以降は検索結果にリッチリザルトが出なくなります。

data-vocabulary.org でマークアップしているサイトは早めに schema.org へ移行する必要があります。

data-vocabulary構造化データによるリッチリザルトのサポートをGoogleが終了、schema.orgへの移行を推奨

どうやら、2020年4月6日をもって
data-vocabulary.org
を使ったパンくずリストがグーグルサポート外になるようです。

schema.orgを使ったの修正方法

Googleがサポートしているschema.orgでの修正方法です。

元のソースがこちら

元のソース

<div id="path">
<ul>
<li id="pathFirst" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a href="../../index.html" itemprop="url"><span itemprop="title">Home</span></a></li>
<li>ほげほげ</li>
</ul>
</div>

修正後のソースがこちら

修正後のソース

<div id="path">
<ul itemscope itemtype="http://schema.org/BreadcrumbList">
<li id="pathFirst" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="../../index.html" itemprop="item"><span itemprop="name">Home</span></a><meta itemprop="position" content="1" /></li>
<li>ほげほげ</li>
</ul>
</div>