「data-vocabulary.org」スキーマのサポートが終了したので「schema.org」へ変更した

「data-vocabulary.org」スキーマのサポートが終了したので「schema.org」へ変更したお話です。

Googleさんからメールが届きました。

パンくずリストhttps://www.xxxxxxxxxxxxxx/で問題が検出されました

https://www.xxxxxxxxxxxxxx/ の所有者様


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


主な警告

警告は、サイトの改善のための推奨項目です。警告によっては、検索結果での表示に影響がある場合がございます。また、警告が今後エラーになることも考えられます。貴サイトでは、以下の警告が検出されました。


data-vocabulary.org schema deprecated


上記の問題をできる限り解決されることをおすすめいたします。こうした問題を解消することで、サイトのエクスペリエンスや Google 検索結果での表示を最適化できます。

構造化データ「data-vocabulary.org」のサポートが終了するので、「schema.org」へ変更しろってことです。
確かに、昔はパンくずの構造化データは「data-vocabulary.org」を使うのが主流だった気がします。

「data-vocabulary.org」から「schema.org」に修正

「data-vocabulary.org」時代のソースを確認してみると下記のような感じ。

<ul>
  <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://xxxxxx.com" itemprop="url">
      <span itemprop="title">HOME</span>
    </a>
  </li>
  <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <a href="http://xxxxxx.com/xxxxxx" itemprop="url">
      <span itemprop="title">XXXXXX</span>
    </a>
  </li>
  <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
    <span itemprop="title">〇〇</span>
  </li>
</ul>

これを「schema.org」に修正していくと…

<ul class="" itemscope itemtype="https://schema.org/BreadcrumbList">
  <li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem">
    <a href="http://xxxxxx.com" itemprop="item">
      <span itemprop="name">HOME</span>
    </a>
    <meta itemprop="position" content="1">
  </li>
  <li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem">
    <a href="http://xxxxxx.com/xxxxxx" itemprop="item">
      <span itemprop="name">XXXXXX</span>
    </a>
    <meta itemprop="position" content="2">
  </li>
  <li itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem">
    <a href="http://xxxxxx.com/xxxxxx/〇〇" itemprop="item">
      <span itemprop="name">〇〇</span>
    </a>
    <meta itemprop="position" content="3">
  </li>
</ul>

意外と簡単でしたね。
大幅に変更したところといえばコレ。

<meta itemprop="position" content="1">

リストの数が増える毎に、数値も増やしていかなきゃいけないので、注意が必要です。

SearchConsoleで修正を検証

無事修正されたようです。

サイト(https://www.xxxxxxxxxxxxxx/)に関する「パンくずリスト」の問題が修正されました

https://www.xxxxxxxxxxxxxx/ の所有者様

貴サイト(https://www.xxxxxxxxxxxxxx/)で「パンくずリスト」の問題が修正されたことを確認いたしました。今回確認した問題は「data-vocabulary.org スキーマのサポートは終了します」です。

貴サイト内の 10 ページで修正が確認されました。

確認プロセスの詳細をチェックし、「パンくずリスト」に関する未修正の問題が他にあるかどうかを見るには、次のリンクにアクセスしてください。