web-dev-qa-db-ja.com

パンくずリスト用のSchema.orgまたはData-Vocabulary.org？

Googleおよび他のSEは Schema.org構造化データのマークアップ をサポートしていますが、 breadcrumbsの場合、代わりにData-Vocabulary.org を使用することをお勧めします。

パンくずリストを検索結果に表示するには、どちらを使用すればよいですか？

Breadcrumb rich snippet example in Google SERP

ブレッドクラムのSchema.orgマークアップの問題 があることに気づいたので、今は使用しない方が良いということですか？

それぞれで推奨されるコードはわずかに異なります。したがって、将来、サイト全体でコードを変更するのは面倒です。

Schema.org：

<body itemscope itemtype="http://schema.org/WebPage">
...
<div itemprop="breadcrumb">
  <a href="category/books.html">Books</a> >
  <a href="category/books-literature.html">Literature & Fiction</a> >
  <a href="category/books-classics">Classics</a>
</div>

Data-Vocabulary.org：

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a> ›
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/dresses/real" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a> ›
</div>  
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
    <span itemprop="title">Real Green Dresses</span>
  </a>
</div>
google-searchmicrodatarich-snippetsbreadcrumbsdata-vocabulary.org
7
Baumr

はい、スキーマを避け、Data Vocabularyを使用してください。まさにあなたが引用した理由です。後者を使用しましたが、動作します。

GoogleのJohn Mueller スキーマの変更が必要だと言われています 、および 議論 の周りでは、スキーマは現在のData Vocabulary構文に似ている必要があることを示唆しているようです。そのため、今後行う必要のある調整は、現在表示されているよりも煩わしくない場合があります。

3
GDav

最新の回答、2017年1月3日

data-vocabulary.org-かなり長い間、パンくずのマイクロデータを提供しています。次のように使用します。

  <div class="breadcrumb">
    <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="http://www.contoso.com/" itemprop="url">
        <span itemprop="title">Contoso</span>
      </a> »
    </span>  
    <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="http://www.contoso.com/fashion/" itemprop="url">
        <span itemprop="title">Fashion</span>
      </a> »
    </span>  
    <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="http://www.contoso.com/fashion/women/" itemprop="url">
        <span itemprop="title">Women</span>
      </a> »
    </span>
    <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="http://www.contoso.com/fashion/women/boots/" itemprop="url">
        <span itemprop="title">Boots</span>
      </a>
    </span>
  </div>

ドキュメントを読む

schema.org-パンくずリスト用のマイクロデータの使用も提供しています！次のように使用します。

  <ol itemscope itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="https://example.com/dresses">
      <span itemprop="name">Dresses</span></a>
      <meta itemprop="position" content="1" />
    </li>
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="https://example.com/dresses/real">
      <span itemprop="name">Real Dresses</span></a>
      <meta itemprop="position" content="2" />
    </li>
  </ol>

ドキュメントを読む

GDav：」GoogleのJohn Mueller氏は、Schemaが変更されることを期待していると述べており、それに関する議論はSchemaは現在のData Vocabulary構文にもっと似ている必要があるので、今後必要な適応は、現在の表示よりも煩わしくないかもしれません。」

現在、schema.orgはブレッドクラムもサポートしているため、変更されたと思います。

注意：data-vocabulary.orgとschema.orgはどちらも検索エンジン最適化にmicrodataを使用しています。どうやらそれらを組み合わせる方法がありますが、実際の例はまだ見つかっていないので、もし私があなただったら、そのうちの1つを選ぶでしょう。そして、すべてのコンテンツに使用します（つまり、パンくずリストにはデータボキャブラリーを使用せず、ナビゲーションメニューにはschema.orgを使用しません）。

結論：

両方とも機能します。どちらかを選択してください。

2
Derk Jan Speelman

Googleは、パンくずリストのオプションとしてdata-vocabulary.orgを提供していません。 https://developers.google.com/search/docs/data-types/breadcrumbs で見ることができるように、現在は単なるschema.orgです

1
Cristian Sepulveda