[Blogger] 修正網站導航標記問題 (data-vocabulary.org 的結構定義已淘汰)

自 2020 年 4 月 6 日起，data-vocabulary.org 標記將不再適用於 Google 搜尋的導覽標記功能。如果想在 2020 年 4 月 6 日之後繼續支援這項功能，則必須將 data-vocabulary.org 標記替換為 schema.org 標記。 ☞ 導覽標記

導航標記所指的就是麵包屑(Breadcrumb)，請將 data-vocabulary 的麵包屑結構

<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a itemprop="item" href="https://example.com/dresses" itemprop="url">
    <span itemprop="title">Dresses</span>
  </a>
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a itemprop="item" href="https://example.com/dresses/real" itemprop="url">
    <span itemprop="title">Real Dresses</span>
  </a>
</div>

換置成 schema.org 的麵包屑結構 ☞ 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>

最後，請使用 Google 結構化資料測試工具 檢測網頁。

---

Source

☞ Google To Drop Data-Vocabulary On April 6th, All In On Schema.org
☞ How To Fix “data-vocabulary.org schema deprecated” Error
☞ [教學] 修正 網站導航標記 問題 (data-vocabulary.org schema deprecated)