リッチスニペットを使用したパンクズリストの記述、皆様はどのようにしていますか？ また、自分のコードで不適切な点がありましたら教えてください

Question

初めてリッチスニペットを導入するです。
通販サイトで以下のように使用する予定ですが、

        <!--パンクズリスト-->
        <p itemscope itemtype="http://schema.org/BreadcrumbList" class="list">
          <span itemprop="itemListElement">
          <a href="../index.html"><span itemprop="name">トップ</span></a>
            <meta itemprop="position" content="1" />
          </span>
          &gt;
          <span itemprop="itemListElement">
            <span itemprop="name">カテゴリー名</span>
            <meta itemprop="position" content="2" />
          </span>
          &gt;
          <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
            <span itemprop="name">商品名</span>
            <meta itemprop="position" content="3" />
          </span>
        </p>
        <!--/パンクズリスト-->

これでおかしな点、改善すべき点はありますか？
スキーマを使います。

Answer 1

解説サイトの受け売りですが、aタグにはitemprop="item"を加えるのが良いかもしれません。
また、商品名以外は<span itemprop="itemListElement">とされているようですが、どちらかの記述に揃えたほうが気持ちいい気がします。

トップ以外にもaタグがあればもっと良いかもしれませんが、事情がおありかもなのでそこは諦めて…

反映するとこんな感じでしょうか。

<!--パンクズリスト-->
        <p itemscope itemtype="http://schema.org/BreadcrumbList" class="list">
          <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
          <a href="../index.html" itemprop="item"><span itemprop="name">トップ</span></a>
            <meta itemprop="position" content="1" />
          </span>
          &gt;
          <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
            <span itemprop="name">カテゴリー名</span>
            <meta itemprop="position" content="2" />
          </span>
          &gt;
          <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
            <span itemprop="name">商品名</span>
            <meta itemprop="position" content="3" />
          </span>
        </p>
        <!--/パンクズリスト-->

Comments

[makoto-n]

ありがとうございます。
参考にします。