HTML 麵包屑寫法更新

2020012210:27

今天收到 Search Console 發出的 E-Mail 通知信

Search Console 在 https://pinbox.tw/ 偵測到「導航標記」問題

https://pinbox.tw/ 擁有者您好：
Search Console 在您的網站上找到1 個「導航標記」類型的問題：
重大警告
警告的作用是對您提出改進建議。有些警告可以讓您的網頁在Google 搜尋中擁有更好的呈現方式，有些警告則可能在日後成為錯誤。以下是系統在您的網站上找到的警告項目：
data-vocabulary.org schema deprecated
建議您儘可能修正這些問題，好讓您的網站在Google 搜尋中獲得最佳的呈現效果以及最大的涵蓋率。

舊的寫法： Google 已經不支援

<ol>
  <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
   <a href="https://example.com/folder" itemprop="url">
   <span itemprop="title">主分類</span></a>
  </li>

  <li itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">  
   <a href="https://example.com/folder/111" itemprop="url">
   <span itemprop="title">次分類</span></a>
  </li>
</ol>

新的寫法：

 <ol itemscope itemtype="http://schema.org/BreadcrumbList">
    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="https://example.com/folder">
      <span itemprop="name">主分類</span></a>
      <meta itemprop="position" content="1" />
    </li>

    <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
      <a itemprop="item" href="https://example.com/folder/111">
      <span itemprop="name">次分類</span></a>
      <meta itemprop="position" content="2" />
    </li>
  </ol>