Google Search Consoleで「data-vocabulary.org schema deprecated」という警告が出た際の修正方法です。

「data-vocabulary.org schema deprecated」について

「data-vocabulary.org schema deprecated」は
「data-vocabulary.org というスキーマは推奨されていません」という意味です。

Google Search Consoleの仕様変更があり、data-vocabulary.orgが構造化データの対象外になったため、警告が出るようになりました。

「schema.org」へ切り替えずともページとしては問題なく表示されますが、検索結果でパンくずリストが出なくなるなど、表示に影響がでる可能性があるため、対応されることをおすすめします。

修正方法

修正箇所は、テーマにより変わるため、ご利用中のテーマをご確認ください。
ここでは「default」「carosello」「dropdown」テーマを例に説明します。
下記の流れで進み、該当箇所を修正してください。1～3までは全テーマ共通の流れとなります。

※テーマの編集前にバックアップを取ることをおすすめします。
　下記手順 3 の画面の「ダウンロード」から現行テーマのダウンロードが可能です。

「マイページ」から「サイト管理」へ進み、「テーマ」をクリック
使用しているテーマ（下図のような青枠が表示されているもの）を選択
右上の「テンプレート」をクリック
画面遷移後、該当のテンプレートを選択
　default　→　PC：全体レイアウト　SP：記述なし
　carosello　→　PC：全体レイアウト　SP：全体レイアウト
　dropdown　→　PC：記述なし　SP：全体レイアウト（スマホ向け）
下記記述を修正
※HTMLタグやclassなどはご利用中のテーマに合わせて適宜調整してください。

【default】

「全体レイアウト」編集前

<div class="header-breadcrumb hidden-xs">
  <div class="container">
    <ul class="breadcrumb">
      {% for element in controller.breadcrumbs %}
        <li itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
          <a itemprop="url" href="{{ element[0] }}">
            <span itemprop="title">
              {% if element[0] == site.path %}
                <i class="fa fa-lg">&#xf015;</i><span class="sr-only">{{ site.title }}</span>
              {% else %}
                {{ element[1] }}
              {% endif %}
            </span>
          </a>
        </li>
      {% endfor %}
      <li><strong>{{ page_title }}</strong></li>
    </ul>
  </div>
</div>

「全体レイアウト」編集後

<div class="header-breadcrumb hidden-xs">
  <div class="container">
    <ul class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
      {% assign count == 1 %}
      {% for element in controller.breadcrumbs %}
        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
          <a itemprop="item" href="{{ element[0] }}">
        {% if element[0] == site.path %}
          <span itemprop="name">
            <meta itemprop="position" content="{{ forloop.index }}" />
              <i class="fa fa-lg">&#xf015;</i><span class="sr-only">{{ site.title }}</span>
          </span>
        {% else %}
          <span itemprop="name">
            <meta itemprop="position" content="{{ forloop.index }}" />{{ element[1] }}
          </span>
        {% endif %}
      </a>
    </li>
    {% assign count = count | plus: 1 %}
      {% endfor %}
      <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <strong itemprop="name">
          <meta itemprop="position" content="{{ count | plus: 1 }}" />{{ page_title }}
        </strong>
      </li>
    </ul>
  </div>
</div>

【carosello】

「全体レイアウト」編集前

<!--breadcrumb-->
<div id="breadcrumb">
  <div class="container">
    <ul>
      {% for element in controller.breadcrumbs %}
        <li itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
          <a itemprop="url" href="{{ element[0] }}">
            <span itemprop="title">
              {% if element[0] == site.path %}
                HOME
                <span class="sr-only">{{ site.title }}</span>
              {% else %}
                {{ element[1] }}
              {% endif %}
            </span>
          </a>
        </li>
      {% endfor %}

      {% if request.path == "/" %}
        <li><strong>HOME</strong></li>
      {% else %}
        <li><strong>{{ page_title }}</strong></li>              
      {% endif %}
     </ul>
  </div>
</div>

「全体レイアウト」編集後

<!--breadcrumb-->
<div id="breadcrumb">
  <div class="container">
    <ul itemscope itemtype="http://schema.org/BreadcrumbList">
      {% assign count == 1 %}
      {% for element in controller.breadcrumbs %}
        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
          <a itemprop="item" href="{{ element[0] }}">
            {% if element[0] == site.path %}
              <span itemprop="name">
                <meta itemprop="position" content="{{ forloop.index }}" />HOME
                <span class="sr-only">{{ site.title }}</span>
              </span>
            {% else %}
              <span itemprop="name">
                <meta itemprop="position" content="{{ forloop.index }}" />{{ element[1] }}
              </span>
            {% endif %}
          </a>
        </li>
        {% assign count = count | plus: 1 %}
      {% endfor %}

      <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
        <a itemprop="item" href="{{ request.url }}">
          <span itemprop="name">
            <meta itemprop="position" content="{{ count | plus: 1 }}" />{{ page_title }}
          </span>
        </a>
      </li>
    </ul>
  </div>
</div>

【dropdown】

「全体レイアウト（スマホ向け）」編集前

<ul class="breadcrumb">
  {{ controller.render_breadcrumbs }}
</ul>

「全体レイアウト（スマホ向け）」編集後

<ul class="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList">
  {% assign count == 1 %}
  {% for element in controller.breadcrumbs %}
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="{{ element[0] }}">
        {% if element[0] == site.path %}
          <span itemprop="name">
            <meta itemprop="position" content="{{ forloop.index }}" />
            <i class="fa fa-lg">&#xf015;</i><span class="sr-only">Home</span>
          </span>
        {% else %}
          <span itemprop="name">
            <meta itemprop="position" content="{{ forloop.index }}" />{{ element[1] }}
          </span>
        {% endif %}
      </a>
    </li>
    {% assign count = count | plus: 1 %}
  {% endfor %}
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <strong class="breadcrumb-title" itemprop="name">
      <meta itemprop="position" content="{{ count | plus: 1 }}" />{{ page_title }}
    </strong>
  </li>
</ul>

6．右上の「保存する」をクリックしてテンプレートを保存する

スマートフォン用のテンプレートも上記手順で修正・保存してください。
「テンプレート名（スマホ向け）」がスマートフォン用のテンプレートです。

Clipkitでパンくずリストの構造化データを修正する

「data-vocabulary.org schema deprecated」について

修正方法

【default】

【carosello】

【dropdown】