在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>

解决方法

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

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

我认为Schema.org不明确地定义哪个变体是什么意思,因为他们只说:

A navigation element of the page.

然而,父类型WebPageElement定义为:

A web page element,like a table or an image

而且,所有其他的孩子类型(如TableWPFooter)似乎都被用于整个事物,而不是东西的特定部分。

所以这似乎表明,整个导航应该被标记,而不是每个单一的链接:

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

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

html5 – 什么是正确使用schema.org SiteNavigationElement?的更多相关文章

  1. ios – Swift Realm新手:一个简单的Realm对象及其初始化器的问题

    几周前我一直是Objective-C的开发人员,并且听说过Realm.另一方面,我一直希望一点一点地迁移到Swift,所以我创建了一个涉及RealmSwift的小项目.这是什么意思?如发现本站有涉嫌侵权/违法违规的内容,请发送邮件至dio@foxmail.com举报,一经查实,本站将立刻删除。

  2. android – 尝试为GreenDAO运行DaoGenerator时出现NoClassDefFoundError

    我有一个Android项目,使用AndroidStudio2.3,它使用GreenDAO生成与sqlite数据库交互的类.DaoGenerator项目之前总是工作……

  3. JSON schema配置规范使用教程

    这篇文章主要为大家介绍了JSON schema配置规范使用教程,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

  4. Vue2 Element Schema Form 配置式生成表单的实现

    本文主要介绍了Vue2 Element Schema Form 配置式生成表单的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. iOS中使用schema协议调用APP和使用iframe打开APP的例子

    这篇文章主要介绍了iOS中使用schema协议调用APP和使用iframe打开APP的例子,用在浏览器中打开APP,需要的朋友可以参考下

  6. Monaco-editor 的 JSON Schema 配置及使用介绍

    这篇文章主要为大家介绍了Monaco-editor 的 JSON Schema 配置及使用介绍,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

  7. ubuntu 12.04 安装openldap不开启加密验证

    系统环境:ubuntu12.04安装准备:berkeley-db和openldap版本一定要匹配或者都用最新版本,否则安装openldap的时候会出现很多麻烦问题。/usr/local/BerkeleyDB.4.7BerkeleyDB目录/usr/local/etc/openldapopenldap安装目录/usr/local/libexecopenldap的slapd二进制执行文件目录/usr/local/var/openldap-dataopenldap的数据库目录启动服务前,修改/usr/local

  8. PHP artisan迁移不创建新表

    提前致谢.这意味着Laravel首先尝试运行users表迁移.如果您正在开发中并且不需要保留数据,则可以删除users表,然后运行PHPartisanmigrate

  9. php – SQLSTATE [HY000] [2002]当doctrine:schema:create时不是目录

    从本地MysqL.sock创建符号链接到MAMP:

  10. azure – MSBuild在构建时失败,正在寻找旧版本的Microsoft.Data.Tools.Schema.Sql

    我还在构建服务器上安装了2012年6月的SSDT.编译成功,它实际上移动了所有文件并创建了一个包.但我得到这个错误使构建事件失败.我错过了什么?我收到以下错误消息:从注册表中删除了以下键,它解决了问题.

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

返回
顶部