在大型菜单中使用 SiteNavigationElement

Question

伙计们，我有一些不清楚的地方。

我正在为谷歌优化我的网站，我开始使用结构化数据。

第一个问题：

我的网站有主菜单和子菜单，子菜单有自己的子菜单等... 所有子菜单是否也需要声明itemscope itemtype="http://www.schema.org/SiteNavigationElement或者只是父级需要？ 检查下面的示例：

<ul itemscope itemtype="http://www.schema.org/SiteNavigationElement">
  <li itemprop="name"><a itemprop="url" href="#">Car Parts</a></li>
  <li itemprop="name">
      <a itemprop="url" href="#">Car Models</a>
       <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement" class="dropdown"> <!-- THIS -->
          <li itemprop="name"><a itemprop="url" href="#">Sub menu</a></li>
       </ul>
  </li>
 
</ul>

或者只需要这样

 <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement">
      <li itemprop="name"><a itemprop="url" href="#">Car Parts</a></li>
      <li itemprop="name">
          <a itemprop="url" href="#">Car Models</a>
           <ul class="dropdown"> <!-- THIS -->
              <li itemprop="name"><a itemprop="url" href="#">Sub menu</a></li>
           </ul>
      </li>     
    </ul>

第二个问题

<li itemprop="name"> 的 itemprop 值为 name。这需要保持name 值还是我需要更改name => Car Models？

<a itemprop="url"> url 需要换成我的www.example.com/category 还是留下网址？

谢谢

Answer 1

 <ul itemscope itemtype="http://www.schema.org/SiteNavigationElement">
      <li itemprop="name"><a itemprop="url" href="#">Car Parts</a></li>
      <li class="dropdown">
          <a class="dropdown-toggle" href="#">Car Models</a>
           <ul class="dropdown-menu">
              <li class="nav-item" itemprop="name">
                  <a class="dropdown-item nav-link" itemprop="url" href="https://stackoverflow.com">stackoverflow</a>
               </li>
           </ul>
      </li>     
    </ul>

Itemprop 应该在导航项而不是下拉容器上定义。您也不需要重复架构声明，也不需要重新声明 itemscope。

此外， itemprop="" 定义了 dom 项定义的属性类型。所以它应该保留为“名称”和“网址”。

这里有一篇解释 itemprop 的 Mozilla 文章：https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/itemprop