html - schema.org SiteNavigationElement 的正确用法是什么？

Question

在 SEO 方面...

最好将方案放在包含所有链接的父级上吗？

<nav itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
</nav>

...或者应该将每个链接视为它自己的元素？

<nav>
    <span itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement">
        <a itemprop="url" href="#">
            <span itemprop="name">Link 1</span>
        </a>
    </span>
    <span itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement">
        <a itemprop="url" href="#">
            <span itemprop="name">Link 2</span>
        </a>
    </span>
    <span itemscope="itemscope" itemtype="http://www.schema.org/SiteNavigationElement">
        <a itemprop="url" href="#">
            <span itemprop="name">Link 3</span>
        </a>
    </span>
</nav>

Answer 1

如果 SiteNavigationElement 用于整个导航(即导航链接列表)，则您的第一个示例是正确的。

如果 SiteNavigationElement 用于单个导航条目(即导航链接列表中的链接)，则您的第二个示例是正确的。

我认为 Schema.org 没有明确定义所指的变体，因为他们只说:

A navigation element of the page.

然而，父类型WebPageElement定义为:

A web page element, like a table or an image

此外，所有其他子类型(如 Table 或 WPFooter)似乎用于整个事物，而不是事物的特定部分。

所以这似乎表明应该标记整个导航，而不是每个链接:

<nav itemscope itemtype="http://schema.org/SiteNavigationElement">
<ul>
  <li><a href="/link-1">Link 1</a></li> <!-- don’t use the 'url' or 'name' property here! -->
  <li><a href="/link-2">Link 2</a></li>
</ul>
</nav>

在这种情况下，所有属性都属于整个导航，这意味着 url 属性将为该导航指定一个 URL(不是此导航中的链接!)。