2020/02/06

パンくずリストをschema.orgスキーマで構造化データとして記述する方法

HTML/CSS

2020年4月からGoogleの検索結果でパンくずリスト構造化データの対象となるのは”schema.org”スキーマのみとなります。
“schema.org”スキーマでのパンくずリストの記述例は下のようになります。

<ul itemscope itemtype="http://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a href="#1" itemscope itemtype="http://schema.org/Thing" itemprop="item" >
     <span itemprop="name">HOME（トップページ）</span>
    </a>
    <meta itemprop="position" content="1" />
  </li>
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <a href="#2" itemscope itemtype="http://schema.org/Thing" itemprop="item" >
      <span itemprop="name">カテゴリー</span>
    </a>
    <meta itemprop="position" content="2" />
  </li>
  <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
    <span itemprop="name">記事タイトル</span>
    <meta itemprop="position" content="3" />
  </li>
</ul>

以上です。
参考になりましたら幸いです。

• 
• 
• 

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。