パンくずリストの設置・修正を承ります

ここ数日、複数の方から

「こんなメールが届いたが、何をどうすればいいかわからない」

というお問い合わせをいただきました。

パンくずリスト xx で問題が検出されました
xx の所有者様
Search Console により、貴サイトに影響する「パンくずリスト」関連の問題が 1 件検出されました。

主な警告
警告は、サイトの改善のための推奨項目です。警告によっては、検索結果での表示に影響がある場合がございます。
また、警告が今後エラーになることも考えられます。貴サイトでは、以下の警告が検出されました。
data-vocabulary.org schema deprecated
上記の問題をできる限り解決されることをおすすめいたします。こうした問題を解消することで、サイトのエクスペリエンスやGoogle 検索結果での表示を最適化できます。

メールの文面を見ると、確かに「理解してもらう気があるのか疑わしい」内容でした。

※2020年8月現在、サーチコンソールに【パンくずリスト】という項目が追加されて、以下のような警告が出ます。

しかし、わざわざ送ってくる以上、重要なのだろうと思って

> data-vocabulary.org schema deprecated

について調べてみると、こんな事を伝えたいのだろうと推測できました。

今あなたのホームページのパンくずリストで使っている「data-vocabulary.org」という仕様は古くなってしまいました。
そのためGoogleは2020年4月6日でサポートを打ち切ります（※サポート打ち切りは2021年1月に行われました）。
パンくずリストを、広く使われている仕様の「scheme.org」に沿って書き換えてください。
「data-vocabulary.org」のサポートを打ち切った後は、古いパンくずリストはSEOの役に立たなくなるので、よろしくね。

具体的にどこをどう書き換えれば良いのかは、下記の通りです。自力でできそうな方はお役立てください。

パンくずリストを schema.org に従った形に書き換える手順

パンくずリストが箇条書き（ul, li）タグで書かれていない場合はゼロから作り直します。
ulタグに
itemscope itemtype="http://schema.org/BreadcrumbList “
という記述を追加する。
liタグの
itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb “
を削除して、代わりに
itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem “
を追記する。
liタグの中にある aタグの
itemprop="url"
を
itemprop="item"
に書き換える。（ aタグがない場合は無視）
aタグの中にある spanタグの
itemprop="title"
を
itemprop="name"
に書き換える。（ spanタグがない場合は、spanタグを追加して、 itemprop="name" を追記します）
aタグの閉じタグ </a> のすぐ後ろ、</li>のすぐ前に
<meta itemprop="position" content="1″ >
を追加する。
（ただし、content="1″ の数字は、最初の li タグなら1，次の li タグなら2と、順に大きくしていく）
この際、 id="**" や class="**" などの記述があっても手を加えないでください。